From 3ad9500f23a895495d8aba3acfe87ecce93f33c2 Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Wed, 16 Oct 2024 22:32:16 -0300
Subject: [PATCH] =?UTF-8?q?Alerta=20de=20notas=20sale=20s=C3=B3lo=20despu?=
 =?UTF-8?q?=C3=A9s=20de=20intentar=20de=20confirmar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/components/pedidos/ProductoCantidad.vue  | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/pedidos/ProductoCantidad.vue b/resources/js/components/pedidos/ProductoCantidad.vue
index dbc18e4..49d5799 100644
--- a/resources/js/components/pedidos/ProductoCantidad.vue
+++ b/resources/js/components/pedidos/ProductoCantidad.vue
@@ -25,15 +25,15 @@
                 </span>
             </button>
         </div>
-        <div v-if="producto.requiere_notas" v-bind:class="{'has-icons-right': warningNotas()}" class="control is-full-width has-icons-left">
+        <div v-if="producto.requiere_notas" v-bind:class="{'has-icons-right': notas_warning_visible}" class="control is-full-width has-icons-left">
             <span class="icon is-small is-left">
                 <i class="fas fa-sticky-note"></i>
             </span>
-            <input v-model="notas" v-bind:class="{'is-danger': warningNotas()}" id="notas" class="input" type="text" placeholder="Talle o color" />
-            <span v-if="warningNotas()" class="icon is-small is-right">
+            <input v-model="notas" v-bind:class="{'is-danger': notas_warning_visible}" id="notas" class="input" type="text" placeholder="Talle o color" />
+            <span v-if="notas_warning_visible" class="icon is-small is-right">
                 <i class="fas fa-exclamation-triangle"></i>
             </span>
-            <article v-if="warningNotas()" class="message is-danger is-small">
+            <article v-if="notas_warning_visible" class="message is-danger is-small">
                 <div class="message-body">
                     No se puede dejar este campo vac&iacute;o
                 </div>
@@ -51,6 +51,7 @@
             return {
                 cantidad: this.cantidadEnChismosa(),
                 notas: this.notasEnChismosa(),
+                notas_warning_visible: false,
             }
         },
         mounted() {
@@ -73,6 +74,10 @@
                 this.cantidad += 1;
             },
             confirmar() {
+                if (this.warningNotas()) {
+                    this.notas_warning_visible = true;
+                    return;
+                }
                 console.log("Emit sync " + this.cantidad + " " + this.notas);
                 Event.$emit('sync-subpedido', this.cantidad, this.producto.id, this.notas);
             },
@@ -81,6 +86,7 @@
                 this.confirmar();
             },
             sincronizar(cantidad, notas) {
+                this.notas_warning_visible = false;
                 this.notas = notas;
                 this.cantidad = cantidad;
                 if (this.producto.pivot !== undefined) {
@@ -100,8 +106,7 @@
                 return this.producto.requiere_notas && this.cantidad > 0 && !this.notas;
             },
             disableConfirm() {
-                if (!this.hayCambios() || this.warningNotas()) return true;
-                return false;
+                return !this.hayCambios();
             },
         }
     }