From 344ad0281f19638184a628ad6b575f4b5f288d90 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 29 Jan 2024 10:57:43 -0300
Subject: [PATCH] Improvements WIP

---
 src/pages/Travel/Card/TravelDescriptor.vue   | 20 ++++++-
 src/pages/Travel/Card/TravelSummary.vue      | 59 ++++++++++++++++++--
 src/pages/Travel/Card/TravelThermographs.vue |  4 +-
 3 files changed, 75 insertions(+), 8 deletions(-)

diff --git a/src/pages/Travel/Card/TravelDescriptor.vue b/src/pages/Travel/Card/TravelDescriptor.vue
index 6a45710ad..c696d9577 100644
--- a/src/pages/Travel/Card/TravelDescriptor.vue
+++ b/src/pages/Travel/Card/TravelDescriptor.vue
@@ -66,6 +66,22 @@ const setData = (entity) => {
         @on-fetch="setData"
         data-key="travelData"
     >
+        <template #header-extra-action>
+            <QBtn
+                round
+                flat
+                dense
+                size="md"
+                icon="local_airport"
+                color="white"
+                class="link"
+                :to="{ name: 'TravelList' }"
+            >
+                <QTooltip>
+                    {{ t('Go to module index') }}
+                </QTooltip>
+            </QBtn>
+        </template>
         <template #body="{ entity }">
             <VnLv :label="t('globals.wareHouseIn')" :value="entity.warehouseIn.name" />
             <VnLv :label="t('globals.wareHouseOut')" :value="entity.warehouseOut.name" />
@@ -75,6 +91,8 @@ const setData = (entity) => {
         </template>
     </CardDescriptor>
 </template>
-<i18n>
 
+<i18n>
+es:
+    Go to module index: Ir al índice del módulo
 </i18n>
diff --git a/src/pages/Travel/Card/TravelSummary.vue b/src/pages/Travel/Card/TravelSummary.vue
index b2380fe6b..d809f9142 100644
--- a/src/pages/Travel/Card/TravelSummary.vue
+++ b/src/pages/Travel/Card/TravelSummary.vue
@@ -62,25 +62,29 @@ const entriesTableColumns = computed(() => {
             label: t('travel.summary.confirmed'),
             field: 'isConfirmed',
             name: 'isConfirmed',
-            align: 'left',
+            align: 'center',
+            showValue: false,
         },
         {
             label: t('travel.summary.entryId'),
             field: 'id',
             name: 'id',
-            align: 'left',
+            align: 'center',
+            showValue: false,
         },
         {
             label: t('supplier.pageTitles.supplier'),
             field: 'supplierName',
             name: 'supplierName',
             align: 'left',
+            showValue: true,
         },
         {
             label: t('globals.reference'),
             field: 'reference',
             name: 'reference',
             align: 'left',
+            showValue: true,
         },
         {
             label: t('travel.summary.freight'),
@@ -90,6 +94,7 @@ const entriesTableColumns = computed(() => {
             format: (val) => {
                 return toCurrency(val);
             },
+            showValue: true,
         },
         {
             label: t('travel.summary.package'),
@@ -99,16 +104,24 @@ const entriesTableColumns = computed(() => {
             format: (val) => {
                 return toCurrency(val);
             },
+            showValue: true,
         },
-        { label: 'CC', field: 'cc', name: 'cc', align: 'left' },
-        { label: 'Pallet', field: 'pallet', name: 'pallet', align: 'left' },
-        { label: 'm³', field: 'm3', name: 'm3', align: 'left' },
+        { label: 'CC', field: 'cc', name: 'cc', align: 'left', showValue: true },
+        {
+            label: 'Pallet',
+            field: 'pallet',
+            name: 'pallet',
+            align: 'left',
+            showValue: true,
+        },
+        { label: 'm³', field: 'm3', name: 'm3', align: 'left', showValue: true },
         {
             label: '',
             field: 'observation',
             name: 'observation',
             align: 'left',
             toolTip: 'Observation three',
+            showValue: false,
         },
     ];
 });
@@ -212,7 +225,7 @@ const redirectToCreateView = (queryParams) => {
                     row-key="id"
                     class="full-width q-mt-md"
                 >
-                    <template #body-cell-isConfirmed="{ row }">
+                    <!-- <template #body-cell-isConfirmed="{ row }">
                         <QTd auto-width>
                             <QIcon
                                 :name="row.isConfirmed ? 'check' : 'close'"
@@ -238,6 +251,40 @@ const redirectToCreateView = (queryParams) => {
                                 size="sm"
                             />
                         </QTd>
+                    </template> -->
+                    <!-- <template #body="props">
+                        <QTr :props="props" :key="`m_${props.row.index}`">
+                            <QTd v-for="col in props.cols" :key="col.name" :props="props">
+                                <template v-if="col.showValue">{{ col.value }}</template>
+                            </QTd>
+                        </QTr>
+                        <QTr
+                            :props="props"
+                            :key="`e_${props.row.index}`"
+                            class="q-virtual-scroll--with-prev"
+                        >
+                            <QTd colspan="100%">
+                                <div class="text-left">
+                                    This is the second row generated from the same data:
+                                </div>
+                            </QTd>
+                        </QTr>
+                    </template> -->
+                    <template #body-cell="props">
+                        <QTd :props="props">
+                            <QTr :props="props" :key="`m_${props.row.index}`">
+                                <template v-if="props.col.showValue">
+                                    {{ props.value }}
+                                </template>
+                            </QTr>
+                        </QTd>
+                        <QTd :props="props">
+                            <QTr :props="props" :key="`m_${props.row.index}`">
+                                <template v-if="props.col.showValue">
+                                    {{ props.value }}
+                                </template>
+                            </QTr>
+                        </QTd>
                     </template>
                 </QTable>
             </QCard>
diff --git a/src/pages/Travel/Card/TravelThermographs.vue b/src/pages/Travel/Card/TravelThermographs.vue
index f4fa23100..a8374086b 100644
--- a/src/pages/Travel/Card/TravelThermographs.vue
+++ b/src/pages/Travel/Card/TravelThermographs.vue
@@ -137,8 +137,9 @@ const removeThermograph = async (id) => {
             <QTable
                 :rows="rows"
                 :columns="TableColumns"
+                :no-data-label="t('No results')"
+                :rows-per-page-options="[0]"
                 row-key="id"
-                hide-bottom
                 class="full-width q-mt-md"
             >
                 <template #body-cell-downloadFile="{ row }">
@@ -204,4 +205,5 @@ es:
     Remove thermograph: Eliminar termógrafo
     Thermograph removed: Termógrafo eliminado
     Are you sure you want to remove the thermograph?: ¿Seguro que quieres quitar el termógrafo?
+    No results: Sin resultados
 </i18n>