- fix RIS in pendenti, se troppi msg, non compariva piu

- cataloghi, ricerca pickup

src/components/CCatalogoCard/CCatalogoCard.scss

@@ -107,7 +107,7 @@
   height: 70px;
 }
 
-.book-image-fixed{
+.book-image-fixed {
   max-width: 300px;
   max-height: 600px;
 }
@@ -124,6 +124,11 @@
 
 .book-details {
   margin: 20px;
+
+  @media (max-width: 718px) {
+    margin: 4px;
+  }
+
 }
 
 .book-card {
@@ -173,38 +178,57 @@
 }
 
 .book-author {
-  color: grey; /* Colore scuro per garantire una buona leggibilità */
+  color: grey;
+  /* Colore scuro per garantire una buona leggibilità */
 }
 
-.author{
-  color: darkblue; /* Colore scuro per garantire una buona leggibilità */
-  text-transform: capitalize; /* Capitalizzazione delle iniziali per ogni parola del nome */
-  background-color: #f9f9f9; /* Sfondo leggermente diverso per evidenziare il nome */
-  border-radius: 2px; /* Bordi arrotondati per un aspetto più soft-edged */
-  display: inline-block; /* Tratta il blocco come elementi inline-block per adattarlo al contenuto */
-  font-style: italic; /* Stile del testo in corsivo per evidenziare l'autore */
+.author {
+  color: darkblue;
+  /* Colore scuro per garantire una buona leggibilità */
+  text-transform: capitalize;
+  /* Capitalizzazione delle iniziali per ogni parola del nome */
+  background-color: #f9f9f9;
+  /* Sfondo leggermente diverso per evidenziare il nome */
+  border-radius: 2px;
+  /* Bordi arrotondati per un aspetto più soft-edged */
+  display: inline-block;
+  /* Tratta il blocco come elementi inline-block per adattarlo al contenuto */
+  font-style: italic;
+  /* Stile del testo in corsivo per evidenziare l'autore */
 }
 
-.author[data-col=c1]{
-  font-size: 1.1em; /* Dimensione del font leggermente più grande per enfatizzare l'importanza del nome dell'autore */
+.author[data-col=c1] {
+  font-size: 1.1em;
+  /* Dimensione del font leggermente più grande per enfatizzare l'importanza del nome dell'autore */
 }
-.author[data-col=c2]{
-  font-size: 1em; /* Dimensione del font leggermente più grande per enfatizzare l'importanza del nome dell'autore */
+
+.author[data-col=c2] {
+  font-size: 1em;
+  /* Dimensione del font leggermente più grande per enfatizzare l'importanza del nome dell'autore */
 }
 
 .book-category {
-  font-size: 1em; /* Dimensione del font leggermente più grande per enfatizzare l'importanza del nome dell'autore */
-  color: grey; /* Colore scuro per garantire una buona leggibilità */
+  font-size: 1em;
+  /* Dimensione del font leggermente più grande per enfatizzare l'importanza del nome dell'autore */
+  color: grey;
+  /* Colore scuro per garantire una buona leggibilità */
 }
 
-.category{
-  font-size: 1.0em; /* Dimensione del font leggermente più grande per enfatizzare l'importanza del nome dell'autore */
-  color: green; /* Colore scuro per garantire una buona leggibilità */
-  text-transform: capitalize; /* Capitalizzazione delle iniziali per ogni parola del nome */
-  background-color: #f9f9f9; /* Sfondo leggermente diverso per evidenziare il nome */
-  border-radius: 2px; /* Bordi arrotondati per un aspetto più soft-edged */
-  display: inline-block; /* Tratta il blocco come elementi inline-block per adattarlo al contenuto */
-  font-style: italic; /* Stile del testo in corsivo per evidenziare l'autore */
+.category {
+  font-size: 1.0em;
+  /* Dimensione del font leggermente più grande per enfatizzare l'importanza del nome dell'autore */
+  color: green;
+  /* Colore scuro per garantire una buona leggibilità */
+  text-transform: capitalize;
+  /* Capitalizzazione delle iniziali per ogni parola del nome */
+  background-color: #f9f9f9;
+  /* Sfondo leggermente diverso per evidenziare il nome */
+  border-radius: 2px;
+  /* Bordi arrotondati per un aspetto più soft-edged */
+  display: inline-block;
+  /* Tratta il blocco come elementi inline-block per adattarlo al contenuto */
+  font-style: italic;
+  /* Stile del testo in corsivo per evidenziare l'autore */
   box-shadow: 0 0 5px gray;
 
 }
@@ -222,6 +246,7 @@
   border-radius: 5px;
   padding: 4px;
   cursor: pointer;
+
   .q-badge {
     font-size: 1rem;
     padding: 4px 6px;
@@ -229,10 +254,11 @@
 }
 
 .colfix_prodotti_1 {
-  width: 350px;
+  width: 100%;
 }
+
 .colfix_prodotti_2 {
-  width: 175px;
+  width: 170px;
 }
 
 .block-variazione-selected {
@@ -247,20 +273,30 @@
 
 /* Stilizzazione per descrizione breve del libro */
 .book-short-descr {
-  font-size: 1.1em; /* Leggermente più grande per enfatizzare l'importanza */
-  color: #666; /* Colore del testo in tono grigio scuro per un look sobrio */
-  padding: 8px; /* Padding per dare spazio intorno al testo */
-  border-left: 4px solid #007BFF; /* Linea verticale a sinistra come decorazione tradizionale delle citazioni */
-  margin: 10px 0; /* Margine sopra e sotto per distanziare dalla restante contenuto */
-  font-style: italic; /* Stile del font in corsivo per indicare che si tratta di un estratto o citazione */
-  background-color: #f4f4f4; /* Sfondo leggermente diverso per evidenziare la sezione */
-  display: block; /* Assicura che l'elemento sia trattato come blocco, occupando l'intera larghezza */
-  text-align: center; /* Giustifica il testo per una lettura più fluida */
+  font-size: 1.1em;
+  /* Leggermente più grande per enfatizzare l'importanza */
+  color: #666;
+  /* Colore del testo in tono grigio scuro per un look sobrio */
+  padding: 8px;
+  /* Padding per dare spazio intorno al testo */
+  border-left: 4px solid #007BFF;
+  /* Linea verticale a sinistra come decorazione tradizionale delle citazioni */
+  margin: 10px 0;
+  /* Margine sopra e sotto per distanziare dalla restante contenuto */
+  font-style: italic;
+  /* Stile del font in corsivo per indicare che si tratta di un estratto o citazione */
+  background-color: #f4f4f4;
+  /* Sfondo leggermente diverso per evidenziare la sezione */
+  display: block;
+  /* Assicura che l'elemento sia trattato come blocco, occupando l'intera larghezza */
+  text-align: center;
+  /* Giustifica il testo per una lettura più fluida */
 }
 
 /* Opzionale: Transizione per l'hover su descrizione */
 .book-short-descr:hover {
-  background-color: #e9e9e9; /* Cambio di sfondo al passaggio del mouse per un effetto interattivo */
+  background-color: #e9e9e9;
+  /* Cambio di sfondo al passaggio del mouse per un effetto interattivo */
 }
 
 .ingrandisci:hover {
@@ -268,7 +304,7 @@
   transform: scale(1.1);
 }
 
-.title-descr{
+.title-descr {
   font-weight: bold;
   font-size: 1.1rem;
   text-align: center;
@@ -277,14 +313,16 @@
 .scheda-book {
   text-align: center;
   margin-left: 20px;
+
   @media (max-width: 718px) {
     margin-left: 5px;
-  } 
+  }
 }
 
 
 .book-3d:hover img {
-  transform: translateZ(50px) rotateY(-20deg); /* Applica la trasformazione 3D quando si passa con il mouse sopra */
+  transform: translateZ(50px) rotateY(-20deg);
+  /* Applica la trasformazione 3D quando si passa con il mouse sopra */
 }
 
 // Contenitore del libro, con effetto 3d, ed animazione 3D
@@ -299,4 +337,4 @@
     transform-origin: center center;
     transition: transform 0.5s ease-in-out;
   }
-}
+}

src/components/CCatalogoCard/CCatalogoCard.ts

@@ -28,6 +28,7 @@ import 'vue3-pdf-app/dist/icons/main.css'
 
 export default defineComponent({
   name: 'CCatalogoCard',
+  emits: ['selauthor'],
   props: {
     product: {
       type: Object as PropType<IProduct | null>,
@@ -472,6 +473,10 @@ export default defineComponent({
       }
     }
 
+    function click_author(id: any, autore: any) {
+      emit('selauthor', id, autore)
+    }
+
     onMounted(mounted)
     onBeforeUnmount(beforeDestroy)
 
@@ -525,6 +530,7 @@ export default defineComponent({
       setvariazioneSelected,
       indvariazSel,
       checkifCartEnable,
+      click_author,
     }
   }
 })

src/components/CCatalogoCard/CCatalogoCard.vue

@@ -77,10 +77,11 @@
                 v-for="(author, index) in myproduct.productInfo.authors"
                 :key="author._id"
               >
-                <span class="author"
+                <span v-if="index > 0">, </span>
+                <span class="author cursor-pointer text-primary"
+                  @click="click_author(author._id, author.name + ' ' + author.surname)"
                   >{{ author.name }} {{ author.surname }}</span
                 >
-                <span v-if="index > 0">, </span>
               </span>
             </q-card-subtitle>
             <q-card-subtitle
@@ -231,8 +232,7 @@
               >
                 <div v-show="indvariazSel == index">
                   <div
-                    v-show="
-                      indvariazSel >= 0 &&
+                    v-show="                      
                       tools.disponibStr(variazione.quantita)
                     "
                     class="row justify-center q-mt-sm vertical-middle"
@@ -250,7 +250,6 @@
                     >
                   </div>
                   <div
-                    v-show="indvariazSel >= 0"
                     class="row justify-center vertical-middle"
                     style="align-items: center"
                   >
@@ -265,7 +264,7 @@
                     }}</span>
                   </div>
                   <div
-                    v-show="indvariazSel >= 0 && !!variazione.formato"
+                    v-show="!!variazione.formato"
                     class="row justify-center q-ma-sm vertical-middle"
                     style="align-items: center"
                   >
@@ -283,7 +282,7 @@
                   <div class="row justify-center q-mt-sm">
                     <q-btn
                       v-if="
-                        indVariazSel >= 0 && variazione.addtocart_link && true
+                        variazione.addtocart_link && true
                       "
                       :href="variazione.addtocart_link"
                       target="_blank"