Ordini

src/root/home/home.vue

@@ -57,6 +57,9 @@
           @input="changetab"
         >
           <q-tab name="guida" icon="fas fa-check" :label="$t('pages.home')"></q-tab>
+          <q-tab v-if="isLogged && isSocio" name="prodotti" icon="fas fa-shopping-cart"
+                 :label="$t('pages.products')"></q-tab>
+          <q-tab v-if="isLogged" name="collabora" icon="fas fa-users" :label="$t('pages.collabora')"></q-tab>
           <!--<q-tab name="zoom" icon="fas fa-video" :label="$t('pages.nextzoom')"></q-tab>-->
           <!--<q-tab name="statistiche" icon="fas fa-chart-line" :label="$t('pages.status')"></q-tab>-->
 
@@ -64,10 +67,59 @@
 
         <q-tab-panels v-model="tab" animated>
           <q-tab-panel name="guida">
-            <div v-if="isLogged">
+            <div class="q-ma-xs q-pa-xs text-center rounded-borders">
+              <div v-if="isLogged">
+                <div>
+                  <!--<q-field-->
+                  <!--v-if="getPermission() === 'granted'"-->
+                  <!--icon="notifications"-->
+                  <!--class="shadow"-->
+                  <!--:label="$t('notification.titlegranted')"-->
+                  <!--:helper="$t('notification.statusnot')">-->
+                  <!--</q-field>-->
+                  <q-field
+                    v-if="NotServiceWorker()"
+                    class="shadow"
+                    icon="notifications"
+                    label="Service Worker not present"
+                  >
+                  </q-field>
+                </div>
 
+                <div>
+                  <q-btn v-if="getPermission() !== 'granted'"
+                         class="enable-notifications shadow"
+                         color="primary" rounded
+                         size="md"
+                         icon="notifications" @click="tools.askfornotification(mythis)"
+                         :label="$t('notification.ask')"/>
+                  <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
+                  <!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
+
+                </div>
+              </div>
+
+              <q-btn class="enable-notifications shadow add-button" v-if="showbuttonHS" @click="addtoHomeScreen"
+                     color="primary" rounded
+                     size="md"
+                     icon="fas fa-plus"
+                     label="Aggiungi alle tue Applicazioni">
+              </q-btn>
+
+              <div class="q-pt-md q-pl-sm">
+                <div class="text-body2 text-italic text-grey">Versione App {{ getenv('APP_VERSION') }}</div>
+              </div>
             </div>
 
+          </q-tab-panel>
+          <q-tab-panel name="prodotti">
+            <CECommerce>
+
+            </CECommerce>
+          </q-tab-panel>
+          <q-tab-panel name="collabora">
+            <CShareWithUs></CShareWithUs>
+
           </q-tab-panel>
           <q-tab-panel name="zoom">
             <CNextZoom>
@@ -83,10 +135,6 @@
           </q-tab-panel>
         </q-tab-panels>
 
-        <CECommerce>
-
-        </CECommerce>
-
 
       </div>
     </CMyPage>
@@ -97,5 +145,5 @@
 </script>
 
 <style lang="scss" scoped>
-  @import './home.scss';
+@import './home.scss';
 </style>