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