. esportazione lista catalogo direttamente in EXCEL, e scelta dei campi.

src/components/CProductTable/CProductTable.vue

@@ -15,12 +15,11 @@
           placeholder="Cerca titolo se presente in lista"
           class="col-12 col-md-6"
           :style="{ 'min-width': '300px' }"
-
         >
         </q-input>
         <div
           v-if="searchText"
-          class="row justify-center q-mx-auto q-pa-sm text-caption text-red-7 "
+          class="row justify-center q-mx-auto q-pa-sm text-caption text-red-7"
         >
           Lista filtrata con il termine "{{ searchText }}"
         </div>
@@ -45,14 +44,81 @@
             <q-icon name="settings" />
           </template>
         </q-select>
+        <q-dialog
+          v-model="showDialogExport"
+        >
+          <q-card style="min-width: 400px">
+            <q-card-section>
+              <div class="text-h6">Esporta {{ title }}</div>
+            </q-card-section>
+            <q-card-section class="q-pt-none">
+              <q-markup-table
+                separator="cell"
+                flat
+                bordered
+              >
+                <thead>
+                  <tr>
+                    <th
+                      class="text-left"
+                      style="width: 30px"
+                    >
+                      Sel
+                    </th>
+                    <th class="text-left">Colonna</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr
+                    v-for="(col, idx) in allColumnsToExported"
+                    :key="idx"
+                  >
+                    <td class="text-left">
+                      <q-checkbox
+                        v-model="selectedExportColumns"
+                        :val="col.name"
+                      />
+                    </td>
+                    <td class="text-left">{{ col.label }}</td>
+                  </tr>
+                </tbody>
+              </q-markup-table>
+            </q-card-section>
+            <q-card-actions
+              align="right"
+              class="text-primary"
+            >
+              <q-btn
+                flat
+                label="Annulla"
+                v-close-popup
+              />
+              <q-btn
+                @click="exportToXLSAfterCSV(title, selectedExportColumns)"
+                color="primary"
+                icon="fas fa-file-excel"
+                label="Esporta in Excel"
+                flat
+                v-close-popup
+              />
+              <q-btn
+                @click="exportToCSV(title, selectedExportColumns)"
+                color="primary"
+                icon="fas fa-file-csv"
+                label="Esporta in CSV"
+                flat
+                v-close-popup
+              />
+            </q-card-actions>
+          </q-card>
+        </q-dialog>
         <q-btn
-          class="q-ml-md float-right"
-          flat
-          outline
-          color="primary"
+          color="positive"
           icon="archive"
-          label="Esporta Lista"
-          @click="exportToCSV"
+          label="Esporta"
+          flat
+          dense
+          @click="showDialogExport = true"
         />
       </div>
     </div>
@@ -149,7 +215,7 @@
                   />
                 </span>
               </td>
-              <td v-else-if="field.name === 'addtocart' && isColumnVisible('addtocart') ">
+              <td v-else-if="field.name === 'addtocart' && isColumnVisible('addtocart')">
                 <q-btn
                   icon-right="fas fa-cart-plus"
                   color="positive"
@@ -183,7 +249,8 @@
               <td
                 v-else-if="
                   field.name === 'addtolist' &&
-                  isColumnVisible('addtolist') && isElementVisible('addtolist', element)
+                  isColumnVisible('addtolist') &&
+                  isElementVisible('addtolist', element)
                 "
               >
                 <q-btn