42 lines
No EOL
1.4 KiB
Vue
42 lines
No EOL
1.4 KiB
Vue
<template>
|
|
<div v-show="visible" class="container">
|
|
<div v-show="this.$root.pedido.aprobado" class="notification is-warning has-text-centered">Tu pedido fue <strong>aprobado</strong>, por lo que no puede ser modificado</div>
|
|
<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%" >
|
|
<div class="card-content">
|
|
<div class="media">
|
|
<div class="media-content" style="overflow:hidden">
|
|
<p class="title is-6" v-text="categoria"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- END CARD -->
|
|
</div><!-- END BLOCK COLUMN -->
|
|
</div><!-- END COLUMNS -->
|
|
</div><!-- END CONTAINER -->
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
categorias: null,
|
|
visible: true
|
|
}
|
|
},
|
|
mounted() {
|
|
axios.get("/api/categorias").then(response => {
|
|
this.categorias = response.data;
|
|
});
|
|
Event.$emit("migas-setear-como-inicio", this.$rootMiga);
|
|
Event.$on("filtrar-productos", (_) => this.visible = false)
|
|
},
|
|
methods: {
|
|
seleccionarCategoria(categoria) {
|
|
this.visible = false;
|
|
Event.$emit("filtrar-productos",'categoria',categoria);
|
|
}
|
|
}
|
|
}
|
|
</script> |