ordene el menu

components/layouts/Configuracion.vue

@@ -8,7 +8,7 @@
       />
     </template>
 
-    <Instituciones />
+    <Instituciones :idTipoUsuario="idTipoUsuario" :opcionMenu="opcionMenu" />
 
     <b-menu-item
       label="Horario de Servicio"

components/layouts/Menu.vue

@@ -37,86 +37,20 @@
                 />
               </b-menu-list>
 
-              <b-menu-item
+              <Equipos
-                icon="cellphone-link"
+                :idTipoUsuario="idTipoUsuario"
-                v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
+                :opcionMenu="opcionMenu"
-              >
+              />
-                <template #label="props">
-                  Equipos
-                  <b-icon
-                    class="is-pulled-right"
-                    :icon="props.expanded ? 'menu-down' : 'menu-up'"
-                  />
-                </template>
 
-                <b-menu-item
+              <Carritos
-                  label="Buscar equipo"
+                :idTipoUsuario="idTipoUsuario"
-                  :icon="icono('/operador/equipos/buscar_equipo')"
+                :opcionMenu="opcionMenu"
-                  :disabled="activo('/operador/equipos/buscar_equipo')"
+              />
-                  @click="opcionMenu('/operador/equipos/buscar_equipo')"
-                />
-                <b-menu-item
-                  label="Todos los equipos"
-                  :icon="icono('/operador/equipos/todos_equipos')"
-                  :disabled="activo('/operador/equipos/todos_equipos')"
-                  @click="opcionMenu('/operador/equipos/todos_equipos')"
-                />
-              </b-menu-item>
 
-              <b-menu-item
+              <Usuarios
-                icon="cart-outline"
+                :idTipoUsuario="idTipoUsuario"
-                v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
+                :opcionMenu="opcionMenu"
-              >
+              />
-                <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('/operador/carritos/buscar_carrito')"
-                  :disabled="activo('/operador/carritos/buscar_carrito')"
-                  @click="opcionMenu('/operador/carritos/buscar_carrito')"
-                />
-                <b-menu-item
-                  label="Todos los carritos"
-                  :icon="icono('/operador/carritos/todos_carritos')"
-                  :disabled="activo('/operador/carritos/todos_carritos')"
-                  @click="opcionMenu('/operador/carritos/todos_carritos')"
-                />
-              </b-menu-item>
-
-              <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="icono('/operador/usuarios/buscar_usuario')"
-                  :disabled="activo('/operador/usuarios/buscar_usuario')"
-                  @click="opcionMenu('/operador/usuarios/buscar_usuario')"
-                />
-                <b-menu-item
-                  label="Todos los usuarios"
-                  :icon="icono('/operador/usuarios/todos_usuarios')"
-                  :disabled="activo('/operador/usuarios/todos_usuarios')"
-                  @click="opcionMenu('/operador/usuarios/todos_usuarios')"
-                />
-                <b-menu-item
-                  label="Multa del usuario"
-                  :icon="icono('/operador/usuarios/multas_usuario')"
-                  :disabled="activo('/operador/usuarios/multas_usuario')"
-                  @click="opcionMenu('/operador/usuarios/multas_usuario')"
-                />
-              </b-menu-item>
 
               <!--Admin-->
 
@@ -125,121 +59,10 @@
                 :opcionMenu="opcionMenu"
               />
 
-              <b-menu-item
+              <Configuracion
-                icon="cog"
+                :idTipoUsuario="idTipoUsuario"
-                v-if="idTipoUsuario === 2 || idTipoUsuario === 3"
+                :opcionMenu="opcionMenu"
-              >
+              />
-                <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')"
-                    :disabled="activo('/admin/configuracion/instituciones')"
-                    @click="opcionMenu('/admin/configuracion/instituciones')"
-                  />
-
-                  <b-menu-item
-                    label="Responsables"
-                    :icon="icono('/admin/configuracion/responsables')"
-                    :disabled="activo('/admin/configuracion/responsables')"
-                    @click="opcionMenu('/admin/configuracion/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="Programas"
-                  :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 Entradas"
-                  :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 Programas"
-                  :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">
@@ -254,9 +77,18 @@
 
 <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 {