From 67eb21b70756846ee3418588c2a51eb3a34f2aad Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 5 Mar 2024 08:05:16 +0100
Subject: [PATCH] refs #6321 feat: updates

---
 src/i18n/en/index.js                          | 22 +++---
 .../Ticket/Negative/TicketDescriptor.vue      | 21 ++---
 .../Negative/TicketDescriptorDialog.vue       | 10 +--
 src/pages/Ticket/Negative/TicketFilter.vue    | 79 ++++++++++---------
 src/pages/Ticket/Negative/TicketList.vue      | 44 +++++++----
 5 files changed, 90 insertions(+), 86 deletions(-)

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 36bc65a85..4dfddc72a 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -351,25 +351,25 @@ export default {
             weight: 'Weight',
             goTo: 'Go to',
         },
-        negative:{
-            hour: 'Hora',
-            id: 'Id_Articulo',
-            longName:'Articulo',
-            supplier: 'Productor',
-            colour:'Color',
-            size:'Medida',
-            origen:'Origen',
-            value:'Negativo',
+        negative: {
+            hour: 'Hour',
+            id: 'Id Article',
+            longName: 'Article',
+            supplier: 'Supplier',
+            colour: 'Colour',
+            size: 'Size',
+            origen: 'Origen',
+            value: 'Negative',
             itemFk: 'itemFk',
             warehouseFk: 'warehouseFk',
             producer: 'producer',
             category: 'category',
             warehouse: 'warehouse',
-            lack: 'Negativo',
+            lack: 'Negative',
             inkFk: 'inkFk',
             timed: 'timed',
             minTimed: 'minTimed',
-        }
+        },
     },
     claim: {
         pageTitles: {
diff --git a/src/pages/Ticket/Negative/TicketDescriptor.vue b/src/pages/Ticket/Negative/TicketDescriptor.vue
index d898dabab..d7065d9c3 100644
--- a/src/pages/Ticket/Negative/TicketDescriptor.vue
+++ b/src/pages/Ticket/Negative/TicketDescriptor.vue
@@ -1,13 +1,13 @@
 <script setup>
-import { computed,  } from 'vue';
-import { toDate, toPercentage,  } from 'filters/index';
+import { computed } from 'vue';
+import { toDate, toPercentage } from 'filters/index';
 
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
 import { useDialogPluginComponent } from 'quasar';
 import { useI18n } from 'vue-i18n';
 const { t } = useI18n();
-// const quasar = useQuasar();
+const URL_KEY = 'Tickets/ItemLack';
 
 const $props = defineProps({
     id: {
@@ -16,6 +16,7 @@ const $props = defineProps({
     },
 });
 
+const entityId = computed(() => $props.id);
 
 const columns = computed(() => [
     {
@@ -77,8 +78,6 @@ const columns = computed(() => [
     },
 ]);
 
-
-
 defineEmits([...useDialogPluginComponent.emits]);
 
 const { dialogRef, onDialogHide } = useDialogPluginComponent();
@@ -87,12 +86,10 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 <template>
     <CrudModel
         v-if="$props.id"
-        data-key="ClaimEnds"
-        url="ClaimEnds/filter"
-        save-url="ClaimEnds/crud"
-        ref="claimActionsForm"
+        :data-key="URL_KEY"
+        :url="`${URL_KEY}/${entityId}/detail`"
+        ref="itemLackForm"
         v-model:selected="selectedRows"
-        :filter="{ where: { claimFk: claimId } }"
         :default-remove="true"
         :default-save="false"
         :default-reset="false"
@@ -151,8 +148,6 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </template>
 
 <style lang="scss">
-.q-dialog  {
-
-
+.q-dialog {
 }
 </style>
diff --git a/src/pages/Ticket/Negative/TicketDescriptorDialog.vue b/src/pages/Ticket/Negative/TicketDescriptorDialog.vue
index ee65549dc..c8d2bab00 100644
--- a/src/pages/Ticket/Negative/TicketDescriptorDialog.vue
+++ b/src/pages/Ticket/Negative/TicketDescriptorDialog.vue
@@ -1,7 +1,6 @@
 <script setup>
 import TicketDescriptor from './TicketDescriptor.vue';
 
-
 const $props = defineProps({
     id: {
         type: Number,
@@ -10,12 +9,7 @@ const $props = defineProps({
 });
 </script>
 <template>
-        <TicketDescriptor v-if="$props.id" :id="$props.id" />
+    <TicketDescriptor v-if="$props.id" :id="$props.id" />
 </template>
 
-<style lang="scss">
-.q-dialog  {
-   .q-card{max-width: fit-content !important;}
-
-}
-</style>
+<style lang="scss"></style>
diff --git a/src/pages/Ticket/Negative/TicketFilter.vue b/src/pages/Ticket/Negative/TicketFilter.vue
index db4dad9db..edddb9c00 100644
--- a/src/pages/Ticket/Negative/TicketFilter.vue
+++ b/src/pages/Ticket/Negative/TicketFilter.vue
@@ -45,7 +45,7 @@ const agencies = ref();
             </div>
         </template>
         <template #body="{ params }">
-        <!-- <template #body="{ params, searchFn }"> -->
+            <!-- <template #body="{ params, searchFn }"> -->
             <QList dense class="q-gutter-y-sm q-mt-sm">
                 <QItem>
                     <QItemSection>
@@ -55,53 +55,56 @@ const agencies = ref();
                             is-outlined
                         />
                     </QItemSection>
-                    </QItem>
-                        <QItem><QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
                         <VnInput
                             v-model="params.producer"
                             :label="t('ticket.negative.producer')"
                             is-outlined
                         />
                     </QItemSection>
-                    </QItem>
-                        <QItem>
-                            <QItemSection>
-                                <VnInput
-                                v-model="params.color"
-                                :label="t('ticket.negative.colour')"
-                                is-outlined
-                                />
-                            </QItemSection>
-                          </QItem>
-                        <QItem>  <QItemSection>
-                                <VnInput
-                                    v-model="params.size"
-                                    :label="t('ticket.negative.size')"
-                                    is-outlined
-                                />
-                            </QItemSection>
-                           </QItem>
-                        <QItem> <QItemSection>
-                                <VnInput
-                                    v-model="params.origen"
-                                    :label="t('ticket.negative.origen')"
-                                    is-outlined
-                                />
-                            </QItemSection>
-                           </QItem>
-
-                        <QItem> <QItemSection>
-                                <VnInput
-                                    v-model="params.value"
-                                    :label="t('ticket.negative.value')"
-                                    is-outlined
-                                />
-                            </QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
+                        <VnInput
+                            v-model="params.color"
+                            :label="t('ticket.negative.colour')"
+                            is-outlined
+                        />
+                    </QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
+                        <VnInput
+                            v-model="params.size"
+                            :label="t('ticket.negative.size')"
+                            is-outlined
+                        />
+                    </QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
+                        <VnInput
+                            v-model="params.origen"
+                            :label="t('ticket.negative.origen')"
+                            is-outlined
+                        />
+                    </QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
+                        <VnInput
+                            v-model="params.value"
+                            :label="t('ticket.negative.value')"
+                            is-outlined
+                        />
+                    </QItemSection>
                     <!-- <QItemSection>
                         <VnInputDate v-model="params.to" :label="t('To')" is-outlined />
                     </QItemSection> -->
                 </QItem>
-                    <!-- <QItem>
+                <!-- <QItem>
                         <QItemSection v-if="!warehouses">
                             <QSkeleton type="QInput" class="full-width" />
                         </QItemSection>
diff --git a/src/pages/Ticket/Negative/TicketList.vue b/src/pages/Ticket/Negative/TicketList.vue
index 3d9032681..a6a7541b8 100644
--- a/src/pages/Ticket/Negative/TicketList.vue
+++ b/src/pages/Ticket/Negative/TicketList.vue
@@ -13,13 +13,13 @@ const stateStore = useStateStore();
 const { t } = useI18n();
 const session = useSession();
 const selected = ref([]);
-const showTicketDialog= ref(false);
-const currentRow= ref(null);
+const showTicketDialog = ref(false);
+const currentRow = ref(null);
 const quasar = useQuasar();
 
 const viewSummary = (value) => {
-    showTicketDialog.value = true
-    currentRow.value = value
+    showTicketDialog.value = true;
+    currentRow.value = value;
     // quasar.dialog({
     //     component: VnConfirm,
     //     componentProps: {
@@ -155,7 +155,6 @@ const columns = computed(() => [
                         </template>
                         <template #body-cell-icons="{ value }">
                             <QTd align="center">
-
                                 <QIcon
                                     @click.stop="viewSummary(value)"
                                     class="q-ml-md"
@@ -175,14 +174,27 @@ const columns = computed(() => [
                 </template>
             </VnPaginate>
         </div>
-        <VnConfirm
-            v-model="showTicketDialog"
-                :title="t('confirmGreuges')"
-            >
-                <template #customHTML>
-                    <TicketDescriptorDialog :id="currentRow"></TicketDescriptorDialog>
-                </template>
-            </VnConfirm>
+        <QDialog ref="dialogRef" v-model="showTicketDialog">
+            <QCard class="q-pa-sm">
+                <QCardSection class="row items-center q-pb-none">
+                    <QBtn
+                        icon="close"
+                        :disable="isLoading"
+                        flat
+                        round
+                        dense
+                        v-close-popup
+                    /> </QCardSection
+                ><QCardSection class="row items-center"
+                    ><TicketDescriptorDialog
+                        :id="currentRow.itemFk"
+                    ></TicketDescriptorDialog></QCardSection></QCard
+        ></QDialog>
+        <!-- <VnConfirm  :title="t('confirmGreuges')">
+            <template #customHTML>
+
+            </template>
+        </VnConfirm> -->
         <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
             <QScrollArea class="fit text-grey-8">
                 <TicketFilter data-key="NegativeList" />
@@ -205,8 +217,8 @@ const columns = computed(() => [
 #false {
     background-color: $negative;
 }
-div.q-dialog__inner > div{
-   max-width: fit-content !important;
-   background-color: red !important;
+div.q-dialog__inner > div {
+    max-width: fit-content !important;
+    // background-color: red !important;
 }
 </style>