listo menu final

This commit is contained in:
xXpuma99Xx 2022-07-29 02:12:18 -05:00
parent 41bda9a01b
commit db82b70b70
17 changed files with 319 additions and 476 deletions

View File

@ -1,77 +0,0 @@
<template>
<b-menu-item
icon="account-plus"
v-if="idTipoUsuario === 2 || idTipoUsuario === 3"
>
<template #label="props">
Administrador
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<Modulos :idTipoUsuario="idTipoUsuario" :opcionMenu="opcionMenu" />
<b-menu-item
label="Carga masiva equipos"
:disabled="
$funcionesGlobales.activo('/admin/administrador/carga_masiva_equipos')
"
:icon="
$funcionesGlobales.icono('/admin/administrador/carga_masiva_equipos')
"
@click="opcionMenu('/admin/administrador/carga_masiva_equipos')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Carga Masiva Usuarios"
:disabled="
$funcionesGlobales.activo('/admin/administrador/carga_masiva_usuarios')
"
:icon="
$funcionesGlobales.icono('/admin/administrador/carga_masiva_usuarios')
"
@click="opcionMenu('/admin/administrador/carga_masiva_usuarios')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Operadores"
:disabled="$funcionesGlobales.activo('/admin/administrador/operadores')"
:icon="$funcionesGlobales.icono('/admin/administrador/operadores')"
@click="opcionMenu('/admin/administrador/operadores')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Administradores"
:disabled="$funcionesGlobales.activo('/admin/administrador/admins')"
:icon="$funcionesGlobales.icono('/admin/administrador/admins')"
@click="opcionMenu('/admin/administrador/admins')"
v-if="idTipoUsuario === 2"
/>
<!-- <b-menu-item
label="Reportes"
:disabled="$funcionesGlobales.activo('/admin/administrador/reportes')"
:icon="$funcionesGlobales.icono('/admin/administrador/reportes')"
@click="opcionMenu('/admin/administrador/reportes')"
/> -->
</b-menu-item>
</template>
<script>
import Modulos from '@/components/layouts/Modulos.vue'
export default {
components: { Modulos },
props: {
idTipoUsuario: { type: Number, required: true },
opcionMenu: { type: Function, required: true },
},
}
</script>
<style scoped></style>

View File

@ -1,45 +0,0 @@
<template>
<b-menu-item
icon="cart-outline"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Carritos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar carrito"
:icon="$funcionesGlobales.icono('/operador/carritos/buscar_carrito')"
:disabled="$funcionesGlobales.activo('/operador/carritos/buscar_carrito')"
@click="opcionMenu('/operador/carritos/buscar_carrito')"
/>
<!-- :icon="$funcionesGlobales.icono('/carritos/buscar_carrito')"
:disabled="$funcionesGlobales.activo('/carritos/buscar_carrito')"
@click="opcionMenu('/carritos/buscar_carrito')" -->
<b-menu-item
label="Todos los carritos"
:icon="$funcionesGlobales.icono('/operador/carritos/todos_carritos')"
:disabled="$funcionesGlobales.activo('/operador/carritos/todos_carritos')"
@click="opcionMenu('/operador/carritos/todos_carritos')"
/>
<!-- :icon="$funcionesGlobales.icono('/carritos/todos_carritos')"
:disabled="$funcionesGlobales.activo('/carritos/todos_carritos')"
@click="opcionMenu('/carritos/todos_carritos')" -->
</b-menu-item>
</template>
<script>
export default {
props: {
idTipoUsuario: { type: Number, required: true },
opcionMenu: { type: Function, required: true },
},
}
</script>
<style scoped></style>

View File

@ -1,114 +0,0 @@
<template>
<b-menu-item icon="cog" v-if="idTipoUsuario === 2 || idTipoUsuario === 3">
<template #label="props">
Configuración
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<Instituciones :idTipoUsuario="idTipoUsuario" :opcionMenu="opcionMenu" />
<b-menu-item
label="Horario de servicio"
:icon="$funcionesGlobales.icono('/admin/configuracion/institucion-dia')"
:disabled="
$funcionesGlobales.activo('/admin/configuracion/institucion-dia')
"
@click="opcionMenu('/admin/configuracion/institucion-dia')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Infracciones"
:icon="
$funcionesGlobales.icono('/admin/configuracion/institucion-infraccion')
"
:disabled="
$funcionesGlobales.activo('/admin/configuracion/institucion-infraccion')
"
@click="opcionMenu('/admin/configuracion/institucion-infraccion')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Software"
:icon="
$funcionesGlobales.icono('/admin/configuracion/institucion-programa')
"
:disabled="
$funcionesGlobales.activo('/admin/configuracion/institucion-programa')
"
@click="opcionMenu('/admin/configuracion/institucion-programa')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Tipos de Conectores"
:icon="
$funcionesGlobales.icono(
'/admin/configuracion/institucion-tipo-entrada'
)
"
:disabled="
$funcionesGlobales.activo(
'/admin/configuracion/institucion-tipo-entrada'
)
"
@click="opcionMenu('/admin/configuracion/institucion-tipo-entrada')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Tipos de Carrito"
:icon="
$funcionesGlobales.icono(
'/admin/configuracion/institucion-tipo-carrito'
)
"
:disabled="
$funcionesGlobales.activo(
'/admin/configuracion/institucion-tipo-carrito'
)
"
@click="opcionMenu('/admin/configuracion/institucion-tipo-carrito')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Carreras y Software"
:icon="$funcionesGlobales.icono('/admin/configuracion/carrera_programa')"
:disabled="
$funcionesGlobales.activo('/admin/configuracion/carrera_programa')
"
@click="opcionMenu('/admin/configuracion/carrera_programa')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Nuevas opciones"
:icon="
$funcionesGlobales.icono('/admin/configuracion/crear_nuevas_opciones')
"
:disabled="
$funcionesGlobales.activo('/admin/configuracion/crear_nuevas_opciones')
"
@click="opcionMenu('/admin/configuracion/crear_nuevas_opciones')"
v-if="idTipoUsuario === 2"
/>
</b-menu-item>
</template>
<script>
import Instituciones from '@/components/layouts/Instituciones'
export default {
components: { Instituciones },
props: {
idTipoUsuario: { type: Number, required: true },
opcionMenu: { type: Function, required: true },
},
}
</script>
<style scoped></style>

View File

@ -1,45 +0,0 @@
<template>
<b-menu-item
icon="cellphone-link"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Equipos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar equipo"
:icon="$funcionesGlobales.icono('/operador/equipos/buscar_equipo')"
:disabled="$funcionesGlobales.activo('/operador/equipos/buscar_equipo')"
@click="opcionMenu('/operador/equipos/buscar_equipo')"
/>
<!-- :icon="$funcionesGlobales.icono('/equipos/buscar_equipo')"
:disabled="$funcionesGlobales.activo('/equipos/buscar_equipo')"
@click="opcionMenu('/equipos/buscar_equipo')" -->
<b-menu-item
label="Todos los equipos"
:icon="$funcionesGlobales.icono('/operador/equipos/todos_equipos')"
:disabled="$funcionesGlobales.activo('/operador/equipos/todos_equipos')"
@click="opcionMenu('/operador/equipos/todos_equipos')"
/>
<!-- :icon="$funcionesGlobales.icono('/equipos/todos_equipos')"
:disabled="$funcionesGlobales.activo('/equipos/todos_equipos')"
@click="opcionMenu('/equipos/todos_equipos')" -->
</b-menu-item>
</template>
<script>
export default {
props: {
idTipoUsuario: { type: Number, required: true },
opcionMenu: { type: Function, required: true },
},
}
</script>
<style scoped></style>

View File

@ -1,57 +0,0 @@
<template>
<b-menu-item icon="home">
<template #label="props">
Instituciones
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
:label="`Configurar ${
idTipoUsuario === 3 ? 'Institución' : 'Instituciones'
}`"
:icon="
$funcionesGlobales.icono(
'/admin/configuracion/instituciones/buscar_institucion'
)
"
:disabled="
$funcionesGlobales.activo(
'/admin/configuracion/instituciones/buscar_institucion'
)
"
@click="
opcionMenu('/admin/configuracion/instituciones/buscar_institucion')
"
/>
<b-menu-item
label="Responsables"
:icon="
$funcionesGlobales.icono(
'/admin/configuracion/instituciones/responsables'
)
"
:disabled="
$funcionesGlobales.activo(
'/admin/configuracion/instituciones/responsables'
)
"
@click="opcionMenu('/admin/configuracion/instituciones/responsables')"
v-if="idTipoUsuario === 2"
/>
</b-menu-item>
</template>
<script>
export default {
props: {
idTipoUsuario: { type: Number, required: true },
opcionMenu: { type: Function, required: true },
},
}
</script>
<style scoped></style>

View File

@ -37,30 +37,329 @@
/>
</b-menu-list>
<Usuarios
:idTipoUsuario="idTipoUsuario"
:opcionMenu="opcionMenu"
/>
<b-menu-item icon="account-multiple" v-if="idTipoUsuario === 3">
<template #label="props">
Usuarios
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<Equipos
:idTipoUsuario="idTipoUsuario"
:opcionMenu="opcionMenu"
/>
<b-menu-item
label="Buscar usuario"
:icon="icono('/usuarios/buscar_usuario')"
:disabled="activo('/usuarios/buscar_usuario')"
@click="opcionMenu('/usuarios/buscar_usuario')"
/>
<Carritos
:idTipoUsuario="idTipoUsuario"
:opcionMenu="opcionMenu"
/>
<b-menu-item
label="Todos los usuarios"
:icon="icono('/usuarios/todos_usuarios')"
:disabled="activo('/usuarios/todos_usuarios')"
@click="opcionMenu('/usuarios/todos_usuarios')"
/>
<Administrador
:idTipoUsuario="idTipoUsuario"
:opcionMenu="opcionMenu"
/>
<b-menu-item
label="Multa del usuario"
:icon="icono('/usuarios/multas_usuario')"
:disabled="activo('/usuarios/multas_usuario')"
@click="opcionMenu('/usuarios/multas_usuario')"
/>
</b-menu-item>
<Configuracion
:idTipoUsuario="idTipoUsuario"
:opcionMenu="opcionMenu"
/>
<b-menu-item
icon="cellphone-link"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Equipos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar equipo"
:icon="icono('/equipos/buscar_equipo')"
:disabled="activo('/equipos/buscar_equipo')"
@click="opcionMenu('/equipos/buscar_equipo')"
/>
<b-menu-item
label="Todos los equipos"
:icon="icono('/equipos/todos_equipos')"
:disabled="activo('/equipos/todos_equipos')"
@click="opcionMenu('/equipos/todos_equipos')"
/>
</b-menu-item>
<b-menu-item
icon="cart-outline"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Carritos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar carrito"
:icon="icono('/carritos/buscar_carrito')"
:disabled="activo('/carritos/buscar_carrito')"
@click="opcionMenu('/carritos/buscar_carrito')"
/>
<b-menu-item
label="Todos los carritos"
:icon="icono('/carritos/todos_carritos')"
:disabled="activo('/carritos/todos_carritos')"
@click="opcionMenu('/carritos/todos_carritos')"
/>
</b-menu-item>
<b-menu-item
icon="account-plus"
v-if="idTipoUsuario === 2 || idTipoUsuario === 3"
>
<template #label="props">
Administrador
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Administradores"
:disabled="activo('/admin/administrador/admins')"
:icon="icono('/admin/administrador/admins')"
@click="opcionMenu('/admin/administrador/admins')"
v-if="idTipoUsuario === 2"
/>
<b-menu-item
label="Operadores"
:disabled="activo('/admin/administrador/operadores')"
:icon="icono('/admin/administrador/operadores')"
@click="opcionMenu('/admin/administrador/operadores')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
icon="storefront-outline"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Modulos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar modulo"
:icon="
icono(
'/admin/administrador/modulos/buscar_modulo/buscar_modulo'
)
"
:disabled="
activo(
'/admin/administrador/modulos/buscar_modulo/buscar_modulo'
)
"
@click="
opcionMenu(
'/admin/administrador/modulos/buscar_modulo/buscar_modulo'
)
"
/>
<b-menu-item
label="Todos los modulos"
:icon="icono('/admin/administrador/modulos/todos_modulos')"
:disabled="
activo('/admin/administrador/modulos/todos_modulos')
"
@click="
opcionMenu('/admin/administrador/modulos/todos_modulos')
"
/>
</b-menu-item>
<b-menu-item
label="Carga masiva equipos"
:disabled="
activo('/admin/administrador/carga_masiva_equipos')
"
:icon="icono('/admin/administrador/carga_masiva_equipos')"
@click="
opcionMenu('/admin/administrador/carga_masiva_equipos')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Carga Masiva Usuarios"
:disabled="
activo('/admin/administrador/carga_masiva_usuarios')
"
:icon="icono('/admin/administrador/carga_masiva_usuarios')"
@click="
opcionMenu('/admin/administrador/carga_masiva_usuarios')
"
v-if="idTipoUsuario === 3"
/>
<!-- <b-menu-item
label="Reportes"
:disabled="activo('/admin/administrador/reportes')"
:icon="icono('/admin/administrador/reportes')"
@click="opcionMenu('/admin/administrador/reportes')"
/> -->
</b-menu-item>
<b-menu-item
icon="cog"
v-if="idTipoUsuario === 2 || idTipoUsuario === 3"
>
<template #label="props">
Configuración
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item icon="home">
<template #label="props">
Instituciones
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
:label="`Configurar ${
idTipoUsuario === 3 ? 'Institución' : 'Instituciones'
}`"
:icon="
icono(
'/admin/configuracion/instituciones/buscar_institucion'
)
"
:disabled="
activo(
'/admin/configuracion/instituciones/buscar_institucion'
)
"
@click="
opcionMenu(
'/admin/configuracion/instituciones/buscar_institucion'
)
"
/>
<b-menu-item
label="Responsables"
:icon="
icono('/admin/configuracion/instituciones/responsables')
"
:disabled="
activo('/admin/configuracion/instituciones/responsables')
"
@click="
opcionMenu(
'/admin/configuracion/instituciones/responsables'
)
"
v-if="idTipoUsuario === 2"
/>
</b-menu-item>
<b-menu-item
label="Horario de servicio"
:icon="icono('/admin/configuracion/institucion-dia')"
:disabled="activo('/admin/configuracion/institucion-dia')"
@click="opcionMenu('/admin/configuracion/institucion-dia')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Infracciones"
:icon="icono('/admin/configuracion/institucion-infraccion')"
:disabled="
activo('/admin/configuracion/institucion-infraccion')
"
@click="
opcionMenu('/admin/configuracion/institucion-infraccion')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Software"
:icon="icono('/admin/configuracion/institucion-programa')"
:disabled="
activo('/admin/configuracion/institucion-programa')
"
@click="
opcionMenu('/admin/configuracion/institucion-programa')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Tipos de Conectores"
:icon="icono('/admin/configuracion/institucion-tipo-entrada')"
:disabled="
activo('/admin/configuracion/institucion-tipo-entrada')
"
@click="
opcionMenu('/admin/configuracion/institucion-tipo-entrada')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Tipos de Carrito"
:icon="icono('/admin/configuracion/institucion-tipo-carrito')"
:disabled="
activo('/admin/configuracion/institucion-tipo-carrito')
"
@click="
opcionMenu('/admin/configuracion/institucion-tipo-carrito')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Carreras y Software"
:icon="icono('/admin/configuracion/carrera_programa')"
:disabled="activo('/admin/configuracion/carrera_programa')"
@click="opcionMenu('/admin/configuracion/carrera_programa')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Nuevas opciones"
:icon="icono('/admin/configuracion/crear_nuevas_opciones')"
:disabled="
activo('/admin/configuracion/crear_nuevas_opciones')
"
@click="
opcionMenu('/admin/configuracion/crear_nuevas_opciones')
"
v-if="idTipoUsuario === 2"
/>
</b-menu-item>
</b-menu-list>
<b-menu-list label="Acciones">
@ -74,20 +373,7 @@
</template>
<script>
import Administrador from '@/components/layouts/Administrador'
import Carritos from '@/components/layouts/Carritos'
import Configuracion from '@/components/layouts/Configuracion'
import Equipos from '@/components/layouts/Equipos'
import Usuarios from '@/components/layouts/Usuarios'
export default {
components: {
Administrador,
Carritos,
Configuracion,
Equipos,
Usuarios,
},
data() {
return {
open: false,

View File

@ -1,53 +0,0 @@
<template>
<b-menu-item
icon="storefront-outline"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Modulos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar modulo"
:icon="
$funcionesGlobales.icono(
'/admin/administrador/modulos/buscar_modulo/buscar_modulo'
)
"
:disabled="
$funcionesGlobales.activo(
'/admin/administrador/modulos/buscar_modulo/buscar_modulo'
)
"
@click="
opcionMenu('/admin/administrador/modulos/buscar_modulo/buscar_modulo')
"
/>
<b-menu-item
label="Todos los modulos"
:icon="
$funcionesGlobales.icono('/admin/administrador/modulos/todos_modulos')
"
:disabled="
$funcionesGlobales.activo('/admin/administrador/modulos/todos_modulos')
"
@click="opcionMenu('/admin/administrador/modulos/todos_modulos')"
/>
</b-menu-item>
</template>
<script>
export default {
props: {
idTipoUsuario: { type: Number, required: true },
opcionMenu: { type: Function, required: true },
},
}
</script>
<style scoped></style>

View File

@ -1,52 +0,0 @@
<template>
<b-menu-item icon="account-multiple" v-if="idTipoUsuario === 3">
<template #label="props">
Usuarios
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar usuario"
:icon="$funcionesGlobales.icono('/operador/usuarios/buscar_usuario')"
:disabled="$funcionesGlobales.activo('/operador/usuarios/buscar_usuario')"
@click="opcionMenu('/operador/usuarios/buscar_usuario')"
/>
<!-- :icon="$funcionesGlobales.icono('/usuarios/buscar_usuario')"
:disabled="$funcionesGlobales.activo('/usuarios/buscar_usuario')"
@click="opcionMenu('/usuarios/buscar_usuario')" -->
<b-menu-item
label="Todos los usuarios"
:icon="$funcionesGlobales.icono('/operador/usuarios/todos_usuarios')"
:disabled="$funcionesGlobales.activo('/operador/usuarios/todos_usuarios')"
@click="opcionMenu('/operador/usuarios/todos_usuarios')"
/>
<!-- :icon="$funcionesGlobales.icono('/usuarios/todos_usuarios')"
:disabled="$funcionesGlobales.activo('/usuarios/todos_usuarios')"
@click="opcionMenu('/usuarios/todos_usuarios')" -->
<b-menu-item
label="Multa del usuario"
:icon="$funcionesGlobales.icono('/operador/usuarios/multas_usuario')"
:disabled="$funcionesGlobales.activo('/operador/usuarios/multas_usuario')"
@click="opcionMenu('/operador/usuarios/multas_usuario')"
/>
<!-- :icon="$funcionesGlobales.icono('/usuarios/multas_usuario')"
:disabled="$funcionesGlobales.activo('/usuarios/multas_usuario')"
@click="opcionMenu('/usuarios/multas_usuario')" -->
</b-menu-item>
</template>
<script>
export default {
props: {
idTipoUsuario: { type: Number, required: true },
opcionMenu: { type: Function, required: true },
},
}
</script>
<style scoped></style>