- aggiornato scheda e rigenera lista

- corretto filtro sulla Collana
2025-04-29 02:30:00 +02:00
parent ec19bc3b87
commit 493ebf51f3
24 changed files with 1219 additions and 888 deletions
--- a/src/components/CMyChipList/CMyChipList.ts
+++ b/src/components/CMyChipList/CMyChipList.ts
@@ -20,6 +20,11 @@ export default defineComponent({
      type: Number,
      required: false,
    },
+    dense: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
    optlab: {
      type: [String, Function],
      required: true,
@@ -53,6 +58,11 @@ export default defineComponent({
      required: false,
      default: null,
    },
+    label: {
+      type: String,
+      required: false,
+      default: '',
+    }
  },
  components: {},
  setup(props, { emit }) {
--- a/src/components/CMyChipList/CMyChipList.vue
+++ b/src/components/CMyChipList/CMyChipList.vue
@@ -1,18 +1,15 @@
 <template>
  <div class="row clchip">
-    <div v-for="(rec, index) in myarrvalues" :key="index">
+    <div v-for="(rec, index) in myarrvalues" :key="index" class="row items-center no-wrap">
+      <div class="text-caption text-weight-bold q-mr-sm">{{ label }}</div>
      <q-chip
-        v-if="rec.icon"
-        dense
+        :dense="dense"
+        class="clchip shadow-2"
        :color="rec.color"
        text-color="white"
-        :icon="rec.icon">
-        {{ rec.label }}
-      </q-chip>
-      <q-chip
-        dense
-        :color="rec.color"
-        text-color="white">
+        :icon="rec.icon"
+        :style="`border-radius: 10px;`"
+        >
        {{ rec.label }}
      </q-chip>
    </div>
--- a/src/components/CMyElem/CMyElem.vue
+++ b/src/components/CMyElem/CMyElem.vue
@@ -6,7 +6,16 @@
      (!myel.active ? ` clEditNotActive` : ``)
      ">
      <div v-if="myel.type">
-        <q-btn v-if="editOn" rounded dense icon="fas fa-pencil-alt" @click="clickOnElem">
+        <q-btn
+          v-if="editOn"
+          class="btn-edit-floating"
+          rounded
+          dense
+          size="sm"
+          color="primary"
+          icon="fas fa-pencil-alt"
+          @click="clickOnElem"
+        >
        </q-btn>
        <div v-if="myel.type === shared_consts.ELEMTYPE.TEXT">
          <transition appear enter-active-class="animated fadeIn" leave-active-class="animated fadeOut">
@@ -333,7 +342,6 @@
            :prop_modif="myel.parambool4"></CGridOriz>
        </div>
        <div v-else-if="myel.type === shared_consts.ELEMTYPE.SEARCHPRODUCT">
-          <div v-if="editOn" class="elemEdit">Cerca Prodotto</div>
          <CSearchProduct v-model="myel.catalogo">
          </CSearchProduct>
        </div>
@@ -430,7 +438,6 @@
          <CECommerce></CECommerce>
        </div>
        <div v-else-if="myel.type === shared_consts.ELEMTYPE.CATALOGO">
-          <div v-if="editOn" class="elemEdit">PRODOTTI CATALOGO:</div>
          <CCatalogo v-model="myel.catalogo" :idPage="idPage" @updateCatalogo="updateCatalogoEmit(myel.catalogo)" />
        </div>
        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPA">
--- a/src/components/CMyPopupEdit/CMyPopupEdit.ts
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.ts
@@ -73,8 +73,9 @@ export default defineComponent({
      default: false,
    },
    mycol: {
-      type: Object as PropType<IColGridTable | undefined>,
-      required: true,
+      type: Object as PropType<IColGridTable | undefined | null>,
+      required: false,
+      default: undefined,
    },
    canEdit: {
      type: Boolean,
@@ -485,7 +486,7 @@ export default defineComponent({

      myrow.value = props.rec && props.isrec ? { ...props.rec } : { ...props.row }

-      console.log('myrow', myrow.value?.arrvariazioni?.[0])
+      // console.log('myrow', myrow.value?.arrvariazioni?.[0])

      try {

--- a/src/components/CMyPopupEdit/CMyPopupEdit.vue
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.vue
@@ -21,7 +21,7 @@
                dark
                color="green"
                v-model="myvalue"
-                :label="col.title ? col.title : col.label"
+                :label="title ? title : col.label"
                @update:model-value="changevalRec"
              ></q-toggle>
            </div>
@@ -30,7 +30,7 @@
                dark
                color="green"
                v-model="myvalue"
-                :label="col.title"
+                :label="title"
                :disable="
                  (disable && col.name !== 'profile.saw_zoom_presentation') || (!isInModif && !canModify && !canEdit)
                "
@@ -688,6 +688,7 @@
                :optval="fieldsTable.getKeyByTable(col.jointable)"
                :optlab="fieldsTable.getLabelByTable(col.jointable)"
                :opticon="fieldsTable.getIconByTable(col.jointable)"
+                :dense="dense"
              ></CMyChipList>
            </div>
          </div>
@@ -700,7 +701,7 @@
                :row="row"
                :multiple="true"
                :withToggle="true"
-                :label="col.label ? col.label : t(col.label_trans)"
+                :label="col.label ? col.label : col?.label_trans ? t(col?.label_trans) : ''"
                :filter_table="col.filter_table"
                :filter_field="col.filter_field"
                :value_extra="value_extra"
@@ -757,12 +758,14 @@
                :rec="row"
                :type="col.fieldtype"
                :type_out="col.field_outtype"
+                :label="title"
                @update:value="changevalRec"
                :value="myvalue"
                :options="globalStore.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)"
                :optval="fieldsTable.getKeyByTable(col.jointable)"
                :optlab="fieldsTable.getLabelByTable(col.jointable)"
                :opticon="fieldsTable.getIconByTable(col.jointable)"
+                :dense="dense"
              ></CMyChipList>
            </div>
          </div>
@@ -846,6 +849,7 @@
                :optval="fieldsTable.getKeyByTable(col.jointable)"
                :optlab="fieldsTable.getLabelByTable(col.jointable)"
                :opticon="fieldsTable.getIconByTable(col.jointable)"
+                :dense="dense"
              ></CMyChipList>
            </div>
          </div>
@@ -1009,7 +1013,7 @@
                      <CMyEditor
                        v-if="visueditor"
                        v-model:value="myvalue"
-                        :title="col.title"
+                        :title="title"
                        @keyup.enter.stop
                        :canModify="canModify"
                        @showandsave="Savedb"
@@ -1050,7 +1054,7 @@
            v-model="myvalue"
            :disable="col.disable || disable || col.fieldtype === costanti.FieldType.image_and_filename"
            :readonly="col.disable || disable"
-            :title="col.title ? col.title : col.titlepopupedit"
+            :title="title ? title : col.titlepopupedit"
            buttons
            :label-set="t('dialog.save')"
            :label-cancel="t('dialog.cancel')"
@@ -1063,7 +1067,7 @@
            <div v-if="col.fieldtype === costanti.FieldType.boolean">
              <q-checkbox
                v-model="scope.value"
-                :label="col.title ? col.title : col.titlepopupedit"
+                :label="title ? title : col.titlepopupedit"
              >
              </q-checkbox>
              <span v-html="visuValByType(myvalue, col, row)"></span>
--- a/src/components/CMySelect/CMySelect.ts
+++ b/src/components/CMySelect/CMySelect.ts
@@ -345,9 +345,10 @@ export default defineComponent({
        } else if (selectPickup.value && props.pickup) {
          selectPickup.value.focus()
        } else if (selectMultiple.value && props.multiple) {
-          selectMultiple.value.focus()
+          selectMultiple.value?.focus()
        } else {
-          selectGeneric.value.focus()
+          if (selectGeneric.value)
+            selectGeneric.value?.focus()
        }
      } catch (e) {
        console.error('Err', e)
--- a/src/components/CMyValueDb/CMyValueDb.ts
+++ b/src/components/CMyValueDb/CMyValueDb.ts
@@ -21,6 +21,11 @@ export default defineComponent({
      required: false,
      default: '',
    },
+    visulabel: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
    hint: {
      type: String,
      required: false,
@@ -118,7 +123,7 @@ export default defineComponent({
      type: Object as PropType<IColGridTable> | undefined,
      required: false,
      default: () => {
-        return {}
+        return null
      },
    },
    id: {
--- a/src/components/CMyValueDb/CMyValueDb.vue
+++ b/src/components/CMyValueDb/CMyValueDb.vue
@@ -49,6 +49,7 @@
          :table="table"
          :hint="title"
          :title="title"
+          :visulabel="visulabel"
          :field="mykey"
          :showall="showall"
          :filter="filter"
@@ -65,7 +66,7 @@
          :canEdit="editOn"
          :id="id"
          :idmain="idmain"
-          :mycol="col ? col : {}"
+          :mycol="col ? col : null"
          :tablesel="tablesel"
          :pickup="pickup"
          v-model:row="row"
--- a/src/components/CProductTable/CProductTable.ts
+++ b/src/components/CProductTable/CProductTable.ts
@@ -107,31 +107,193 @@ export default defineComponent({
    // Colonne della tabella
    const allColumns = [
      { name: "pos", label: "Pos", field: "pos", align: "left", style: "width: 50px" },
-      { name: "drag", label: "Ordinam.", field: "", align: "left", style: "width: 50px" },
+      { name: "drag", label: "Ordinam.", field: "", align: "left", style: "width: 50px", edit: true },
      { name: "image", label: "Foto", field: "image", align: "center" },
      { name: "name", label: "Titolo del Libro", field: "name", align: "left" },
      { name: "authors", label: "Autore", field: "authors", align: "left" },
      { name: "isbn", label: "ISBN", field: "isbn", align: "left" },
      { name: "trafiletto", label: "Trafiletto", field: "trafiletto", align: "left" },
      { name: "catprods", label: "Argomento", field: "catprods", align: "left" },
+      { name: "edizione", label: "Edizione", field: "edizione", align: "left" },
+      { name: "casaeditrice", label: "Casa Editrice", field: "casaeditrice", align: "left" },
      { name: "idCollana", label: "Collana", field: "idCollana", align: "left" },
      { name: "stato", label: "Stato", field: "stato", align: "left" },
      { name: "tipologia", label: "Tipologia", field: "tipologia", align: "left" },
      { name: "date_pub", label: "Pubblicato", field: "date_pub", align: "left" },
-      { name: "ranking", label: "Class.", field: "ranking", align: "right" },
-      { name: "rank3M", label: "Class. 3M", field: "rank3M", align: "right" },
-      { name: "rank6M", label: "Class. 6M", field: "rank6M", align: "right" },
-      { name: "rank1Y", label: "Class. 1Y", field: "rank1Y", align: "right" },
+      //{ name: "ranking", label: "Class.", field: "ranking", align: "right" },
+      //{ name: "rank3M", label: "Class. 3M", field: "rank3M", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
+      //{ name: "rank6M", label: "Class. 6M", field: "rank6M", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
+      //{ name: "rank1Y", label: "Class. 1Y", field: "rank1Y", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
      { name: "pagine", label: "Pag.", field: "pagine", align: "right" },
-      { name: "totVen", label: "Venduti", field: "totVen", align: "right" },
-      { name: "totFat", label: "Fattur.", field: "totFat", align: "right" },
-      { name: "fatLast6M", label: "Fat 6M", field: "fatLast6M", align: "right" },
-      { name: "fatLast1Y", label: "Fat Anno", field: "fatLast1Y", align: "right" },
-      { name: "ult_ord", label: "Ult. Ordine", field: "ult_ord", align: "left" },
-      { name: "quantity", label: "Magazz.", field: "quantity", align: "right" },
-      { name: "actions", label: "Azioni", field: "", align: "center" },
+      { name: "totVen", label: "Venduti", field: "totVen", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
+      { name: "totFat", label: "Fattur.", field: "totFat", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
+      { name: "fatLast6M", label: "Fat 6M", field: "fatLast6M", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
+      { name: "fatLast1Y", label: "Fat Anno", field: "fatLast1Y", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
+      { name: "fatLast2Y", label: "Fat 2A", field: "fatLast2Y", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
+      { name: "ult_ord", label: "Ult. Ordine", field: "ult_ord", align: "left", visu: costanti.VISUCAMPI.PER_EDITORE },
+      { name: "quantity", label: "Magazz.", field: "quantity", align: "right", visu: costanti.VISUCAMPI.PER_EDITORE },
+      { name: "actions", label: "Azioni", field: "", align: "center", visu: costanti.VISUCAMPI.PER_EDITORE },
    ];

+    function getFieldValue(element: any, field: any): any {
+      switch (field.field) {
+        case 'image':
+          return element.productInfo?.imagefile
+            ? tools.getFullFileNameByImageFile('productInfos', element.productInfo?.imagefile)
+            : element.productInfo?.image_link;
+
+        case 'name':
+          return element.productInfo?.name;
+
+        case 'authors':
+          return formatAuthors(element.productInfo?.authors);
+
+        case 'isbn':
+          return element.isbn;
+
+        case 'trafiletto':
+          return element.productInfo?.descr_trafiletto_catalogo?.length > 100 ? 'SI' : 'NO';
+
+        case 'catprods':
+          return tools.formatCatProds(element.productInfo?.catprods);
+
+        case 'edizione':
+          return element.arrvariazioni?.[0]?.edizione;
+
+        case 'casaeditrice':
+          return products.getCasaEditriceByIdPublisher(element.productInfo?.idPublisher);
+
+        case 'idCollana':
+          return tools.formatCollane(element.productInfo?.idCollana);
+
+        case 'stato':
+          return products.getDescrStatiProdottoByIdStatoProdotto(element.productInfo?.idStatoProdotto || '');
+
+        case 'tipologia':
+          return products.getDescrByIdTipologia(element.arrvariazioni?.[0]?.idTipologia || '');
+
+        case 'tipoformato':
+          return products.getDescrByIdTipoFormato(element.arrvariazioni?.[0]?.idTipoFormato || '');
+
+        case 'date_pub':
+          return tools.getstrDate(element.productInfo?.date_pub);
+
+        case 'rank3M':
+          return element.productInfo?.rank3M;
+
+        case 'rank6M':
+          return element.productInfo?.rank6M;
+
+        case 'rank1Y':
+          return element.productInfo?.rank1Y;
+
+        case 'pagine':
+          return element.arrvariazioni?.[0]?.pagine;
+
+        case 'totVen':
+          return element.productInfo?.totVen;
+
+        case 'totFat':
+          return element.productInfo?.totFat;
+
+        case 'fatLast6M':
+          return element.productInfo?.fatLast6M;
+
+        case 'fatLast1Y':
+          return element.productInfo?.fatLast1Y;
+
+        case 'ult_ord':
+          return tools.getstrDate(element.productInfo?.dataUltimoOrdine);
+
+        case 'quantity':
+          return element.arrvariazioni?.[0]?.quantita;
+
+        default:
+          return null;
+      }
+    }
+
+    function getFieldClass(element: any, field: any): string {
+      switch (field.field) {
+        case 'trafiletto':
+          return element.productInfo?.descr_trafiletto_catalogo?.length > 100
+            ? 'text-green'
+            : 'text-red';
+
+        case 'stato':
+          if (products.isProssimaUscita(element.productInfo)) {
+            return 'bg-purple-3';
+          }
+          if (products.isPrevendita(element.productInfo)) {
+            return 'bg-blue-3';
+          }
+          if (products.isNonVendibile(element.productInfo)) {
+            return 'bg-grey';
+          }
+          return '';
+
+        case 'quantity':
+          if (products.isPubblicato(element.productInfo)) {
+            if (products.isQtaLimitata(element)) {
+              return 'bg-yellow';
+            }
+            if (products.isInEsaurendo(element)) {
+              return 'bg-orange';
+            }
+            if (products.isEsaurito(element)) {
+              return 'text-white bg-red-10';
+            }
+          }
+          return '';
+
+        case 'rank3M':
+        case 'rank6M':
+        case 'rank1Y':
+        case 'pagine':
+        case 'totVen':
+        case 'totFat':
+        case 'fatLast6M':
+        case 'fatLast1Y':
+
+        default:
+          return '';
+      }
+    }
+
+    function getFieldStyle(element: any, field: any): Record<string, string> {
+      switch (field.field) {
+        case 'image':
+          return {
+            width: '50px',
+            height: '50px'
+          };
+
+        case 'rank3M':
+        case 'rank6M':
+        case 'rank1Y':
+        case 'pagine':
+        case 'totVen':
+        case 'totFat':
+        case 'fatLast6M':
+        case 'fatLast1Y':
+        case 'quantity':
+          return {
+            textAlign: 'right'
+          };
+
+        case 'trafiletto':
+          return {
+            textAlign: 'center'
+          };
+
+        default:
+          return {};
+      }
+    }
+
+
+
+
    let cookieValue: [] | null = null;
    try {
      cookieValue = tools.getCookie("selColCat");
@@ -147,7 +309,8 @@ export default defineComponent({

    // 3. Funzione per verificare se una colonna è visibile (isColumnVisible)
    const isColumnVisible = (column) => {
-      return selectedColumns.value.includes(column);
+      const ok = allColumns.some((col) => col.name === column) && (!props.optcatalogo.showListaArgomenti || (props.optcatalogo.showListaArgomenti && !column.edit))
+      return selectedColumns.value.includes(column) && ok;
    }

    // Funzione per eliminare un prodotto
@@ -270,18 +433,18 @@ export default defineComponent({
          sortDirection.value = 1
        }
        internalProducts.value = internalProducts.value.sort((a: any, b: any) => {
-          const aVal = a.productInfo?.[sortAttributeToSort] ?? ''
-          const bVal = b.productInfo?.[sortAttributeToSort] ?? ''
+          const aVal = getFieldValue(a, { field: sortAttributeToSort });
+          const bVal = getFieldValue(b, { field: sortAttributeToSort });
          if (aVal instanceof Date && bVal instanceof Date) {
-            return sortDirection.value === 1 ? aVal.getTime() - bVal.getTime() : bVal.getTime() - aVal.getTime()
+            return sortDirection.value === 1 ? aVal.getTime() - bVal.getTime() : bVal.getTime() - aVal.getTime();
          }
          if (typeof aVal === 'number' && typeof bVal === 'number') {
-            return sortDirection.value === 1 ? aVal - bVal : bVal - aVal
+            return sortDirection.value === 1 ? aVal - bVal : bVal - aVal;
          }
          if (typeof aVal === 'string' && typeof bVal === 'string') {
-            return sortDirection.value === 1 ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal)
+            return sortDirection.value === 1 ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal);
          }
-          return sortDirection.value === 1 ? String(aVal).localeCompare(String(bVal)) : String(bVal).localeCompare(String(aVal))
+          return sortDirection.value === 1 ? String(aVal).localeCompare(String(bVal)) : String(bVal).localeCompare(String(aVal));
        })
      }
    }
@@ -290,6 +453,34 @@ export default defineComponent({
      emit('rigenera')
    }

+    function getFieldClick(element: any, field: any): (() => void) | null {
+      switch (field.field) {
+        case 'image':
+          return () => showProduct(element);
+
+        case 'name':
+        case 'authors':
+        case 'isbn':
+          return () => showProduct(element);
+
+        case 'stato':
+          return () => {
+            // esempio: mostra dettagli dello stato
+            console.log('Stato prodotto:', element.productInfo?.idStatoProdotto);
+          };
+
+        case 'quantity':
+          return () => {
+            // esempio: mostra log disponibilità
+            console.log('Quantità disponibile:', element.arrvariazioni?.[0]?.quantita);
+          };
+
+        default:
+          return null;
+      }
+    }
+
+
    onMounted(mounted)

    return {
@@ -324,6 +515,10 @@ export default defineComponent({
      sortTable,
      sortAttribute,
      sortDirection,
+      getFieldValue,
+      getFieldClass,
+      getFieldStyle,
+      getFieldClick,
    }
  }
 })
--- a/src/components/CProductTable/CProductTable.vue
+++ b/src/components/CProductTable/CProductTable.vue
@@ -60,176 +60,86 @@
          <tr
            :key="element._id"
            :class="{
-              'bg-grey-2': internalProducts.indexOf(element) % 2 === 1,
+              'bg-grey-3': internalProducts.indexOf(element) % 2 === 1,
            }"
          >
-            <!-- Icona Drag Handle -->
-            <td v-if="isColumnVisible('pos')">
-              {{
-                // put index in the first column
-                internalProducts.indexOf(element) + 1
-              }}
-            </td>
-            <td
-              v-if="isColumnVisible('drag')"
-              class="drag-handle"
+            <template
+              v-for="field in allColumns"
+              :key="field.name"
            >
-              <q-icon
-                name="drag_handle"
-                size="32px"
-                color="primary"
-              />
-            </td>
-
-            <!-- Immagine Piccola -->
-            <td v-if="isColumnVisible('image')">
-              <q-img
-                :src="
-                  element.productInfo?.imagefile
-                    ? tools.getFullFileNameByImageFile('productInfos', element.productInfo?.imagefile)
-                    : element.productInfo?.image_link
-                "
-                style="width: 50px; height: 50px"
-                class="rounded-borders cursor-pointer"
-                @click="showProduct(element)"
-              />
-            </td>
-
-            <!-- Titolo -->
-            <td v-if="isColumnVisible('name')">{{ element.productInfo?.name }}</td>
-
-            <!-- Autore -->
-            <td v-if="isColumnVisible('authors')">{{ formatAuthors(element.productInfo?.authors) }}</td>
-
-            <!-- ISBN -->
-            <td v-if="isColumnVisible('isbn')">{{ element.isbn }}</td>
-
-            <td
-              v-if="isColumnVisible('trafiletto')"
-              style="text-align: center"
-              :class="element.productInfo?.descr_trafiletto_catalogo?.length > 100 ? 'text-green' : 'text-red'"
-            >
-              {{ element.productInfo?.descr_trafiletto_catalogo?.length > 100 ? 'SI' : 'NO' }}
-            </td>
-
-            <!-- Argomento -->
-            <td v-if="isColumnVisible('catprods')">{{ tools.formatCatProds(element.productInfo?.catprods) }}</td>
-            <!-- Collana -->
-            <td v-if="isColumnVisible('idCollana')">{{ tools.formatCollane(element.productInfo?.idCollana) }}</td>
-            <td
-              v-if="isColumnVisible('stato')"
-              :class="{
-                'bg-purple-3': products.isProssimaUscita(element.productInfo),
-                'bg-grey': products.isNonVendibile(element.productInfo),
-              }"
-            >
-              {{ products.getDescrStatiProdottoByIdStatoProdotto(element.productInfo.idStatoProdotto || '') }}
-            </td>
-            <td v-if="isColumnVisible('tipologia')">
-              {{ products.getDescrByIdTipologia(element.arrvariazioni[0].idTipologia || '') }}
-            </td>
-            <td v-if="isColumnVisible('tipoformato')">
-              {{ products.getDescrByIdTipoFormato(element.arrvariazioni[0].idTipoFormato || '') }}
-            </td>
-
-            <td v-if="isColumnVisible('date_pub')">{{ tools.getstrDate(element.productInfo?.date_pub) }}</td>
-
-            <td
-              v-if="isColumnVisible('rank3M')"
-              style="text-align: right"
-            >
-              {{ element.productInfo?.rank3M }}
-            </td>
-            <td
-              v-if="isColumnVisible('rank6M')"
-              style="text-align: right"
-            >
-              {{ element.productInfo?.rank6M }}
-            </td>
-            <td
-              v-if="isColumnVisible('rank1Y')"
-              style="text-align: right"
-            >
-              {{ element.productInfo?.rank1Y }}
-            </td>
-
-            <td
-              v-if="isColumnVisible('pagine')"
-              style="text-align: right"
-            >
-              {{ element.arrvariazioni[0].pagine }}
-            </td>
-
-            <td
-              v-if="isColumnVisible('totVen')"
-              style="text-align: right"
-            >
-              {{ element.productInfo?.totVen }}
-            </td>
-            <td
-              v-if="isColumnVisible('totFat')"
-              style="text-align: right"
-            >
-              {{ element.productInfo?.totFat }}
-            </td>
-            <td
-              v-if="isColumnVisible('fatLast6M')"
-              style="text-align: right"
-            >
-              {{ element.productInfo?.fatLast6M }}
-            </td>
-            <td
-              v-if="isColumnVisible('fatLast1Y')"
-              style="text-align: right"
-            >
-              {{ element.productInfo?.fatLast1Y }}
-            </td>
-            <td v-if="isColumnVisible('ult_ord')">{{ tools.getstrDate(element.productInfo?.dataUltimoOrdine) }}</td>
-
-            <!-- Quantità -->
-            <td
-              v-if="isColumnVisible('quantity')"
-              style="text-align: right"
-              :class="{
-                'bg-yellow': products.isPubblicato(element.productInfo) && products.isQtaLimitata(element),
-                'bg-orange': products.isPubblicato(element.productInfo) && products.isInEsaurendo(element),
-                'text-white bg-red-10': products.isPubblicato(element.productInfo) && products.isEsaurito(element),
-              }"
-            >
-              {{ element.arrvariazioni[0].quantita }}
-            </td>
-
-            <!-- Azioni -->
-            <td v-if="isColumnVisible('actions')">
-              <q-btn-dropdown
-                label="Azioni"
-                color="primary"
-                flat
+              <!-- Icona Drag Handle -->
+              <td v-if="field.name === 'pos' && isColumnVisible('pos')">
+                {{
+                  // put index in the first column
+                  internalProducts.indexOf(element) + 1
+                }}
+              </td>
+              <td
+                v-else-if="field.name === 'drag' && isColumnVisible('drag')"
+                class="drag-handle"
              >
-                <q-list>
-                  <q-item
-                    clickable
-                    v-close-popup
-                    @click="modifyProduct(element)"
-                  >
-                    <q-item-section>
-                      <q-item-label>Modifica</q-item-label>
-                    </q-item-section>
-                  </q-item>
-                  <q-item
-                    clickable
-                    v-close-popup
-                    @click="removeProduct(element)"
-                  >
-                    <q-item-section>
-                      <q-item-label>Elimina</q-item-label>
-                    </q-item-section>
-                  </q-item>
-                </q-list>
-              </q-btn-dropdown>
-            </td>
-          </tr>
-        </template>
+                <q-icon
+                  name="drag_handle"
+                  size="32px"
+                  color="primary"
+                />
+              </td>
+
+              <!-- Immagine Piccola -->
+              <td v-else-if="field.name === 'image' && isColumnVisible('image')">
+                <q-img
+                  :src="
+                    element.productInfo?.imagefile
+                      ? tools.getFullFileNameByImageFile('productInfos', element.productInfo?.imagefile)
+                      : element.productInfo?.image_link
+                  "
+                  style="width: 50px; height: 50px"
+                  class="rounded-borders cursor-pointer"
+                  @click="showProduct(element)"
+                />
+              </td>
+
+              <td
+                v-else-if="isColumnVisible(field.name)"
+                :class="getFieldClass(element, field)"
+                :style="getFieldStyle(element, field)"
+                @click="getFieldClick(element, field)?.()"
+              >
+                {{ getFieldValue(element, field) }}
+              </td>
+              <!-- Azioni -->
+              <td v-else-if="field.name === 'actions' && isColumnVisible('actions')">
+                <q-btn-dropdown
+                  label="Azioni"
+                  color="primary"
+                  flat
+                >
+                  <q-list>
+                    <q-item
+                      clickable
+                      v-close-popup
+                      @click="modifyProduct(element)"
+                    >
+                      <q-item-section>
+                        <q-item-label>Modifica</q-item-label>
+                      </q-item-section>
+                    </q-item>
+                    <q-item
+                      clickable
+                      v-close-popup
+                      @click="removeProduct(element)"
+                    >
+                      <q-item-section>
+                        <q-item-label>Elimina</q-item-label>
+                      </q-item-section>
+                    </q-item>
+                  </q-list>
+                </q-btn-dropdown>
+              </td>
+            </template>
+          </tr></template
+        >
+        >
      </draggable>
    </table>
  </div>
--- a/src/components/CSearchProduct/CSearchProduct.ts
+++ b/src/components/CSearchProduct/CSearchProduct.ts
@@ -242,15 +242,25 @@ export default defineComponent({
    }


+
    function naviga(path: string) {
      router.push(path)
    }

    function collabel(rec: any) {
-      // console.log('Record:', rec)
+      console.log('Record:', rec)
      let label = ''
      if (rec && rec.productInfo) {
-        label = `${rec.productInfo.name} - ${rec.productInfo.authors.map((a: any) => a.name + ' ' + a.surname).join(', ')}`
+        if (productStore.isNovitaById(rec.productInfo.date_pub))
+          label += `🌟 `
+
+        label += `${rec.productInfo.name}`;
+        if (Array.isArray(rec.productInfo.authors)) {
+          const authors = rec.productInfo.authors.map((a: any) => `${a.name} ${a.surname}`).join(', ');
+          label += ` - (${authors})`;
+        } else {
+          label += rec.productInfo.authors ? ` - (${rec.productInfo.authors.name} ${rec.productInfo.authors.surname}) ` : '';
+        }
        if (rec.productInfo.idStatoProdotto) {
          if (!productStore.isPubblicatoById(rec.productInfo.idStatoProdotto))
            label += ' (' + productStore.getDescrStatiProdottoByIdStatoProdotto(rec.productInfo.idStatoProdotto || '') + ')'
@@ -258,83 +268,83 @@ export default defineComponent({
        if (productStore.isEsaurito(rec)) {
          label += ' (Attualmente non disponibile)'
        }
-      // console.log('Computed label:', label)
+        // console.log('Computed label:', label)
+      }
+      return label
    }
-    return label
-  }

    function insertProd() {
-  // console.log('insertProd')
-  emit('insert', myproduct.value)
+      // console.log('insertProd')
+      emit('insert', myproduct.value)
    }

-function clickClose() {
-  searchList.value[0].value = ''
-  myproduct.value = null
-  emit('close')
-}
-
-function updateproductmodif(element: IProduct) {
-  console.log('CSEARCHPRODUCT: updateproductmodif')
-  emit('updateproductmodif', element)
-}
-
-async function searchOnGM(mystr: string) {
-  // refreshSingleBookFromGM({usaDBGMLocale: false})
-  const options = {
-
-  }
-  const ris = await globalStore.updateAllBookFromGM_T_Web_Articoli({ sku: '', isbn: mystr, ...options })
-  if (ris) {
-
-    const id = getSearchId()
-    loadProduct(id)
-    updateproductmodif(myproduct.value)
-
-    // await updateproduct(false)
-    if (ris.error) {
-      tools.showNegativeNotif($q, ris.error)
-    } else {
-      tools.showPositiveNotif($q, t('dbgm.updateLocalDb_OK'))
+    function clickClose() {
+      searchList.value[0].value = ''
+      myproduct.value = null
+      emit('close')
    }

-    // updatefromgm.value = false
-  }
+    function updateproductmodif(element: IProduct) {
+      console.log('CSEARCHPRODUCT: updateproductmodif')
+      emit('updateproductmodif', element)
+    }

-}
+    async function searchOnGM(mystr: string) {
+      // refreshSingleBookFromGM({usaDBGMLocale: false})
+      const options = {

-onMounted(mounted)
+      }
+      const ris = await globalStore.updateAllBookFromGM_T_Web_Articoli({ sku: '', isbn: mystr, ...options })
+      if (ris) {

-return {
-  userStore,
-  costanti,
-  tools,
-  toolsext,
-  search,
-  shared_consts,
-  productStore,
-  t,
-  loadpage,
-  refreshpage,
-  show_hide,
-  searchList,
-  fieldsTable,
-  mycolumns,
-  naviga,
-  myproduct,
-  optcatalogo,
-  idPage,
-  selauthor,
-  valoriopt,
-  labelcombo,
-  searchText,
-  insertProd,
-  focus,
-  clickClose,
-  saveSearch,
-  updateproductmodif,
-  searchOnGM,
-}
+        const id = getSearchId()
+        loadProduct(id)
+        updateproductmodif(myproduct.value)
+
+        // await updateproduct(false)
+        if (ris.error) {
+          tools.showNegativeNotif($q, ris.error)
+        } else {
+          tools.showPositiveNotif($q, t('dbgm.updateLocalDb_OK'))
+        }
+
+        // updatefromgm.value = false
+      }
+
+    }
+
+    onMounted(mounted)
+
+    return {
+      userStore,
+      costanti,
+      tools,
+      toolsext,
+      search,
+      shared_consts,
+      productStore,
+      t,
+      loadpage,
+      refreshpage,
+      show_hide,
+      searchList,
+      fieldsTable,
+      mycolumns,
+      naviga,
+      myproduct,
+      optcatalogo,
+      idPage,
+      selauthor,
+      valoriopt,
+      labelcombo,
+      searchText,
+      insertProd,
+      focus,
+      clickClose,
+      saveSearch,
+      updateproductmodif,
+      searchOnGM,
+    }
  }
 })