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

nueva-chismosa #35

Merged
rho merged 11 commits from nueva-chismosa into master 2024-09-19 21:42:45 -03:00
Conversation 0 Commits 11 Files changed 11 +69 -57
5 changed files with 69 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit fbae6770df - Show all commits

2
resources/js/components/CategoriasContainer.vue
View file

@ -1,5 +1,5 @@
<template> <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 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 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%" > <div @click.capture="seleccionarCategoria(categoria)" class="card" style="height:100%" >

17
resources/js/components/Chismosa.vue
View file

@ -1,6 +1,7 @@
<template> <template>
<div class="column"> <div class="column is-one-third full-height">
<table v-show="mostrar_tabla" class="chismosa-tabla table is-narrow is-striped is-bordered"> <div class="fixed-right">
<table v-show="mostrar_tabla" class="table is-striped is-bordered tabla-chismosa">
<thead> <thead>
<tr> <tr>
<th>Producto</th> <th>Producto</th>
@ -47,6 +48,7 @@
Compa, todavía no agregaste nada a la chismosa. Compa, todavía no agregaste nada a la chismosa.
</p> </p>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -88,3 +90,14 @@
}, },
} }
</script> </script>
<style>
.tabla-chismosa {
width: 100%;
}
.fixed-right {
position: fixed;
overflow-y: auto;
max-height: 88vh;
}
</style>

2
resources/js/components/ChismosaDropdown.vue
View file

@ -31,7 +31,7 @@ export default {
methods: { methods: {
toggle() { toggle() {
this.activa = !this.activa; this.activa = !this.activa;
Event.$emit("toggle-chismosa"); Event.$emit("toggle-chismosa", this.activa);
}, },
}, },
} }

11
resources/js/components/PedidoBody.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="columns"> <div class="columns ml-3 mr-3">
<categorias-container></categorias-container> <categorias-container :class="chismosaActiva ? 'hide-below-1024' : ''"></categorias-container>
<productos-container></productos-container> <productos-container :class="chismosaActiva ? 'hide-below-1024' : ''"></productos-container>
<chismosa v-show="chismosaActiva"></chismosa> <chismosa v-show="chismosaActiva"></chismosa>
</div> </div>
</template> </template>
@ -23,9 +23,8 @@
} }
}, },
mounted() { mounted() {
Event.$on('toggle-chismosa', () => { Event.$on('toggle-chismosa', (activa) => {
this.chismosaActiva = !this.chismosaActiva; this.chismosaActiva = activa;
console.log(this.chismosaActiva);
}); });
}, },
} }

2
resources/js/components/ProductosContainer.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div v-show="visible" class="block ml-6 mr-6"> <div v-show="visible" class="column">
<div class="columns is-multiline is-mobile"> <div class="columns is-multiline is-mobile">
<producto-card v-for="(producto,i) in productos" :key="i" :producto="producto"> <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
</producto-card><!-- END BLOCK COLUMN --> </producto-card><!-- END BLOCK COLUMN -->