Refactor de componentes de pantalla de admin

This commit is contained in:
Alejandro Tasistro 2024-08-30 01:33:47 -03:00
parent 12b77de018
commit 003cb86ec0
12 changed files with 31 additions and 58 deletions

View File

@ -1,15 +1,15 @@
<template> <template>
<div class="container is-max-widescreen is-max-desktop"> <div class="container is-max-widescreen is-max-desktop">
<pedidos-admin-tabs-secciones></pedidos-admin-tabs-secciones> <admin-tabs-secciones></admin-tabs-secciones>
<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-show="hayPedidos"> <div class="block pb-6" id="pedidos-tabla-y-dropdown" v-show="hayPedidos">
<pedidos-admin-dropdown-descargar <admin-dropdown-descargar
:gdc="gdc"> :gdc="gdc">
</pedidos-admin-dropdown-descargar> </admin-dropdown-descargar>
<pedidos-admin-tabla-pedidos <admin-tabla-pedidos
:pedidos="pedidos" :bonosDeTransporte="bonosDeTransporte" :totalBonosBarriales="totalBonosBarriales"> :pedidos="pedidos" :bonosDeTransporte="bonosDeTransporte" :totalBonosBarriales="totalBonosBarriales">
</pedidos-admin-tabla-pedidos> </admin-tabla-pedidos>
</div> </div>
<p class="has-text-centered" v-show="!hayPedidos"> <p class="has-text-centered" v-show="!hayPedidos">
Todavía no hay ningún pedido para administrar. Todavía no hay ningún pedido para administrar.
@ -17,35 +17,34 @@
</div> </div>
<div class="block pb-6" id="bonos-seccion" <div class="block pb-6" id="bonos-seccion"
:class="seccionActiva === 'bonos-seccion' ? 'is-active' : 'is-hidden'"> :class="seccionActiva === 'bonos-seccion' ? 'is-active' : 'is-hidden'">
<pedidos-admin-tabla-bonos v-show="hayAprobados" <admin-tabla-bonos v-show="hayAprobados"
:pedidos="pedidos"> :pedidos="pedidos">
</pedidos-admin-tabla-bonos> </admin-tabla-bonos>
<p class="has-text-centered" v-show="!hayAprobados"> <p class="has-text-centered" v-show="!hayAprobados">
Todavía no hay pedidos aprobados. Todavía no hay pedidos aprobados.
</p> </p>
</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'">
<pedidos-admin-caracteristicas-opcionales> <admin-caracteristicas-opcionales>
</pedidos-admin-caracteristicas-opcionales> </admin-caracteristicas-opcionales>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import PedidosAdminTabsSecciones from './PedidosAdminTabsSecciones.vue'; import CaracteristicasOpcionales from "./CaracteristicasOpcionales.vue";
import PedidosAdminDropdownDescargar from "./PedidosAdminDropdownDescargar.vue"; import TabsSecciones from "./TabsSecciones.vue";
import PedidosAdminTablaBonos from './PedidosAdminTablaBonos.vue'; import DropdownDescargar from "./DropdownDescargar.vue";
import PedidosAdminTablaPedidos from "./PedidosAdminTablaPedidos.vue"; import TablaPedidos from "./TablaPedidos.vue";
import PedidosAdminCaracteristicasOpcionales from "./PedidosAdminCaracteristicasOpcionales.vue"; import TablaBonos from "./TablaBonos.vue";
export default { export default {
name: "PedidosAdminBody",
components: { components: {
PedidosAdminCaracteristicasOpcionales, CaracteristicasOpcionales,
PedidosAdminTabsSecciones, TabsSecciones,
PedidosAdminDropdownDescargar, DropdownDescargar,
PedidosAdminTablaPedidos, TablaPedidos,
PedidosAdminTablaBonos, TablaBonos,
}, },
data() { data() {
return { return {

View File

@ -10,10 +10,3 @@
</a> </a>
</div> </div>
</template> </template>
<script>
</script>
<style scoped>
</style>

View File

@ -1,10 +1,8 @@
<script> <script>
import axios from "axios"; import FilaCaracteristica from "./FilaCaracteristica.vue";
import PedidosAdminFilaCaracteristica from "./PedidosAdminFilaCaracteristica.vue";
export default { export default {
name: "PedidosAdminCaracteristicasOpcionales", components: { FilaCaracteristica },
components: {PedidosAdminFilaCaracteristica},
data() { data() {
return { return {
caracteristicas: [ caracteristicas: [
@ -21,7 +19,6 @@ export default {
<template> <template>
<div class="block"> <div class="block">
<table class="table is-fullwidth is-striped is-bordered"> <table class="table is-fullwidth is-striped is-bordered">
<thead> <thead>
<tr> <tr>
@ -30,11 +27,11 @@ export default {
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<pedidos-admin-fila-caracteristica <admin-fila-caracteristica
v-for="(c,i) in caracteristicas" v-for="(c,i) in caracteristicas"
:key="i" :key="i"
:caracteristica="c"> :caracteristica="c">
</pedidos-admin-fila-caracteristica> </admin-fila-caracteristica>
</tbody> </tbody>
</table> </table>
</div> </div>

View File

@ -31,7 +31,6 @@
<script> <script>
export default { export default {
name: "PedidosAdminDropdownDescargar",
props: { props: {
gdc: { gdc: {
type: Number, type: Number,

View File

@ -2,7 +2,6 @@
import axios from "axios"; import axios from "axios";
export default { export default {
name: "PedidosAdminFilaCaracteristica",
props: { props: {
caracteristica: Object caracteristica: Object
}, },

View File

@ -13,11 +13,10 @@
</template> </template>
<script> <script>
import PedidosAdminSwitchAprobacion from './PedidosAdminSwitchAprobacion.vue'; import SwitchAprobacion from "./SwitchAprobacion.vue";
export default { export default {
name: "PedidosAdminFilaPedido",
components: { components: {
PedidosAdminSwitchAprobacion SwitchAprobacion
}, },
props: { props: {
pedido: Object pedido: Object

View File

@ -24,7 +24,6 @@
<script> <script>
export default { export default {
name: "LoginAdmin",
data() { data() {
return { return {
visible: false, visible: false,

View File

@ -12,7 +12,6 @@
<script> <script>
export default { export default {
name: "PedidosAdminSwitchAprobacion",
props: { props: {
pedido: Object pedido: Object
}, },

View File

@ -39,7 +39,6 @@
<script> <script>
export default { export default {
name: "PedidosAdminTablaBonos",
props: { props: {
pedidos: { pedidos: {
type: Array, type: Array,

View File

@ -46,11 +46,10 @@
</template> </template>
<script> <script>
import PedidosAdminFilaPedidoVue from './PedidosAdminFilaPedido.vue'; import FilaPedido from "./FilaPedido.vue";
export default { export default {
name: "PedidosAdminTablaPedidos",
components: { components: {
PedidosAdminFilaPedidoVue FilaPedido
}, },
props: { props: {
pedidos: { pedidos: {

View File

@ -19,7 +19,6 @@
<script> <script>
export default { export default {
name: "PedidosAdminTabsSecciones",
data() { data() {
return { return {
tabActiva: "pedidos", tabActiva: "pedidos",
@ -49,7 +48,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import 'bulma'; @import '../../../../node_modules/bulma';
hr { hr {
border: none; border: none;
height: 1px; height: 1px;

View File

@ -1,13 +1,5 @@
@extends('layouts.app') @extends('layouts.app')
@section('content') @section('content')
<pedidos-admin-body></pedidos-admin-body> <admin-body></admin-body>
@endsection @endsection
<script>
import PedidosAdminBody from "../../js/components/PedidosAdminBody.vue";
export default {
components: {
PedidosAdminBody
}
}
</script>