- Cataloghi: pagine, schede, formato

src/components/CCatalogoCard/CCatalogoCard.vue

@@ -4,12 +4,11 @@
       ' items-start q-gutter-sm': true,
     }"
     :style="
-      scheda.height
-        ? ' height: ' + scheda.height + 'px !important; '
-        : ''
+      scheda.height ? ' height: ' + scheda.height + 'px !important; ' : ''
     "
   >
     <q-spinner v-if="!endload" color="primary" size="3em" :thickness="2" />
+
     <div
       v-if="!!myproduct && !!myproduct.productInfo"
       :class="{
@@ -57,7 +56,7 @@
             justifyContent: 'center',
             alignItems: 'flex-start',
             gap: '0.5rem',
-            width: '100%',
+            width: scheda.dimensioni?.scheda_prodotto?.size.width ?? '100%',
           }"
         >
           <q-img
@@ -82,8 +81,10 @@
                 scheda.posiz_text === costanti.POSIZ_TESTO.IN_BASSO
                   ? '50%'
                   : '45%',
-              ...(scheda.dimensioni.immagine_prodotto.width && {
-                width: scheda.dimensioni.immagine_prodotto.width + ' !important',
+              ...(scheda.dimensioni?.immagine_prodotto?.size?.width && {
+                width:
+                  scheda.dimensioni?.immagine_prodotto.size?.width +
+                  ' !important',
               }),
               display: 'block',
             }"
@@ -120,8 +121,34 @@
             }"
           >
             <div
+              v-if="scheda.testo_right"
               :style="`line-height: ${scheda.line_height}%; `"
-              v-html="products.replaceKeyWordsByProduct(myproduct, scheda.text)"
+              v-html="products.replaceKeyWordsByProduct(myproduct, scheda.testo_right)"
+            ></div>
+
+            <div v-if="scheda.barcode && scheda.barcode.show">
+              <CBarCode
+                :value="myproduct.productInfo.code"
+                :format="scheda.barcode.format"
+                :fontsize="scheda.barcode.font?.size"
+                :width="parseInt(scheda.barcode.size.width)"
+                :height="parseInt(scheda.barcode.size.height)"
+                :text="`ISBN: ${myproduct.productInfo.code}`"
+              >
+              </CBarCode>
+            </div>
+          </div>
+          <div
+            v-if="scheda.testo_bottom && scheda.testo_bottom.contenuto"
+            :style="{
+              width: '100%',
+              textAlign: 'center',
+              marginTop: '1rem',
+            }"
+          >
+            <div
+              :style="`line-height: ${scheda.line_height}%; `"
+              v-html="products.replaceKeyWordsByProduct(myproduct, scheda.testo_bottom)"
             ></div>
           </div>
         </div>