diff --git a/resources/js/app.js b/resources/js/app.js
index 18712d5..db3b226 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -56,6 +56,17 @@ const app = new Vue({
pedido: null
}
},
+ computed: {
+ productos: function() {
+ return this.pedido.productos
+ }
+ },
+ methods: {
+ cantidad(producto) {
+ let pedido = this.productos.some(p => p.id == producto.id)
+ return pedido ? this.productos.find(p => p.id == producto.id).pivot.cantidad : 0
+ }
+ },
mounted() {
Event.$on('obtener-sesion', () => {
axios.get('/subpedidos/obtener_sesion')
diff --git a/resources/js/components/Chismosa.vue b/resources/js/components/Chismosa.vue
index c6b140d..a6b0206 100644
--- a/resources/js/components/Chismosa.vue
+++ b/resources/js/components/Chismosa.vue
@@ -45,14 +45,9 @@
<script>
export default {
- data() {
- return {
- subpedido: this.$root.pedido
- }
- },
computed: {
productos: function() {
- return this.$root.pedido.productos
+ return this.$root.productos
},
cantidadBonosDeTransporte: function() {
return this.$root.pedido.subtotal_bonos_de_transporte / 15
diff --git a/resources/js/components/NavBar.vue b/resources/js/components/NavBar.vue
index 7c266b1..efe574a 100644
--- a/resources/js/components/NavBar.vue
+++ b/resources/js/components/NavBar.vue
@@ -11,7 +11,7 @@
<p class="navbar-item">
<slot name="subpedido"></slot>
</p>
- <chismosa-dropdown class="hide-above-1023"></chismosa-dropdown>
+ <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023" id="mobile"></chismosa-dropdown>
<a role="button" class="navbar-burger" :class="{'is-active':burgerActiva}" aria-label="menu" aria-expanded="false" data-target="nav-bar" @click="toggleBurger">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
@@ -28,7 +28,7 @@
</a>
<input class="input is-small" type="text" placeholder="Harina" v-model="searchString" @keyup.enter="buscar" >
</div>
- <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024"></chismosa-dropdown>
+ <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024" id="wide"></chismosa-dropdown>
<div class="block navbar-item">
<a onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="text-a">
Cerrar sesión
diff --git a/resources/js/components/ProductoModal.vue b/resources/js/components/ProductoModal.vue
index de9db3e..4839594 100644
--- a/resources/js/components/ProductoModal.vue
+++ b/resources/js/components/ProductoModal.vue
@@ -26,7 +26,7 @@
<p class="subtitle is-5"><span v-text="producto.descripcion"></span></p>
<div class="field has-addons is-centered is-thin-centered">
<p class="control">
- <button class="button" @click="cant !== 0 ? cant-- : cant">
+ <button class="button" @click="cantidad !== 0 ? cantidad-- : cantidad">
<span class="icon is-small">
<!-- Habría que ver de poner un ícono de - -->
</span>
@@ -34,10 +34,10 @@
</button>
</p>
<p class="control">
- <input id="cantidad" class="input" type="number" v-model.number="cant" style="text-align: center">
+ <input id="cantidad" class="input" type="number" v-model.number="cantidad" style="text-align: center">
</p>
<p class="control">
- <button class="button" @click="cant++">
+ <button class="button" @click="cantidad++">
<span class="icon is-small">
<!-- Habría que ver de poner un ícono de + -->
</span>
@@ -49,7 +49,7 @@
</section>
<footer class="modal-card-foot">
<!-- Habría que ver si cambiar el botón cuando al cantidad es 0 -->
- <button class="button is-success" :disabled="cant <= 0" @click="agregarProducto">Aceptar</button>
+ <button class="button is-success" :disabled="cantidad <= 0" @click="agregarProducto">Aceptar</button>
<button class="button" @click.capture="cerrar">Cancelar</button>
</footer>
</div>
@@ -62,7 +62,7 @@
return {
producto: null,
visible: false,
- cant: 0
+ cantidad: 0
}
},
computed: {
@@ -75,15 +75,15 @@
},
methods: {
cerrar() {
- this.cant = 0;
+ this.cantidad = 0;
this.visible = false;
Event.$emit("migas-pop");
},
agregarProducto() {
- if (this.cant < 0) alert("No se puede agregar cantidades negativas")
- else if (!Number.isInteger(this.cant)) alert("Las cantidades deben ser números enteros")
+ if (this.cantidad < 0) alert("No se puede agregar cantidades negativas")
+ else if (!Number.isInteger(this.cantidad)) alert("Las cantidades deben ser números enteros")
else {
- Event.$emit('sync-subpedido',this.cant, this.producto.id);
+ Event.$emit('sync-subpedido',this.cantidad, this.producto.id);
this.cerrar();
}
}
@@ -91,6 +91,7 @@
mounted() {
Event.$on('producto-seleccionado', (producto) => {
this.producto = producto;
+ this.cantidad = this.$root.cantidad(producto)
this.visible = true;
Event.$emit("migas-agregar",this.miga);
});
diff --git a/resources/js/components/ProductosContainer.vue b/resources/js/components/ProductosContainer.vue
index d30fd48..3674da5 100644
--- a/resources/js/components/ProductosContainer.vue
+++ b/resources/js/components/ProductosContainer.vue
@@ -20,6 +20,7 @@
<p class="title is-6" v-text="producto.nombre"></p>
<p class="subtitle is-7" v-text="producto.proveedor"></p>
<p class="subtitle is-7">$<span v-text="producto.precio"></span></p>
+ <p class="subtitle has-text-right is-7" v-if="producto.cantidad != 0"><span v-text="producto.cantidad"></span> en chismosa</p>
</div>
</div>
</div>
@@ -56,6 +57,7 @@ export default {
params: this.params(filtro,valor)
}).then(response => {
this.productos = response.data.data;
+ this.productos.forEach(p => p.cantidad = this.$root.cantidad(p))
});
this.visible = true;
Event.$emit("migas-agregar",this.miga);