Tags de componentes simplificadas
This commit is contained in:
parent
0173d7bd36
commit
f26234c3bf
18 changed files with 41 additions and 42 deletions
|
|
@ -16,9 +16,9 @@ export default {
|
|||
<template>
|
||||
<div id="login-form" :class="estilos.fondo">
|
||||
<section class="section">
|
||||
<login-dropdown class="is-hidden-tablet"></login-dropdown>
|
||||
<login-titulos></login-titulos>
|
||||
<login-input></login-input>
|
||||
<login-dropdown class="is-hidden-tablet"/>
|
||||
<login-titulos/>
|
||||
<login-input/>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -22,11 +22,11 @@ export default {
|
|||
|
||||
<template>
|
||||
<div id="app-main">
|
||||
<nav-bar></nav-bar>
|
||||
<pedidos-body v-if="rol === 'barrio'"></pedidos-body>
|
||||
<admin-body v-if="rol === 'admin_barrio'"></admin-body>
|
||||
<comisiones-body v-if="rol === 'comision'"></comisiones-body>
|
||||
<info-tags></info-tags>
|
||||
<nav-bar/>
|
||||
<pedidos-body v-if="rol === 'barrio'"/>
|
||||
<admin-body v-else-if="rol === 'admin_barrio'"/>
|
||||
<comisiones-body v-else-if="rol === 'comision'"/>
|
||||
<info-tags/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<template>
|
||||
<div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
|
||||
<tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></tabs-secciones>
|
||||
<tabs-secciones :tabs="tabs" :tabInicial="tabActiva"/>
|
||||
<div class="block" id="pedidos-seccion"
|
||||
:class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
|
||||
<div class="block pb-6" id="pedidos-tabla-y-dropdown" v-if="hayPedidos">
|
||||
<dropdown-descargar></dropdown-descargar>
|
||||
<tabla-pedidos></tabla-pedidos>
|
||||
<dropdown-descargar/>
|
||||
<tabla-pedidos/>
|
||||
</div>
|
||||
<p class="has-text-centered" v-else>
|
||||
Todavía no hay ningún pedido para administrar.
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</div>
|
||||
<div class="block pb-6" id="caracteristicas-seccion"
|
||||
:class="seccionActiva === 'caracteristicas-seccion' ? 'is-active' : 'is-hidden'">
|
||||
<caracteristicas-opcionales></caracteristicas-opcionales>
|
||||
<caracteristicas-opcionales/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -29,8 +29,8 @@ export default {
|
|||
<fila-caracteristica
|
||||
v-for="(c,i) in caracteristicas"
|
||||
:key="i"
|
||||
:caracteristica="c">
|
||||
</fila-caracteristica>
|
||||
:caracteristica="c"
|
||||
/>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@
|
|||
<fila-pedido
|
||||
v-for="pedido in pedidos"
|
||||
:pedido_id="pedido.id"
|
||||
:key="pedido.id">
|
||||
</fila-pedido>
|
||||
:key="pedido.id"
|
||||
/>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="table is-striped is-bordered">
|
||||
|
|
|
|||
|
|
@ -4,8 +4,7 @@
|
|||
<div class="block pb-6" id="pedidos-comisiones-seccion"
|
||||
:class="seccionActiva === 'pedidos-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
||||
<div class="block" id="pedidos-comisiones-tabla-y-dropdown">
|
||||
<dropdown-descargar>
|
||||
</dropdown-descargar>
|
||||
<dropdown-descargar/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block pb-6" id="canasta-comisiones-seccion"
|
||||
|
|
@ -37,7 +36,7 @@
|
|||
</div>
|
||||
</article>
|
||||
<div class="buttons is-right">
|
||||
<canasta-input></canasta-input>
|
||||
<canasta-input/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
<chismosa-dropdown
|
||||
v-if="pedidoDefinido"
|
||||
class="hide-above-1023"
|
||||
ariaControls="mobile">
|
||||
</chismosa-dropdown>
|
||||
ariaControls="mobile"
|
||||
/>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@ export default {
|
|||
|
||||
<template>
|
||||
<div>
|
||||
<user-login v-if="urlRol === 'comisiones'"></user-login>
|
||||
<barrio-login v-else></barrio-login>
|
||||
<user-login v-if="urlRol === 'comisiones'"/>
|
||||
<barrio-login v-else/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ export default {
|
|||
</div>
|
||||
</div>
|
||||
<div class="column is-2 is-hidden-mobile">
|
||||
<login-dropdown></login-dropdown>
|
||||
<login-dropdown/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -17,8 +17,8 @@ export default defineComponent({
|
|||
|
||||
<template>
|
||||
<div class="block">
|
||||
<region-select></region-select>
|
||||
<barrio-select></barrio-select>
|
||||
<region-select/>
|
||||
<barrio-select/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@ export default defineComponent({
|
|||
|
||||
<template>
|
||||
<div class="block">
|
||||
<user-input></user-input>
|
||||
<password-input></password-input>
|
||||
<user-input/>
|
||||
<password-input/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<password-input v-if="grupo_de_compra_elegido"></password-input>
|
||||
<password-input v-if="grupo_de_compra_elegido"/>
|
||||
<input readonly v-model="nombre" type="hidden" name="name">
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -23,9 +23,9 @@ export default defineComponent({
|
|||
|
||||
<template>
|
||||
<div class="columns ml-3 mr-3" v-else>
|
||||
<categorias-container :class="show_chismosa ? 'hide-below-1024' : ''"></categorias-container>
|
||||
<productos-container :class="show_chismosa ? 'hide-below-1024' : ''"></productos-container>
|
||||
<devoluciones-modal v-show="show_devoluciones"></devoluciones-modal>
|
||||
<categorias-container :class="show_chismosa ? 'hide-below-1024' : ''"/>
|
||||
<productos-container :class="show_chismosa ? 'hide-below-1024' : ''"/>
|
||||
<devoluciones-modal v-show="show_devoluciones"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
</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"/>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="has-text-centered" v-show="!mostrar_tabla">
|
||||
|
|
|
|||
|
|
@ -3,8 +3,10 @@
|
|||
aria-label="breadcrumbs" v-show="visible">
|
||||
<ul class="mt-4">
|
||||
<li v-for="(miga, i) in migas" :key="i" :class="{'is-active': i === migaActiva}">
|
||||
<a @click="clickMiga({ miga: miga })" v-text="miga.nombre"
|
||||
:class="{'has-text-danger': i !== migaActiva}"></a>
|
||||
<a @click="clickMiga({ miga: miga })"
|
||||
v-text="miga.nombre"
|
||||
:class="{'has-text-danger': i !== migaActiva}">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -54,8 +54,8 @@ export default {
|
|||
<producto-cantidad
|
||||
v-if="!aprobado"
|
||||
:producto_id="producto.id"
|
||||
:requiere_notas="producto.requiere_notas">
|
||||
</producto-cantidad>
|
||||
:requiere_notas="producto.requiere_notas"
|
||||
/>
|
||||
<div class="has-text-centered mt-2" v-if="fuePedido && aprobado">
|
||||
<p class="subtitle is-7">{{ cantidadEnChismosa }} en chismosa</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
<td class="has-text-right">
|
||||
<producto-cantidad
|
||||
:producto_id="producto.id"
|
||||
:requiere_notas="producto.requiere_notas">
|
||||
</producto-cantidad>
|
||||
:requiere_notas="producto.requiere_notas"
|
||||
/>
|
||||
</td>
|
||||
<td class="has-text-right">{{ `${cantidad(producto.id) * producto.precio}` }}</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -6,9 +6,7 @@
|
|||
<div v-for="(producto,i) in this.productos"
|
||||
class="block column is-full-mobile is-half-tablet is-one-quarter-fullhd"
|
||||
:class="show_chismosa ? 'is-half-desktop' : 'is-one-third-desktop'">
|
||||
<producto-card :key="i"
|
||||
:producto="producto">
|
||||
</producto-card>
|
||||
<producto-card :key="i" :producto="producto"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue