From 69cd3062635aadcaa27c255595455e30dad6f41a Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Tue, 10 Sep 2024 21:31:49 -0300
Subject: [PATCH 01/10] =?UTF-8?q?Mov=C3=AD=20la=20chismosa=20a=20la=20dere?=
 =?UTF-8?q?cha=20de=20los=20productos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/app.js                          |  1 +
 resources/js/components/Chismosa.vue         | 62 +++++++++++---------
 resources/js/components/ChismosaDropdown.vue | 30 +---------
 resources/js/components/PedidoBody.vue       | 32 ++++++++++
 resources/views/productos.blade.php          |  5 +-
 5 files changed, 71 insertions(+), 59 deletions(-)
 create mode 100644 resources/js/components/PedidoBody.vue

diff --git a/resources/js/app.js b/resources/js/app.js
index 026177f..3254467 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -111,6 +111,7 @@ const app = new Vue({
           }).then((response) => {
             this.pedido = response.data.data
             this.$toast('Pedido actualizado exitosamente')
+            Event.$emit("pedido-actualizado");
           });
       });
       // Actualizar monto y notas de devoluciones
diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index c14b00b..de373b6 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -1,6 +1,6 @@
 <template>
-    <div>
-        <table v-show="productos.length != 0" class="chismosa-tabla table is-narrow is-striped is-bordered">
+    <div class="column">
+        <table v-show="mostrar_tabla" class="chismosa-tabla table is-narrow is-striped is-bordered">
             <thead>
             <tr>
                 <th>Producto</th>
@@ -13,15 +13,15 @@
             <tfoot>
             <tr>
                 <th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
-                <th class="has-text-right">{{ cantidadBonosDeTransporte }}</th>
-                <th class="has-text-right">{{ totalBonosDeTransporte }}</th>
+                <th class="has-text-right">{{ cantidadBonosDeTransporte() }}</th>
+                <th class="has-text-right">{{ totalBonosDeTransporte() }}</th>
                 <th></th>
                 <th></th>
             </tr>
             <tr v-if="this.$root.devoluciones">
                 <th><p>Devoluciones</p></th>
-                <td><p :title="this.$root.pedido.devoluciones_notas">...</p></td>
-                <th class="has-text-right">-{{ this.$root.pedido.devoluciones_total }}</th>
+                <td><p :title="notasDevoluciones()">...</p></td>
+                <th class="has-text-right">-{{ devoluciones() }}</th>
                 <th>
                     <button @click.capture="modificarDevoluciones()" class="button is-warning">
                         <span class="icon">
@@ -34,16 +34,16 @@
             <tr>
                 <th>Total total</th>
                 <th></th>
-                <th class="has-text-right">{{ total }}</th>
+                <th class="has-text-right">{{ total() }}</th>
                 <th></th>
                 <th></th>
             </tr>
             </tfoot>
             <tbody>
-            <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></producto-row>
+            <producto-row v-for="producto in productos()" :producto="producto" :key="producto.id"></producto-row>
             </tbody>
         </table>
-        <p class="has-text-centered" v-show="productos.length == 0">
+        <p class="has-text-centered" v-show="!mostrar_tabla">
             Compa, todavía no agregaste nada a la chismosa.
         </p>
     </div>
@@ -51,32 +51,40 @@
 
 <script>
     export default {
-        computed: {
+        data() {
+            return {
+                mostrar_tabla: false,
+            }
+        },
+        mounted() {
+            Event.$on('pedido-actualizado', this.pedidoActualizado);
+            Event.$on('toggle-chismosa', this.pedidoActualizado);
+        },
+        methods: {
+            pedidoActualizado: function() {
+                this.mostrar_tabla = this.$root.productos.length > 0;
+            },
+            total: function() {
+                return this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total)
+            },
             productos: function() {
                 return this.$root.productos
             },
+            modificarDevoluciones: function() {
+                Event.$emit("modificar-devoluciones");
+            },
             cantidadBonosDeTransporte: function() {
                 return this.$limpiarInt(this.$root.pedido.subtotal_bonos_de_transporte) / 15
             },
             totalBonosDeTransporte: function() {
                 return this.$limpiarInt(this.$root.pedido.subtotal_bonos_de_transporte)
             },
-            total: function() {
-                return this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total)
-            }
-        },
-        methods: {
-            modificarDevoluciones: function() {
-                Event.$emit("modificar-devoluciones");
+            devoluciones: function() {
+                return this.$root.pedido.devoluciones_total;
             },
-        }
+            notasDevoluciones: function() {
+                return this.$root.pedido.devoluciones_notas;
+            },
+        },
     }
-</script>
-
-<style>
-@media (max-width: 719px) {
-    .chismosa-tabla {
-        max-width: 80vw;
-    }
-}
-</style>
+</script>
\ No newline at end of file
diff --git a/resources/js/components/ChismosaDropdown.vue b/resources/js/components/ChismosaDropdown.vue
index 9e8c834..8a7f8e3 100644
--- a/resources/js/components/ChismosaDropdown.vue
+++ b/resources/js/components/ChismosaDropdown.vue
@@ -8,13 +8,6 @@
             <span v-text="'$' + this.$limpiarInt($root.devoluciones ? $root.pedido.total_menos_devoluciones : $root.pedido.total)"></span>
             </a>
         </div>
-        <div class="dropdown-menu chismosa-menu" :id="id" role="menu">
-            <div class="dropdown-content">
-                <div class="dropdown-item">
-                    <chismosa></chismosa>
-                </div>
-            </div>
-        </div>
     </div>
 </template>
 
@@ -37,28 +30,9 @@ export default {
     },
     methods: {
         toggle() {
-            this.activa = !this.activa
+            this.activa = !this.activa;
+            Event.$emit("toggle-chismosa");
         },
     },
 }
 </script>
-
-<style>
-
-@media (max-width: 719px) {
-    .chismosa-menu {
-        vertical-align: top;
-        overflow-y: auto;
-        max-height: 75vh;
-        max-width: 100vw;
-    }
-}
-
-@media (min-width: 720px) {
-    .chismosa-menu {
-        vertical-align: top;
-        overflow-y: auto;
-        max-height: 75vh;
-    }
-}
-</style>
diff --git a/resources/js/components/PedidoBody.vue b/resources/js/components/PedidoBody.vue
new file mode 100644
index 0000000..fb0f4e9
--- /dev/null
+++ b/resources/js/components/PedidoBody.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="columns">
+        <categorias-container></categorias-container>
+        <productos-container></productos-container>
+        <chismosa v-show="chismosaActiva"></chismosa>
+    </div>
+</template>
+
+<script>
+    import Chismosa from './Chismosa.vue';
+    import ProductosContainer from './ProductosContainer.vue';
+    import CategoriasContainer from './CategoriasContainer.vue';
+
+    export default {
+        componets: {
+            Chismosa,
+            ProductosContainer,
+            CategoriasContainer,
+        },
+        data() {
+            return {
+                chismosaActiva: false,
+            }
+        },
+        mounted() {
+            Event.$on('toggle-chismosa', () => {
+                this.chismosaActiva = !this.chismosaActiva;
+                console.log(this.chismosaActiva);
+            });
+        },
+    }
+</script>
diff --git a/resources/views/productos.blade.php b/resources/views/productos.blade.php
index fd29893..d3877a4 100644
--- a/resources/views/productos.blade.php
+++ b/resources/views/productos.blade.php
@@ -1,9 +1,6 @@
 @extends('layouts.app')
 
 @section('content')
-<chismosa></chismosa>
-<categorias-container></categorias-container>
-<productos-container></productos-container>
-<producto-modal></producto-modal>
+<pedido-body></pedido-body>
 <devoluciones-modal></devoluciones-modal>
 @endsection
-- 
2.44.0


From fbae6770df3a9e06faefd9de13459500320ad48c Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Tue, 10 Sep 2024 22:07:16 -0300
Subject: [PATCH 02/10] Cismosa: Ajustes visuales

---
 .../js/components/CategoriasContainer.vue     |   2 +-
 resources/js/components/Chismosa.vue          | 109 ++++++++++--------
 resources/js/components/ChismosaDropdown.vue  |   2 +-
 resources/js/components/PedidoBody.vue        |  11 +-
 .../js/components/ProductosContainer.vue      |   2 +-
 5 files changed, 69 insertions(+), 57 deletions(-)

diff --git a/resources/js/components/CategoriasContainer.vue b/resources/js/components/CategoriasContainer.vue
index ff21a86..62fd96b 100644
--- a/resources/js/components/CategoriasContainer.vue
+++ b/resources/js/components/CategoriasContainer.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-show="visible" class="block ml-3 mr-3">
+    <div v-show="visible" class="column">
       <div class="columns is-multiline is-mobile">
         <div v-for="(categoria,i) in categorias" :key="i" class="block column is-one-quarter-desktop is-one-third-tablet is-half-mobile">
           <div @click.capture="seleccionarCategoria(categoria)" class="card" style="height:100%" >
diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index de373b6..de59859 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -1,51 +1,53 @@
 <template>
-    <div class="column">
-        <table v-show="mostrar_tabla" class="chismosa-tabla table is-narrow is-striped is-bordered">
-            <thead>
-            <tr>
-                <th>Producto</th>
-                <th><abbr title="Cantidad">C</abbr></th>
-                <th><abbr title="Precio Total">$</abbr></th>
-                <th></th>
-                <th><abbr title="Eliminar"></abbr></th>
-            </tr>
-            </thead>
-            <tfoot>
-            <tr>
-                <th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
-                <th class="has-text-right">{{ cantidadBonosDeTransporte() }}</th>
-                <th class="has-text-right">{{ totalBonosDeTransporte() }}</th>
-                <th></th>
-                <th></th>
-            </tr>
-            <tr v-if="this.$root.devoluciones">
-                <th><p>Devoluciones</p></th>
-                <td><p :title="notasDevoluciones()">...</p></td>
-                <th class="has-text-right">-{{ devoluciones() }}</th>
-                <th>
-                    <button @click.capture="modificarDevoluciones()" class="button is-warning">
-                        <span class="icon">
-                            <i class="fas fa-edit"></i>
-                        </span>
-                    </button>
-                </th>
-                <th></th>
-            </tr>
-            <tr>
-                <th>Total total</th>
-                <th></th>
-                <th class="has-text-right">{{ total() }}</th>
-                <th></th>
-                <th></th>
-            </tr>
-            </tfoot>
-            <tbody>
-            <producto-row v-for="producto in productos()" :producto="producto" :key="producto.id"></producto-row>
-            </tbody>
-        </table>
-        <p class="has-text-centered" v-show="!mostrar_tabla">
-            Compa, todavía no agregaste nada a la chismosa.
-        </p>
+    <div class="column is-one-third full-height">
+        <div class="fixed-right">
+            <table v-show="mostrar_tabla" class="table is-striped is-bordered tabla-chismosa">
+                <thead>
+                <tr>
+                    <th>Producto</th>
+                    <th><abbr title="Cantidad">C</abbr></th>
+                    <th><abbr title="Precio Total">$</abbr></th>
+                    <th></th>
+                    <th><abbr title="Eliminar"></abbr></th>
+                </tr>
+                </thead>
+                <tfoot>
+                <tr>
+                    <th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
+                    <th class="has-text-right">{{ cantidadBonosDeTransporte() }}</th>
+                    <th class="has-text-right">{{ totalBonosDeTransporte() }}</th>
+                    <th></th>
+                    <th></th>
+                </tr>
+                <tr v-if="this.$root.devoluciones">
+                    <th><p>Devoluciones</p></th>
+                    <td><p :title="notasDevoluciones()">...</p></td>
+                    <th class="has-text-right">-{{ devoluciones() }}</th>
+                    <th>
+                        <button @click.capture="modificarDevoluciones()" class="button is-warning">
+                            <span class="icon">
+                                <i class="fas fa-edit"></i>
+                            </span>
+                        </button>
+                    </th>
+                    <th></th>
+                </tr>
+                <tr>
+                    <th>Total total</th>
+                    <th></th>
+                    <th class="has-text-right">{{ total() }}</th>
+                    <th></th>
+                    <th></th>
+                </tr>
+                </tfoot>
+                <tbody>
+                <producto-row v-for="producto in productos()" :producto="producto" :key="producto.id"></producto-row>
+                </tbody>
+            </table>
+            <p class="has-text-centered" v-show="!mostrar_tabla">
+                Compa, todavía no agregaste nada a la chismosa.
+            </p>
+        </div>
     </div>
 </template>
 
@@ -87,4 +89,15 @@
             },
         },
     }
-</script>
\ No newline at end of file
+</script>
+
+<style>
+    .tabla-chismosa {
+        width: 100%;
+    }
+    .fixed-right {
+        position: fixed;
+        overflow-y: auto;
+        max-height: 88vh;
+    }
+</style>
\ No newline at end of file
diff --git a/resources/js/components/ChismosaDropdown.vue b/resources/js/components/ChismosaDropdown.vue
index 8a7f8e3..f9e23bb 100644
--- a/resources/js/components/ChismosaDropdown.vue
+++ b/resources/js/components/ChismosaDropdown.vue
@@ -31,7 +31,7 @@ export default {
     methods: {
         toggle() {
             this.activa = !this.activa;
-            Event.$emit("toggle-chismosa");
+            Event.$emit("toggle-chismosa", this.activa);
         },
     },
 }
diff --git a/resources/js/components/PedidoBody.vue b/resources/js/components/PedidoBody.vue
index fb0f4e9..d8e671d 100644
--- a/resources/js/components/PedidoBody.vue
+++ b/resources/js/components/PedidoBody.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class="columns">
-        <categorias-container></categorias-container>
-        <productos-container></productos-container>
+    <div class="columns ml-3 mr-3">
+        <categorias-container :class="chismosaActiva ? 'hide-below-1024' : ''"></categorias-container>
+        <productos-container :class="chismosaActiva ? 'hide-below-1024' : ''"></productos-container>
         <chismosa v-show="chismosaActiva"></chismosa>
     </div>
 </template>
@@ -23,9 +23,8 @@
             }
         },
         mounted() {
-            Event.$on('toggle-chismosa', () => {
-                this.chismosaActiva = !this.chismosaActiva;
-                console.log(this.chismosaActiva);
+            Event.$on('toggle-chismosa', (activa) => {
+                this.chismosaActiva = activa;
             });
         },
     }
diff --git a/resources/js/components/ProductosContainer.vue b/resources/js/components/ProductosContainer.vue
index 99c29e4..ee3682b 100644
--- a/resources/js/components/ProductosContainer.vue
+++ b/resources/js/components/ProductosContainer.vue
@@ -1,5 +1,5 @@
 <template>
-	<div v-show="visible" class="block ml-6 mr-6">
+	<div v-show="visible" class="column">
       <div class="columns is-multiline is-mobile">
         <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
         </producto-card><!-- END BLOCK COLUMN -->
-- 
2.44.0


From 728c54b3f3a000d268061b4c4d3b7d5986294d8a Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Sun, 15 Sep 2024 11:53:14 -0300
Subject: [PATCH 03/10] Agregado margen a la chismosa

---
 resources/js/components/Chismosa.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index de59859..a383a82 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -99,5 +99,6 @@
         position: fixed;
         overflow-y: auto;
         max-height: 88vh;
+        margin-right: 20px;
     }
 </style>
\ No newline at end of file
-- 
2.44.0


From 6fc7021317aad9c6a4754600963039ae1be01cb9 Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Sun, 15 Sep 2024 12:48:34 -0300
Subject: [PATCH 04/10] ProductoCantidad template WIP

---
 resources/js/components/Chismosa.vue          | 15 +---
 .../components/Producto/ProductoCantidad.vue  | 88 +++++++++++++++++++
 resources/js/components/ProductoCard.vue      | 26 +-----
 resources/js/components/ProductoRow.vue       | 22 +----
 4 files changed, 96 insertions(+), 55 deletions(-)
 create mode 100644 resources/js/components/Producto/ProductoCantidad.vue

diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index a383a82..10d9b88 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -7,8 +7,6 @@
                     <th>Producto</th>
                     <th><abbr title="Cantidad">C</abbr></th>
                     <th><abbr title="Precio Total">$</abbr></th>
-                    <th></th>
-                    <th><abbr title="Eliminar"></abbr></th>
                 </tr>
                 </thead>
                 <tfoot>
@@ -16,28 +14,23 @@
                     <th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
                     <th class="has-text-right">{{ cantidadBonosDeTransporte() }}</th>
                     <th class="has-text-right">{{ totalBonosDeTransporte() }}</th>
-                    <th></th>
-                    <th></th>
                 </tr>
                 <tr v-if="this.$root.devoluciones">
                     <th><p>Devoluciones</p></th>
-                    <td><p :title="notasDevoluciones()">...</p></td>
-                    <th class="has-text-right">-{{ devoluciones() }}</th>
-                    <th>
+                    <td>
+                        <p :title="notasDevoluciones()">...</p>
                         <button @click.capture="modificarDevoluciones()" class="button is-warning">
                             <span class="icon">
                                 <i class="fas fa-edit"></i>
                             </span>
                         </button>
-                    </th>
-                    <th></th>
+                    </td>
+                    <th class="has-text-right">-{{ devoluciones() }}</th>
                 </tr>
                 <tr>
                     <th>Total total</th>
                     <th></th>
                     <th class="has-text-right">{{ total() }}</th>
-                    <th></th>
-                    <th></th>
                 </tr>
                 </tfoot>
                 <tbody>
diff --git a/resources/js/components/Producto/ProductoCantidad.vue b/resources/js/components/Producto/ProductoCantidad.vue
new file mode 100644
index 0000000..f326819
--- /dev/null
+++ b/resources/js/components/Producto/ProductoCantidad.vue
@@ -0,0 +1,88 @@
+<template>
+    <div class="field has-addons">
+        <div class="control">
+            <button class="button is-small" @click.capture="decrementar();">
+                <i class="fa fa-solid fa-minus"></i>
+            </button>
+        </div>
+        <div class="control">
+            <input id="cantidad" v-model="cantidad" class="input is-small" type="number" style="text-align: center">
+        </div>
+        <div class="control" @click="incrementar();">
+            <button class="button is-small">
+                <i class="fa fa-solid fa-plus"></i>
+            </button>
+        </div>
+        <button :disabled="!hayCambios()" class="button is-small is-success ml-3" @click="confirmar()">
+            <span class="icon">
+                <i class="fas fa-check"></i>
+            </span>
+        </button>
+        <button :disabled="!puedeBorrar()" class="button is-small is-danger ml-3" @click="borrar()">
+            <span class="icon">
+                <i class="fas fa-trash-alt"></i>
+            </span>
+        </button>
+    </div>
+</template>
+
+<script>
+    export default {
+        props: {
+            producto: Object
+        },
+        data() {
+            return {
+                cantidad: this.producto.cantidad,
+                enChismosa: this.producto.cantidad,
+            }
+        },
+        mounted() {
+            Event.$on('sync-subpedido', (cantidad,productoId) => {
+                if (this.producto.id === productoId)
+                    this.sincronizar(cantidad);
+            });
+        },
+        methods: {
+            decrementar() {
+                this.cantidad -= 1;
+            },
+            incrementar() {
+                this.cantidad += 1;
+            },
+            confirmar() {
+                Event.$emit('sync-subpedido', this.cantidad, this.producto.id);
+            },
+            borrar() {
+                this.cantidad = 0;
+                this.confirmar();
+            },
+            sincronizar(cantidad) {
+                this.cantidad = cantidad;
+                this.producto.cantidad = cantidad;
+                this.enChismosa = cantidad;
+            },
+            hayCambios() {
+                return this.cantidad != this.enChismosa;
+            },
+            puedeBorrar() {
+                return this.enChismosa > 0;
+            },
+        }
+    }
+</script>
+
+<style>
+    /* Chrome, Safari, Edge, Opera */
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    /* Firefox */
+    input[type=number] {
+        appearance: textfield;
+        -moz-appearance: textfield;
+    }
+</style>
\ No newline at end of file
diff --git a/resources/js/components/ProductoCard.vue b/resources/js/components/ProductoCard.vue
index 453ecfe..fa80743 100644
--- a/resources/js/components/ProductoCard.vue
+++ b/resources/js/components/ProductoCard.vue
@@ -68,31 +68,7 @@ export default {
             </div>
             <footer class="columns">
                 <div class="column is-three-quarters">
-                    <div class="field has-addons">
-                        <div class="control">
-                            <button class="button is-small" @click.capture="decrementar();">
-                                <i class="fa fa-solid fa-minus"></i>
-                            </button>
-                        </div>
-                        <div class="control">
-                            <input id="cantidad" v-model="cantidad" class="input is-small" type="number" style="text-align: center">
-                        </div>
-                        <div class="control" @click="incrementar();">
-                            <button class="button is-small">
-                                <i class="fa fa-solid fa-plus"></i>
-                            </button>
-                        </div>
-                        <button :disabled="!hayCambios()" class="button is-small is-success ml-3" @click="confirmar()">
-                            <span class="icon">
-                                <i class="fas fa-check"></i>
-                            </span>
-                        </button>
-                        <button :disabled="!puedeBorrar()" class="button is-small is-danger ml-3" @click="borrar()">
-                            <span class="icon">
-                                <i class="fas fa-trash-alt"></i>
-                            </span>
-                        </button>
-                    </div>
+                    <producto-cantidad :producto="producto"></producto-cantidad>
                 </div>
                 <div class="column">
                     <p class="subtitle is-7 is-hidden-mobile" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
diff --git a/resources/js/components/ProductoRow.vue b/resources/js/components/ProductoRow.vue
index 0a6951c..534cf4d 100644
--- a/resources/js/components/ProductoRow.vue
+++ b/resources/js/components/ProductoRow.vue
@@ -1,18 +1,10 @@
 <template>
 	<tr>
             <td>{{ this.producto.nombre }}</td>
-            <td class="has-text-right">{{ this.producto.pivot.cantidad }}</td>
+            <td class="has-text-right">
+                <producto-cantidad :producto="producto"></producto-cantidad>
+            </td>
             <td class="has-text-right">{{ Math.ceil(this.producto.pivot.total) }}</td>
-            <td><button @click.capture="seleccionarProducto(producto)" class="button is-warning">
-                <span class="icon">
-                    <i class="fas fa-edit"></i>
-                </span>
-            </button></td>
-            <td><button @click.capture="eliminarProducto()" class="button is-danger">
-                <span class="icon">
-                    <i class="fas fa-trash-alt"></i>
-                </span>
-            </button></td>
     </tr>
 </template>
 producto
@@ -21,13 +13,5 @@ producto
 		props: {
 	        producto: Object
 	    },
-	    methods: {
-	        seleccionarProducto() {
-	            Event.$emit("producto-seleccionado",this.producto);
-	        },
-	        eliminarProducto() {
-	            Event.$emit("sync-subpedido", 0, this.producto.id);
-	        }
-        }
 	}
 </script>
-- 
2.44.0


From b8456370643447d1fd9358adaa7116f257796946 Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Sun, 15 Sep 2024 18:09:23 -0300
Subject: [PATCH 05/10] =?UTF-8?q?Arregl=C3=A9=20todos=20los=20errores=20al?=
 =?UTF-8?q?=20inicio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/app.js                           |  1 +
 .../js/components/CartelPedidoAprobado.vue    | 23 +++++++++++-
 resources/js/components/Chismosa.vue          | 36 +++++++++----------
 resources/js/components/ChismosaDropdown.vue  | 11 ++++--
 resources/js/components/ProductoCard.vue      |  5 +++
 resources/js/components/ProductoRow.vue       |  7 +++-
 6 files changed, 61 insertions(+), 22 deletions(-)

diff --git a/resources/js/app.js b/resources/js/app.js
index 3254467..daee04b 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -91,6 +91,7 @@ const app = new Vue({
                         axios.get('/api/subpedidos/' + this.pedido)
                             .then(response => {
                                 this.pedido = response.data.data;
+                                Event.$emit("pedido-actualizado");
                             });
                     } else {
                         axios.get('/admin/obtener_sesion')
diff --git a/resources/js/components/CartelPedidoAprobado.vue b/resources/js/components/CartelPedidoAprobado.vue
index c43fa1f..be6f8a4 100644
--- a/resources/js/components/CartelPedidoAprobado.vue
+++ b/resources/js/components/CartelPedidoAprobado.vue
@@ -1,10 +1,31 @@
 <template>
-    <div v-show="this.$root.pedido.aprobado" class="notification is-warning has-text-centered">
+    <div v-show="aprobado" class="notification is-warning has-text-centered">
         Tu pedido fue <strong>aprobado</strong>, por lo que no puede ser modificado
     </div>
 </template>
 
 <script>
+    export default {
+        data() {
+            return {
+                aprobado: false,
+            }
+        },
+        mounted() {
+            Event.$on('pedido-actualizado', this.actualizarEstado);
+            if (this.$root.pedido != null) {
+                this.actualizarEstado();
+            }
+        },
+        methods: {
+            pedidoAprobado: function() {
+                return this.$root.pedido.aprobado;
+            },
+            actualizarEstado: function() {
+                this.aprobado = this.pedidoAprobado();
+            },
+        },
+    }
 </script>
 
 <style>
diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index 10d9b88..9c888f0 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -12,29 +12,29 @@
                 <tfoot>
                 <tr>
                     <th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
-                    <th class="has-text-right">{{ cantidadBonosDeTransporte() }}</th>
-                    <th class="has-text-right">{{ totalBonosDeTransporte() }}</th>
+                    <th class="has-text-right">{{ cantidad_bonos_transporte }}</th>
+                    <th class="has-text-right">{{ total_bonos_transporte }}</th>
                 </tr>
                 <tr v-if="this.$root.devoluciones">
                     <th><p>Devoluciones</p></th>
                     <td>
-                        <p :title="notasDevoluciones()">...</p>
+                        <p :title="notas_devoluciones">...</p>
                         <button @click.capture="modificarDevoluciones()" class="button is-warning">
                             <span class="icon">
                                 <i class="fas fa-edit"></i>
                             </span>
                         </button>
                     </td>
-                    <th class="has-text-right">-{{ devoluciones() }}</th>
+                    <th class="has-text-right">-{{ devoluciones }}</th>
                 </tr>
                 <tr>
                     <th>Total total</th>
                     <th></th>
-                    <th class="has-text-right">{{ total() }}</th>
+                    <th class="has-text-right">{{ total }}</th>
                 </tr>
                 </tfoot>
                 <tbody>
-                <producto-row v-for="producto in productos()" :producto="producto" :key="producto.id"></producto-row>
+                <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></producto-row>
                 </tbody>
             </table>
             <p class="has-text-centered" v-show="!mostrar_tabla">
@@ -49,6 +49,12 @@
         data() {
             return {
                 mostrar_tabla: false,
+                cantidad_bonos_transporte: 0,
+                total_bonos_transporte: 0,
+                devoluciones: 0,
+                notas_devoluciones: "",
+                total: 0,
+                productos: [],
             }
         },
         mounted() {
@@ -58,12 +64,12 @@
         methods: {
             pedidoActualizado: function() {
                 this.mostrar_tabla = this.$root.productos.length > 0;
-            },
-            total: function() {
-                return this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total)
-            },
-            productos: function() {
-                return this.$root.productos
+                this.cantidad_bonos_transporte = this.cantidadBonosDeTransporte();
+                this.total_bonos_transporte = this.totalBonosDeTransporte();
+                this.devoluciones = this.$root.pedido.devoluciones_total;
+                this.notas_devoluciones = this.$root.pedido.devoluciones_notas;
+                this.total = this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total);
+                this.productos = this.$root.productos
             },
             modificarDevoluciones: function() {
                 Event.$emit("modificar-devoluciones");
@@ -74,12 +80,6 @@
             totalBonosDeTransporte: function() {
                 return this.$limpiarInt(this.$root.pedido.subtotal_bonos_de_transporte)
             },
-            devoluciones: function() {
-                return this.$root.pedido.devoluciones_total;
-            },
-            notasDevoluciones: function() {
-                return this.$root.pedido.devoluciones_notas;
-            },
         },
     }
 </script>
diff --git a/resources/js/components/ChismosaDropdown.vue b/resources/js/components/ChismosaDropdown.vue
index f9e23bb..26bb8e3 100644
--- a/resources/js/components/ChismosaDropdown.vue
+++ b/resources/js/components/ChismosaDropdown.vue
@@ -5,7 +5,7 @@
             <span class="icon is-small mr-1">
                 <img src="/assets/chismosa.png">
             </span>
-            <span v-text="'$' + this.$limpiarInt($root.devoluciones ? $root.pedido.total_menos_devoluciones : $root.pedido.total)"></span>
+            <span v-text="'$' + total"></span>
             </a>
         </div>
     </div>
@@ -25,14 +25,21 @@ export default {
     },
     data() {
         return {
-            activa: false
+            activa: false,
+            total: 0,
         }
     },
+    mounted() {
+        Event.$on('pedido-actualizado', this.actualizar);
+    },
     methods: {
         toggle() {
             this.activa = !this.activa;
             Event.$emit("toggle-chismosa", this.activa);
         },
+        actualizar() {
+            this.total = this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total);
+        },
     },
 }
 </script>
diff --git a/resources/js/components/ProductoCard.vue b/resources/js/components/ProductoCard.vue
index fa80743..1ae7d44 100644
--- a/resources/js/components/ProductoCard.vue
+++ b/resources/js/components/ProductoCard.vue
@@ -1,6 +1,11 @@
 <script>
+import ProductoCantidad from './Producto/ProductoCantidad.vue';
+
 export default {
     name: "ProductoCard",
+    components: {
+        ProductoCantidad,
+    },
     props: {
         producto: Object
     },
diff --git a/resources/js/components/ProductoRow.vue b/resources/js/components/ProductoRow.vue
index 534cf4d..9f2c44c 100644
--- a/resources/js/components/ProductoRow.vue
+++ b/resources/js/components/ProductoRow.vue
@@ -9,7 +9,12 @@
 </template>
 producto
 <script>
-	export default {
+    import ProductoCantidad from './Producto/ProductoCantidad.vue';
+	
+    export default {
+        components: {
+            ProductoCantidad,
+        },
 		props: {
 	        producto: Object
 	    },
-- 
2.44.0


From a998f76d4430431d2914a999f716725a56e2e9fe Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Mon, 16 Sep 2024 09:25:26 -0300
Subject: [PATCH 06/10] Arreglo a ProductoCantidad

---
 resources/js/components/Producto/ProductoCantidad.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/Producto/ProductoCantidad.vue b/resources/js/components/Producto/ProductoCantidad.vue
index f326819..de98275 100644
--- a/resources/js/components/Producto/ProductoCantidad.vue
+++ b/resources/js/components/Producto/ProductoCantidad.vue
@@ -38,6 +38,10 @@
             }
         },
         mounted() {
+            if (this.producto.pivot !== undefined) {
+                this.cantidad = this.producto.pivot.cantidad;
+                this.enChismosa = this.cantidad;
+            }
             Event.$on('sync-subpedido', (cantidad,productoId) => {
                 if (this.producto.id === productoId)
                     this.sincronizar(cantidad);
@@ -59,7 +63,11 @@
             },
             sincronizar(cantidad) {
                 this.cantidad = cantidad;
-                this.producto.cantidad = cantidad;
+                if (this.producto.pivot != null) {
+                    this.producto.pivot.cantidad = cantidad;
+                } else {
+                    this.producto.cantidad = cantidad;
+                }
                 this.enChismosa = cantidad;
             },
             hayCambios() {
-- 
2.44.0


From 1586a1190ae37e9ee5ecd8dc3b07712cf71f0a4e Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Mon, 16 Sep 2024 09:25:37 -0300
Subject: [PATCH 07/10] Arreglo y ajuste a devoluciones en chismosa

---
 resources/js/app.js                  |  5 +++--
 resources/js/components/Chismosa.vue | 11 ++++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/resources/js/app.js b/resources/js/app.js
index daee04b..87eae9f 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -114,20 +114,21 @@ const app = new Vue({
             this.$toast('Pedido actualizado exitosamente')
             Event.$emit("pedido-actualizado");
           });
-      });
+        });
       // Actualizar monto y notas de devoluciones
       Event.$on('sync-devoluciones', (total, notas) => {
         if (this.pedido.aprobado) {
           this.$toast('No se puede modificar un pedido ya aprobado', 2000);
           return;
         }
-
+        
         axios.post("api/subpedidos/" + this.pedido.id + "/sync_devoluciones", {
           total: total,
           notas: notas,
         }).then((response) => {
           this.pedido = response.data.data;
           this.$toast('Pedido actualizado');
+          Event.$emit("pedido-actualizado");
         });
       });
 
diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index 9c888f0..d5bae7f 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -5,7 +5,7 @@
                 <thead>
                 <tr>
                     <th>Producto</th>
-                    <th><abbr title="Cantidad">C</abbr></th>
+                    <th>Cantidad</th>
                     <th><abbr title="Precio Total">$</abbr></th>
                 </tr>
                 </thead>
@@ -18,8 +18,8 @@
                 <tr v-if="this.$root.devoluciones">
                     <th><p>Devoluciones</p></th>
                     <td>
-                        <p :title="notas_devoluciones">...</p>
-                        <button @click.capture="modificarDevoluciones()" class="button is-warning">
+                        <abbr :title="notas_devoluciones">{{ notas_devoluciones_abbr }}</abbr>
+                        <button @click.capture="modificarDevoluciones()" class="button is-warning is-small">
                             <span class="icon">
                                 <i class="fas fa-edit"></i>
                             </span>
@@ -53,6 +53,7 @@
                 total_bonos_transporte: 0,
                 devoluciones: 0,
                 notas_devoluciones: "",
+                notas_devoluciones_abbr: "",
                 total: 0,
                 productos: [],
             }
@@ -68,6 +69,10 @@
                 this.total_bonos_transporte = this.totalBonosDeTransporte();
                 this.devoluciones = this.$root.pedido.devoluciones_total;
                 this.notas_devoluciones = this.$root.pedido.devoluciones_notas;
+                this.notas_devoluciones_abbr = this.notas_devoluciones.substring(0, 15);
+                if (this.notas_devoluciones.length > 15) {
+                    this.notas_devoluciones_abbr += "...";
+                }
                 this.total = this.$limpiarInt(this.$root.devoluciones ? this.$root.pedido.total_menos_devoluciones : this.$root.pedido.total);
                 this.productos = this.$root.productos
             },
-- 
2.44.0


From 80a28f4162bdf33db777a41c3b7b553dee71f420 Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Mon, 16 Sep 2024 20:56:15 -0300
Subject: [PATCH 08/10] =?UTF-8?q?Auto=20sincronziar=20producto=20despu?=
 =?UTF-8?q?=C3=A9s=20de=203=20segundos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/components/Producto/ProductoCantidad.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/Producto/ProductoCantidad.vue b/resources/js/components/Producto/ProductoCantidad.vue
index de98275..de8d2ad 100644
--- a/resources/js/components/Producto/ProductoCantidad.vue
+++ b/resources/js/components/Producto/ProductoCantidad.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="field has-addons">
         <div class="control">
-            <button class="button is-small" @click.capture="decrementar();">
+            <button :disabled="cantidad < 1" class="button is-small" @click.capture="decrementar();">
                 <i class="fa fa-solid fa-minus"></i>
             </button>
         </div>
@@ -50,9 +50,18 @@
         methods: {
             decrementar() {
                 this.cantidad -= 1;
+                this.programarSincronizacion();
             },
             incrementar() {
                 this.cantidad += 1;
+                this.programarSincronizacion();
+            },
+            programarSincronizacion() {
+                setTimeout(() => {
+                    if (this.hayCambios()) {
+                        this.confirmar();
+                    }
+                }, 3000);
             },
             confirmar() {
                 Event.$emit('sync-subpedido', this.cantidad, this.producto.id);
-- 
2.44.0


From d2fde9df836d8d3a88832bd4c5ce9198d003f876 Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Tue, 17 Sep 2024 19:14:30 -0300
Subject: [PATCH 09/10] =?UTF-8?q?Revert=20"Auto=20sincronziar=20producto?=
 =?UTF-8?q?=20despu=C3=A9s=20de=203=20segundos"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 80a28f4162bdf33db777a41c3b7b553dee71f420.
---
 resources/js/components/Producto/ProductoCantidad.vue | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/resources/js/components/Producto/ProductoCantidad.vue b/resources/js/components/Producto/ProductoCantidad.vue
index de8d2ad..de98275 100644
--- a/resources/js/components/Producto/ProductoCantidad.vue
+++ b/resources/js/components/Producto/ProductoCantidad.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="field has-addons">
         <div class="control">
-            <button :disabled="cantidad < 1" class="button is-small" @click.capture="decrementar();">
+            <button class="button is-small" @click.capture="decrementar();">
                 <i class="fa fa-solid fa-minus"></i>
             </button>
         </div>
@@ -50,18 +50,9 @@
         methods: {
             decrementar() {
                 this.cantidad -= 1;
-                this.programarSincronizacion();
             },
             incrementar() {
                 this.cantidad += 1;
-                this.programarSincronizacion();
-            },
-            programarSincronizacion() {
-                setTimeout(() => {
-                    if (this.hayCambios()) {
-                        this.confirmar();
-                    }
-                }, 3000);
             },
             confirmar() {
                 Event.$emit('sync-subpedido', this.cantidad, this.producto.id);
-- 
2.44.0


From 52bea8f9b6591faa28929d32988ce9087e0af37d Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Tue, 17 Sep 2024 20:13:34 -0300
Subject: [PATCH 10/10] Ajustes de medidas en chismosa

---
 resources/js/components/Chismosa.vue                  |  6 +++---
 resources/js/components/Producto/ProductoCantidad.vue | 10 +++++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index d5bae7f..cd8d7f6 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class="column is-one-third full-height">
+    <div class="column is-one-third">
         <div class="fixed-right">
-            <table v-show="mostrar_tabla" class="table is-striped is-bordered tabla-chismosa">
+            <table v-show="mostrar_tabla" class="table is-striped is-bordered tabla-chismosa is-narrow">
                 <thead>
                 <tr>
                     <th>Producto</th>
@@ -96,7 +96,7 @@
     .fixed-right {
         position: fixed;
         overflow-y: auto;
-        max-height: 88vh;
+        max-height: 81vh;
         margin-right: 20px;
     }
 </style>
\ No newline at end of file
diff --git a/resources/js/components/Producto/ProductoCantidad.vue b/resources/js/components/Producto/ProductoCantidad.vue
index de98275..93ec5cd 100644
--- a/resources/js/components/Producto/ProductoCantidad.vue
+++ b/resources/js/components/Producto/ProductoCantidad.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="field has-addons">
+    <div class="field has-addons contador">
         <div class="control">
             <button class="button is-small" @click.capture="decrementar();">
                 <i class="fa fa-solid fa-minus"></i>
@@ -13,12 +13,12 @@
                 <i class="fa fa-solid fa-plus"></i>
             </button>
         </div>
-        <button :disabled="!hayCambios()" class="button is-small is-success ml-3" @click="confirmar()">
+        <button :disabled="!hayCambios()" class="button is-small is-success ml-1" @click="confirmar()">
             <span class="icon">
                 <i class="fas fa-check"></i>
             </span>
         </button>
-        <button :disabled="!puedeBorrar()" class="button is-small is-danger ml-3" @click="borrar()">
+        <button :disabled="!puedeBorrar()" class="button is-small is-danger ml-1" @click="borrar()">
             <span class="icon">
                 <i class="fas fa-trash-alt"></i>
             </span>
@@ -93,4 +93,8 @@
         appearance: textfield;
         -moz-appearance: textfield;
     }
+    
+    .contador {
+        min-width: 178px;
+    }
 </style>
\ No newline at end of file
-- 
2.44.0