Tags de componentes simplificadas

This commit is contained in:
Alejandro Tasistro 2025-06-16 18:20:58 -03:00
parent 0173d7bd36
commit f26234c3bf
18 changed files with 41 additions and 42 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>