From b87e88ae7ff00f90e2439216ecc057576651d80a Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 5 Jul 2024 12:04:18 -0300
Subject: [PATCH] Handle quantity empty value

---
 src/pages/Ticket/Card/TicketPackage.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketPackage.vue b/src/pages/Ticket/Card/TicketPackage.vue
index 8a8f688d1..9583d6662 100644
--- a/src/pages/Ticket/Card/TicketPackage.vue
+++ b/src/pages/Ticket/Card/TicketPackage.vue
@@ -30,6 +30,10 @@ const crudModelRequiredData = computed(() => ({
     ticketFk: route.params.id,
 }));
 
+const handleInputQuantityClear = (row) => {
+    if (row.quantity === null || row.quantity === undefined) row.quantity = 0;
+};
+
 watch(
     () => route.params.id,
     async () => {
@@ -59,7 +63,7 @@ watch(
             auto-load
             style="max-width: 800px"
         >
-            <template #body="{ rows }">
+            <template #body="{ rows, validate }">
                 <QCard class="q-px-lg q-py-md">
                     <div
                         v-for="(row, index) in rows"
@@ -77,7 +81,9 @@ watch(
                             <template #option="scope">
                                 <QItem v-bind="scope.itemProps">
                                     <QItemSection>
-                                        <QItemLabel>{{ scope.opt?.name }} </QItemLabel>
+                                        <QItemLabel>
+                                            {{ scope.opt?.name }}
+                                        </QItemLabel>
                                         <QItemLabel caption>
                                             #{{ scope.opt?.itemFk }}
                                         </QItemLabel>
@@ -87,10 +93,13 @@ watch(
                         </VnSelect>
                         <VnInput
                             :label="t('package.quantity')"
-                            v-model="row.quantity"
+                            v-model.number="row.quantity"
                             class="col"
                             type="number"
                             min="1"
+                            :required="true"
+                            @update:model-value="handleInputQuantityClear(row)"
+                            :rules="validate('TicketPackaging.quantity')"
                         />
                         <VnInputDate :label="t('package.added')" v-model="row.created" />
                         <QIcon