- filtro se GAS o Prodotti

src/views/ecommerce/orderInfo/orderInfo.vue

@@ -2,6 +2,56 @@
   <q-page>
     <CTitleBanner title="Ordini"></CTitleBanner>
     <q-spinner v-if="!endload" color="primary" size="3em" :thickness="2" />
+
+    <div class="q-gutter-md text-center">
+          <q-btn-toggle
+            v-model="cosa"
+            push
+            rounded
+            glossy
+            toggle-color="purple"
+            :options="[
+              { value: shared_consts.PROD.TUTTI, slot: 'tutti' },
+              { value: shared_consts.PROD.BOTTEGA, slot: 'bottega' },
+              { value: shared_consts.PROD.GAS, slot: 'gas' },
+            ]"
+          >
+            <template v-slot:tutti>
+              <div class="row items-center no-wrap">
+                <div class="text-center">
+                  {{ t('gas.tutti') }}
+                  <br />
+                  {{ t('gas.x_prodotti_gas', { qta: productStore.getNumQtaGas()+productStore.getNumQtaBottega() }) }}
+                </div>
+                <q-icon right name="fas fa-user-friends" />
+              </div>
+            </template>
+            <template v-slot:gas>
+              <div class="row items-center no-wrap">
+                <div class="text-center">
+                  {{ t('gas.ordina_sul_gas') }}
+                  <br />
+                  {{ t('gas.x_prodotti_gas', { qta: productStore.getNumQtaGas() }) }}
+                </div>
+                <q-icon right name="fas fa-user-friends" />
+              </div>
+            </template>
+
+            <template v-slot:bottega>
+              <div class="row items-center no-wrap">
+                <div class="text-center">
+                  {{ t('gas.bottega') }}
+                  <br />
+                  {{
+                    t('gas.x_prodotti_bottega', { qta: productStore.getNumQtaBottega() })
+                  }}
+                </div>
+                <q-icon right name="fas fa-store" />
+              </div>
+            </template>
+          </q-btn-toggle>
+        </div>
+˚
     <div v-if="endload" class="panel">
       <q-tabs v-model="taborders" inline-label class="text-blue">
         <span v-for="(stat, index) of shared_consts.OrderStat" :key="index">
@@ -21,6 +71,7 @@
           :hide-header="$q.screen.lt.sm"
           :columns="columns"
           row-key="numorder"
+          :pagination="initialPagination"
           :rows="getOrdersCartWithTotals()"
         >
           <template v-if="$q.screen.lt.sm" v-slot:item="props">