- aggiornamento catalogo: lista titoli del catalogo

- scheda prodotto libro
- migliorata tabella prodotto

src/components/CMyRecCatalog/CMyRecCatalog.vue

@@ -17,19 +17,10 @@
         :height="opt.heightimg"
         class="clickable-image"
         fit="cover"
-        :src="
-          tools.getFullFileName(
-            [myrec.foto_collana],
-            table,
-            myrec.username,
-            myrec._id
-          )
-        "
+        :src="tools.getFullFileName([myrec.foto_collana], table, myrec.username, myrec._id)"
       >
         <template v-slot:error>
-          <div class="absolute-full flex flex-center text-white">
-            immagine non impostata
-          </div>
+          <div class="absolute-full flex flex-center text-white">immagine non impostata</div>
         </template>
         <!--<div class="text-h6 absolute-bottom text-left">
           {{ myrec.title }}
@@ -38,81 +29,112 @@
 
       <q-card-section>
         <div
-          class="q-mt-sm q-mb-xs"
+          class="q-mb-sm text-center text-bold"
           style="font-size: 1.15rem"
         >
           {{ myrec.title }}
         </div>
-        <div class="text-caption text-h7 text-grey">
-          <q-icon name="fas fa-user" /> {{$t('cataloglist.referenti')}}:
-          <span
-            v-if="myrec.referenti && myrec.referenti.length > 0"
-            :class="
-              `text-bold ` + myrec.referenti && myrec.referenti.length > 0
-                ? 'text-blue'
-                : 'text-red'
-            "
+        <div class="">
+          <div
+            v-if="numprodottistr"
+            class="text-caption text-h7 text-grey q-pb-xs"
           >
-            {{ myrec.referenti ? myrec.referenti.join(', ') : '' }}
-          </span>
-          <span v-else>
-            <span class="text-red">[Nessuno]</span>
-          </span>
-        </div>
-        <div v-if="collanestr" class="text-caption text-h7 text-grey">
-          <q-icon name="fas fa-book" /> {{t('cataloglist.collane')}}:
-          <span class="text-blue">{{ collanestr }}</span>
-        </div>
-        <div v-if="argomentistr" class="text-caption text-h7 text-grey">
-          <q-icon name="fas fa-book" /> {{$t('cataloglist.argomenti')}}:
-          <span class="text-blue">{{ argomentistr + ` (${numprodtot})` }}</span>
-        </div>
-        <div v-if="editorestr" class="text-caption text-h7 text-grey">
-          <q-icon name="fas fa-book-open" /> {{$t('cataloglist.referenti')}}:
-          <span class="text-blue">{{ editorestr }}</span>
-        </div>
-        <div v-if="!esiste_descrintro" class="text-caption text-h7 text-grey">
-          <q-icon name="fas fa-pencil-alt" /> Testo descrittivo:
-          <span :style="`color: ` + (esiste_descrintro ? 'green' : 'red')">{{
-            esiste_descrintro ? 'Presente' : 'Mancante'
-          }}</span>
-        </div>
-        <div
-          v-if="!myrec.img_bordata?.imagefile"
-          class="text-caption text-h7 text-grey"
-        >
-          <q-icon name="fas fa-image" /> Sfondo:
-          <span
-            :style="
-              `color: ` + (myrec.img_bordata?.imagefile ? 'green' : 'red')
-            "
-            >{{ myrec.img_bordata?.imagefile ? 'Presente' : 'Mancante' }}</span
+            <q-icon name="fas fa-list-ol" /> {{ $t('cataloglist.numprodotti') }}:
+            <span class="text-blue">{{ numprodottistr }}</span>
+          </div>
+          <div class="text-caption text-h7 text-grey  q-pb-xs">
+            <q-icon name="fas fa-user" /> {{ $t('cataloglist.referenti') }}:
+            <span
+              v-if="myrec.referenti && myrec.referenti.length > 0"
+              :class="`text-bold ` + myrec.referenti && myrec.referenti.length > 0 ? 'text-blue' : 'text-red'"
+            >
+              {{ myrec.referenti ? myrec.referenti.join(', ') : '' }}
+            </span>
+            <span v-else>
+              <span class="text-red">[Nessuno]</span>
+            </span>
+          </div>
+          <div
+            v-if="collanestr"
+            class="text-caption text-h7 text-grey q-pb-xs"
           >
-        </div>
-        <div
-          v-if="!myrec.img_intro?.imagefile"
-          class="text-caption text-h7 text-grey"
-        >
-          <q-icon name="fas fa-image" /> Copertina:
-          <span
-            :style="`color: ` + (myrec.img_intro?.imagefile ? 'green' : 'red')"
-            >{{ myrec.img_intro?.imagefile ? 'Presente' : 'Mancante' }}</span
+            <q-icon name="fas fa-book" /> {{ t('cataloglist.collane') }}:
+            <span class="text-blue">{{ collanestr }}</span>
+          </div>
+          <div
+            v-if="argomentistr"
+            class="text-caption text-h7 text-grey q-pb-xs"
           >
-        </div>
-        <div v-if="myrec.pdf_generato" class="text-caption text-h7 text-blue">
-          <q-icon name="fas fa-book" /> -
-          <a :href="myrec.pdf_generato" target="_blank">PDF Generato</a> 
-          (Data: {{tools.getstrDate(myrec.data_generato)}})
-        </div>
-        <div v-if="myrec.pdf_online" class="text-caption text-h7 text-blue">
-          <q-icon name="fas fa-book" /> -
-          <a :href="myrec.pdf_online" target="_blank">PDF ONLINE</a> 
-          (Data: {{tools.getstrDate(myrec.data_online)}})
+            <q-icon name="fas fa-book" /> {{ $t('cataloglist.argomenti') }}:
+            <span class="text-blue">{{ argomentistr + ` (${numprodtot})` }}</span>
+          </div>
+          <div
+            v-if="editorestr"
+            class="text-caption text-h7 text-grey q-pb-xs"
+          >
+            <q-icon name="fas fa-book-open" /> {{ $t('cataloglist.referenti') }}:
+            <span class="text-blue">{{ editorestr }}</span>
+          </div>
+          <div
+            v-if="!esiste_descrintro"
+            class="text-caption text-h7 text-grey q-pb-xs"
+          >
+            <q-icon name="fas fa-pencil-alt" /> Testo descrittivo:
+            <span :style="`color: ` + (esiste_descrintro ? 'green' : 'red')">{{
+              esiste_descrintro ? 'Presente' : 'Mancante'
+            }}</span>
+          </div>
+          <div
+            v-if="!myrec.img_bordata?.imagefile"
+            class="text-caption text-h7 text-grey q-pb-xs"
+          >
+            <q-icon name="fas fa-image" /> Sfondo:
+            <span :style="`color: ` + (myrec.img_bordata?.imagefile ? 'green' : 'red')">{{
+              myrec.img_bordata?.imagefile ? 'Presente' : 'Mancante'
+            }}</span>
+          </div>
+          <div
+            v-if="!myrec.img_intro?.imagefile"
+            class="text-caption text-h7 text-grey q-pb-xs"
+          >
+            <q-icon name="fas fa-image" /> Copertina:
+            <span :style="`color: ` + (myrec.img_intro?.imagefile ? 'green' : 'red')">{{
+              myrec.img_intro?.imagefile ? 'Presente' : 'Mancante'
+            }}</span>
+          </div>
+          <div
+            v-if="myrec.pdf_generato"
+            class="text-caption text-h7 text-blue q-pb-xs"
+          >
+            <q-icon name="fas fa-book" /> -
+            <a
+              :href="myrec.pdf_generato"
+              target="_blank"
+              >PDF Generato</a
+            >
+            (Data: {{ tools.getstrDate(myrec.data_generato) }})
+          </div>
+          <div
+            v-if="myrec.pdf_online"
+            class="text-caption text-h7 text-blue q-pb-xs"
+          >
+            <q-icon name="fas fa-book" /> -
+            <a
+              :href="myrec.pdf_online"
+              target="_blank"
+              >PDF ONLINE</a
+            >
+            (Data: {{ tools.getstrDate(myrec.data_online) }})
+          </div>
         </div>
         <!--<div class="text-overline text-orange-9">{{collanestr}}</div>-->
       </q-card-section>
 
-      <q-card-actions align="center" class="q-pa-none" style="position: absolute; bottom: 0; width: 100%;">
+      <q-card-actions
+        align="center"
+        class="q-pa-none"
+        style="position: absolute; bottom: 0; width: 100%"
+      >
         <div class="row justify-center">
           <q-fab
             color="primary"
@@ -180,37 +202,52 @@
         ></q-btn>
       </q-toolbar>
       <q-card-section>
-        <div class="row justify-center q-ma-sm q-pa-sm">
-          <div style="width: 300px" class="q-ma-sm">
+        <div class="row justify-center q-ma-sm q-pb-xs">
+          <div
+            style="width: 300px"
+            class="q-ma-sm"
+          >
             <CLabel
-              :value="
-                myrec.referenti && myrec.referenti.length > 0
-                  ? myrec.referenti.join(', ')
-                  : '[Non Assegnato]'
-              "
+              :value="myrec.referenti && myrec.referenti.length > 0 ? myrec.referenti.join(', ') : '[Non Assegnato]'"
               :label="$t('cataloglist.referenti') + `:`"
-              :color="
-                myrec.referenti && myrec.referenti.length > 0
-                  ? 'text-blue'
-                  : 'text-red'
-              "
+              :color="myrec.referenti && myrec.referenti.length > 0 ? 'text-blue' : 'text-red'"
             />
           </div>
-          <div v-if="collanestr" style="width: 300px" class="q-ma-sm">
-            <CLabel :value="collanestr" :label="$t('cataloglist.collane') + `:`" />
-          </div>
-          <div v-if="argomentistr" style="width: 300px" class="q-ma-sm">
-            <CLabel :value="argomentistr + ` (${numprodtot})`" :label="$t('cataloglist.argomenti') + `:`" />
-          </div>
-          <div style="width: 300px" class="q-ma-sm">
+          <div
+            v-if="collanestr"
+            style="width: 300px"
+            class="q-ma-sm"
+          >
             <CLabel
-              class_text="text-bold"
+              :value="collanestr"
+              :label="$t('cataloglist.collane') + `:`"
+            />
+          </div>
+          <div
+            v-if="argomentistr"
+            style="width: 300px"
+            class="q-ma-sm"
+          >
+            <CLabel
+              :value="argomentistr + ` (${numprodtot})`"
+              :label="$t('cataloglist.argomenti') + `:`"
+            />
+          </div>
+          <div
+            style="width: 300px"
+            class="q-ma-sm"
+          >
+            <CLabel
+            :class_text="{ 'text-bold': true }"
               :value="esiste_descrintro ? 'PRESENTE ' : 'MANCANTE !'"
               label="Testo descrittivo"
               :color="esiste_descrintro ? 'green' : 'red'"
             />
           </div>
-          <div style="width: 300px" class="q-ma-sm">
+          <div
+            style="width: 300px"
+            class="q-ma-sm"
+          >
             <CLabel
               :value="myrec.pdf_generato || 'ancora non è stato generato'"
               label="PDF generato"
@@ -228,12 +265,15 @@
       </q-card-section>
     </q-card>
     <q-card-actions align="center">
-      <q-btn color="primary" label="Chiudi" @click="apriInfo = false" />
+      <q-btn
+        color="primary"
+        label="Chiudi"
+        @click="apriInfo = false"
+      />
     </q-card-actions>
   </q-dialog>
 </template>
-<script lang="ts" src="./CMyRecCatalog.ts">
-</script>
+<script lang="ts" src="./CMyRecCatalog.ts"></script>
 
 <style lang="scss" scoped>
 @import './CMyRecCatalog.scss';