- ordinamento tabella titoli

- migliorata la lista degli argomenti

src/views/ecommerce/catalogo/catalogo.vue

@@ -62,7 +62,35 @@
         name="lista"
         v-if="optcatalogo"
       >
+        <q-tab-panel
+          v-if="showListaArgomenti"
+          name="categorie"
+        >
+          <div class="row justify-center q-mx-auto bg-blue-1">
+            <div class="categories">
+              <div
+                v-for="(reccat, index) in getCatProds()"
+                :key="index"
+                class="category"
+                :class="{ category_sel: cat === reccat.value }"
+                @click="cat = reccat.value"
+              >
+                {{ reccat.label }}
+              </div>
+            </div>
+          </div>
+          <div class="text-center q-py-sm prod_trov">
+            <span v-show="productStore.getNumProdTot() !== arrProducts.length">{{
+              t('ecomm.prodotti_trovati', {
+                qta: arrProducts.length,
+                qtatot: productStore.getNumProdTot(),
+              })
+            }}</span>
+          </div>
+        </q-tab-panel>
+
         <q-btn
+          v-if="!showListaArgomenti"
           rounded
           label="Rigenera Ordinamento Libri"
           color="primary"
@@ -70,6 +98,7 @@
         ></q-btn>
 
         <q-btn
+          v-if="!showListaArgomenti"
           rounded
           label="Aggiungi"
           icon="fas fa-plus"
@@ -103,7 +132,7 @@
           >
             <div class="container">
               <q-tabs
-                v-if="!ispageCatalogata"
+                v-if="showListaArgomenti"
                 v-model="tabvisu"
                 dense
                 class="bg-indigo text-white"
@@ -121,7 +150,7 @@
                   >
                 </q-tab>
                 <q-tab
-                  v-if="!ispageCatalogata"
+                  v-if="showListaArgomenti"
                   name="autori"
                   icon="fas fa-user"
                   label="Autori"
@@ -134,7 +163,7 @@
                   >
                 </q-tab>
                 <q-tab
-                  v-if="!ispageCatalogata"
+                  v-if="showListaArgomenti"
                   name="ricerca"
                   icon="fas fa-search"
                   label="Cerca"
@@ -154,23 +183,20 @@
                 keep-alive
               >
                 <q-tab-panel
-                  v-if="!ispageCatalogata"
+                  v-if="showListaArgomenti"
                   name="categorie"
                 >
                   <div class="row justify-center q-mx-auto bg-blue-1">
-                    <div
-                      v-for="(reccat, index) in getCatProds()"
-                      :key="index"
-                    >
-                      <span
-                        :class="{
-                          category: true,
-                          category_sel: cat === reccat.value,
-                        }"
+                    <div class="categories">
+                      <div
+                        v-for="(reccat, index) in getCatProds()"
+                        :key="index"
+                        class="category"
+                        :class="{ category_sel: cat === reccat.value }"
                         @click="cat = reccat.value"
-                        >{{ reccat.label }}
-                      </span>
-                      |
+                      >
+                        {{ reccat.label }}
+                      </div>
                     </div>
                   </div>
                 </q-tab-panel>
@@ -261,7 +287,7 @@
               </q-tab-panels>
 
               <div
-                v-if="!ispageCatalogata"
+                v-if="showListaArgomenti"
                 class="row justify-center q-mx-auto"
               >
                 <q-select