- migliorie grafiche

src/components/CMyElem/CMyElem.vue

@@ -512,7 +512,7 @@
         <div v-if="editOn" class="elemEdit">
           Msg di Controllo Verifica Email
         </div>
-        <div class="q-pa-md q-gutter-md">
+        <div class="q-pa-xs q-gutter-md">
           <div
             v-if="tools.isLogged() && !tools.isVerified()"
             class="text-verified"

src/components/MyFooter/MyFooter.vue

@@ -59,6 +59,20 @@
             to="/admin/eventlist"
             icon="fas fa-calendar-plus"
           />
+          <q-route-tab
+            v-if="site.confpages.showViewCart"
+            class="mylabfooter"
+            :label="$t('tabdown.showViewCart')"
+            to="/checkout"
+            icon="fas fa-shopping-cart"
+          />
+          <q-route-tab
+            v-if="site.confpages.showViewOrders"
+            class="mylabfooter"
+            :label="$t('tabdown.showViewOrders')"
+            to="/orderinfo"
+            icon="fas fa-clipboard-list"
+          />
           <q-route-tab
             v-if="site.confpages.showViewProfile"
             class="mylabfooter"

src/model/GlobalStore.ts

@@ -252,6 +252,8 @@ export interface IConfPages {
   showViewUsers: boolean
   showViewBooking: boolean
   showViewProfile: boolean
+  showViewCart: boolean
+  showViewOrders: boolean
   enablePwa: boolean
   lang: number
   videoPromo: string

src/rootgen/admin/confsite/confsite.vue

@@ -694,6 +694,26 @@
                 :type="costanti.FieldType.boolean"
               >
               </CMyFieldDb>
+              <CMyFieldDb
+                table="sites"
+                :title="$t('confpages.showViewCart')"
+                :id="mysite._id"
+                :rec="mysite"
+                mykey="confpages"
+                mysubkey="showViewCart"
+                :type="costanti.FieldType.boolean"
+              >
+              </CMyFieldDb>
+              <CMyFieldDb
+                table="sites"
+                :title="$t('confpages.showViewOrders')"
+                :id="mysite._id"
+                :rec="mysite"
+                mykey="confpages"
+                mysubkey="showViewOrders"
+                :type="costanti.FieldType.boolean"
+              >
+              </CMyFieldDb>
               <CMyFieldDb
                 table="sites"
                 :title="$t('confpages.PDFPromo')"

src/statics/lang/it.js

@@ -1497,6 +1497,8 @@ const msg_it = {
       bookings: 'Prenotaz.',
       profile: 'Profilo',
       circuits: 'Circuiti',
+      showViewCart: 'Carrello',
+      showViewOrders: 'Ordini',
     },
 
     myelems: {
@@ -1573,6 +1575,8 @@ const msg_it = {
       videoPromo: 'Video Presentazione',
       showViewBooking: 'Bott. Prenotaz.',
       showViewProfile: 'Bott. Profile',
+      showViewCart: 'Bott. Carrello',
+      showViewOrders: 'Bott. Ordini',
       enablePwa: 'PWA',
       PDFPromo: 'PDF Presentazione',
 

src/store/globalStore.ts

@@ -182,6 +182,8 @@ export const useGlobalStore = defineStore('GlobalStore', {
         showViewUsers: false,
         showViewBooking: false,
         showViewProfile: false,
+        showViewCart: false,
+        showViewOrders: false,
         enablePwa: false,
         lang: costanti.Lang.IT,
         videoPromo: '',

src/views/ecommerce/productsList/productsList.vue

@@ -1,15 +1,18 @@
 <template>
   <q-page>
+    <div class="text-center">
       <q-spinner v-if="!loadpage" color="primary" size="3em" :thickness="2" />
+    </div>
     <div v-if="loadpage" class="panel">
       <div>
-        <div class="q-gutter-md text-center q-mb-md">
+        <div class="text-center">
           <q-btn-toggle
             v-model="cosa"
             push
-            :size="cosa === 0 ? 'lg' : 'md'"
+            size="0.75rem"
             rounded
             glossy
+            dense
             toggle-color="purple"
             :options="[
               { value: shared_consts.PROD.BOTTEGA, slot: 'bottega' },
@@ -21,7 +24,11 @@
                 <div class="text-center">
                   {{ t('gas.ordina_sul_gas') }}
                   <br />
-                  {{ t('gas.x_prodotti_gas', { qta: productStore.getNumQtaGas() }) }}
+                  {{
+                    t('gas.x_prodotti_gas', {
+                      qta: productStore.getNumQtaGas(),
+                    })
+                  }}
                 </div>
                 <q-icon right name="fas fa-user-friends" />
               </div>
@@ -33,7 +40,9 @@
                   {{ t('gas.bottega') }}
                   <br />
                   {{
-                    t('gas.x_prodotti_bottega', { qta: productStore.getNumQtaBottega() })
+                    t('gas.x_prodotti_bottega', {
+                      qta: productStore.getNumQtaBottega(),
+                    })
                   }}
                 </div>
                 <q-icon right name="fas fa-store" />
@@ -44,11 +53,11 @@
       </div>
       <div class="container">
         <div
-          class="q-gutter-y-md column text-center q-mx-auto q-py-sm"
+          class="q-gutter-y-md column text-center q-mx-auto q-py-sm q-mb-sm"
           style="width: 350px; max-width: 100%"
         >
           <q-input
-            filledd
+            filled
             stack-label
             :label="t('ecomm.code_o_text_search')"
             v-model="search"
@@ -59,16 +68,16 @@
             </template>
           </q-input>
         </div>
-        <div class="row q-gutter-sm justify-evenly q-mx-auto">
+        <div class="row q-gutter-xs justify-center q-mx-auto">
           <div v-for="(reccat, index) in getCatProds()" :key="index">
             <q-btn
               :push="cat === reccat.value"
-              :dense="cat !== reccat.value"
+              dense
+              size="0.70rem"
               :icon="reccat.icon"
               :color="reccat.color ? reccat.color : undefined"
               :text-color="cat === reccat.value ? 'blue' : 'black'"
               rounded
-              glossy
               :label="reccat.label"
               @click="cat = reccat.value"
             >