nathalie/pedi2
3
3
Fork 1
Code Issues Pull requests 1 Projects Releases Wiki Activity

Formato

Browse source
This commit is contained in:
Alejandro Tasistro 2025-05-21 18:44:22 -03:00
parent dd30726d10
commit 020d554019
1 changed files with 80 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
resources/js/components/pedidos/SubpedidoSelect.vue
View file

@ -11,18 +11,22 @@
</div>
</div>
<div class="column is-one-third buttons">
<button class="button is-danger" v-show="!botonCrearDesabilitado" @click="submit">Crear nuevo pedido</button>
<button class="button is-danger" v-show="!botonCrearDesabilitado" @click="submit">Crear nuevo pedido
</button>
</div>
</div>
<div v-if="subpedidosExistentes.length" class="block">
<label class="label">Si ya comenzaste a hacer tu pedido este mes, elegilo en esta lista:</label>
<p class="help">Podés seguir escribiendo en el campo de arriba para refinar la búsqueda.</p>
<div class="columns is-mobile" v-for="(subpedidoExistente, index) in subpedidosExistentes" :class="{'has-background-grey-lighter': index % 2}" :key="index">
<div class="columns is-mobile" v-for="(subpedidoExistente, index) in subpedidosExistentes"
:class="{'has-background-grey-lighter': index % 2}" :key="index">
<div class="column is-half-mobile is-two-thirds-desktop is-two-thirds-tablet">
<p style="padding-top: calc(.5em - 1px); margin-bottom: .5rem" v-text="subpedidoExistente.nombre"></p>
<p style="padding-top: calc(.5em - 1px); margin-bottom: .5rem"
v-text="subpedidoExistente.nombre"></p>
</div>
<div class="buttons column is-half-mobile is-one-third-desktop is-one-third-tablet">
<button class="button is-danger" @click="elegirSubpedido(subpedidoExistente)">Continuar pedido</button>
<button class="button is-danger" @click="elegirSubpedido(subpedidoExistente)">Continuar pedido
</button>
</div>
</div>
</div>
@ -30,7 +34,7 @@
</template>
<script>
export default {
export default {
data() {
return {
subpedido: null,
@ -38,10 +42,10 @@
}
},
computed: {
nombresDeSubpedidos: function() {
nombresDeSubpedidos: function () {
return this.subpedidosExistentes.map(a => a.nombre.toLowerCase())
},
botonCrearDesabilitado : function() {
botonCrearDesabilitado: function () {
return !this.subpedido || this.nombresDeSubpedidos.includes(this.subpedido.toLowerCase())
}
},
@ -51,7 +55,7 @@
},
methods: {
onType() {
if (!this.subpedido){
if (!this.subpedido) {
this.subpedidosExistentes = [];
return;
}
@ -73,7 +77,7 @@
this.elegirSubpedido(response.data);
});
},
elegirSubpedido(subpedido){
elegirSubpedido(subpedido) {
//lo guardamos en sesion
this.guardarSubpedidoEnSesion(subpedido);
},
@ -87,5 +91,5 @@
});
}
}
}
}
</script>