- Continuazione del Catalogo

src/components/CCatalogoCard/CCatalogoCard.vue

@@ -1,21 +1,27 @@
 <template>
   <div
     :class="{
-      'row items-start q-gutter-sm': true,
+      ' items-start q-gutter-sm': true,
     }"
+    :style="
+      optcatalogo.height
+        ? ' height: ' + optcatalogo.height + ' !important; '
+        : ''
+    "
   >
     <q-spinner v-if="!endload" color="primary" size="3em" :thickness="2" />
     <div
       v-if="!!myproduct && !!myproduct.productInfo"
       :class="{
         'my-card-big book-details': complete,
-        'book-card': !complete,
-        colfix_prodotti_1: options.quante_col == 'c1',
-        colfix_prodotti_2: options.quante_col == 'c2',
+        'book-card': !complete && !optcatalogo.pdf,
+        colfix_prodotti_1: options.quante_col == 'c1' && !optcatalogo.pdf,
+        colfix_prodotti_2: options.quante_col == 'c2' && !optcatalogo.pdf,
+        colfix_prodotti_3: options.quante_col == 'c3' && !optcatalogo.pdf,
       }"
     >
       <q-toggle
-        v-if="tools.isManager()"
+        v-if="tools.isManager() && !optcatalogo.pdf"
         v-model="editOn"
         class="absolute-top-right"
         color="green"
@@ -24,7 +30,7 @@
       >
       </q-toggle>
       <q-page-sticky
-        v-if="complete"
+        v-if="complete && !optcatalogo.pdf"
         position="bottom-right"
         :offset="[18, 0]"
         style="z-index: 1000"
@@ -40,13 +46,22 @@
 
       <q-card-section>
         <div
-          :class="{ 'flex q-pa-sm': true, 'shadow-2': options.in_3d }"
-          style="place-content: center"
+          :class="{
+            'flex q-pa-sm': !optcatalogo.pdf,
+            'shadow-2': options.in_3d,
+            'items-center': true, // Centrare verticalmente
+            
+          }"
+          :style="'justify-items: center; '"
         >
           <q-img
+            v-if="myproduct.productInfo"
             :src="
-              productInfo.imagefile
-                ? tools.getFullFileNameByImageFile('productInfos', myproduct.myproduct.productInfo.imagefile)
+              myproduct.productInfo.imagefile
+                ? tools.getFullFileNameByImageFile(
+                    'productInfos',
+                    myproduct.productInfo.imagefile
+                  )
                 : myproduct.productInfo.image_link
             "
             :alt="myproduct.productInfo.name"
@@ -54,7 +69,15 @@
               'book-image-fixed': complete,
               'cursor-pointer': !complete,
               'shadow-4': true,
+              'image-wrapper': optcatalogo.pdf,
+              'items-center': true,
             }"
+            :style="
+              'place-items: center; ' +
+              (optcatalogo.width
+                ? ' width: ' + optcatalogo.width + ' !important; '
+                : '')
+            "
             @click="click_opendetail()"
           >
             <div
@@ -62,6 +85,7 @@
               style="left: 90%; top: -18px; transform: translateX(-50%)"
             >
               <q-btn
+                v-if="!optcatalogo.pdf"
                 color="blue-6"
                 class="semi-transparent"
                 round
@@ -72,12 +96,6 @@
             </div>
           </q-img>
 
-          <!--@click="
-              complete
-                ? toggleFullScreen
-                : naviga(`/catalogo/` + myproduct._id + '/' + cosa)
-            "-->
-
           <div class="scheda-book">
             <q-card-title>
               <span class="book-title" :data-col="options.quante_col">