src/i18n/locale/en.yml

@@ -1117,6 +1117,10 @@ item:
     pageTitles:
         items: Items
         list: List
+monitor:
+    pageTitles:
+        monitors: Monitors
+        list: List
         diary: Diary
         tags: Tags
         fixedPrice: Fixed prices

src/i18n/locale/es.yml

@@ -1116,6 +1116,10 @@ item:
     pageTitles:
         items: Artículos
         list: Listado
+monitor:
+    pageTitles:
+        monitors: Monitores
+        list: Listado
         diary: Histórico
         tags: Etiquetas
         fixedPrice: Precios fijados

src/router/modules/index.js

@@ -15,6 +15,7 @@ import Department from './department';
 import Entry from './entry';
 import roadmap from './roadmap';
 import Parking from './parking';
+import Monitor from './monitor';
 
 export default [
     Item,
@@ -34,4 +35,5 @@ export default [
     Entry,
     roadmap,
     Parking,
+    Monitor,
 ];

src/router/modules/monitor.js

@@ -0,0 +1,100 @@
+import { RouterView } from 'vue-router';
+
+export default {
+    path: '/monitor',
+    name: 'Monitor',
+    meta: {
+        title: 'monitors',
+        icon: 'grid_view',
+        moduleName: 'Monitor',
+    },
+    component: RouterView,
+    redirect: { name: 'MonitorMain' },
+    menus: {
+        main: ['MonitorList', 'MonitorTypeList', 'MonitorCounter'],
+        card: [],
+    },
+    children: [
+        {
+            path: '/monitor',
+            name: 'MonitorMain',
+            component: () => import('src/pages/Monitor/MonitorMain.vue'),
+            redirect: { name: 'MonitorList' },
+            children: [
+                {
+                    path: 'list',
+                    name: 'MonitorList',
+                    meta: {
+                        title: 'monitorsList',
+                        icon: 'vn:grid_view',
+                    },
+                    component: () => import('src/pages/Monitor/MonitorList.vue'),
+                },
+                {
+                    path: 'create',
+                    name: 'MonitorCreate',
+                    meta: {
+                        title: 'monitorCreate',
+                        icon: 'create',
+                    },
+                    component: () => import('src/pages/Monitor/MonitorCreate.vue'),
+                },
+                {
+                    path: ':id/edit',
+                    name: 'MonitorEdit',
+                    meta: {
+                        title: 'monitorEdit',
+                        icon: 'edit',
+                    },
+                    component: () => import('src/pages/Monitor/MonitorCreate.vue'),
+                },
+                {
+                    path: 'counter',
+                    name: 'MonitorCounter',
+                    meta: {
+                        title: 'monitorCounter',
+                        icon: 'add_circle',
+                    },
+                    component: () => import('src/pages/Monitor/MonitorCounter.vue'),
+                },
+            ],
+        },
+        {
+            path: '/monitor/type',
+            name: 'MonitorTypeMain',
+            component: () => import('src/pages/Monitor/MonitorMain.vue'),
+            redirect: { name: 'MonitorTypeList' },
+            children: [
+                {
+                    path: 'list',
+                    name: 'MonitorTypeList',
+                    meta: {
+                        title: 'typesList',
+                        icon: 'view_list',
+                    },
+                    component: () => import('src/pages/Monitor/Type/MonitorTypeList.vue'),
+                },
+                {
+                    path: 'create',
+                    name: 'MonitorTypeCreate',
+                    meta: {
+                        title: 'typeCreate',
+                        icon: 'create',
+                    },
+                    component: () =>
+                        import('src/pages/Monitor/Type/MonitorTypeCreate.vue'),
+                },
+                {
+                    path: ':id/edit',
+                    name: 'MonitorTypeEdit',
+                    meta: {
+                        title: 'typeEdit',
+                        icon: 'edit',
+                    },
+                    component: () =>
+                        import('src/pages/Monitor/Type/MonitorTypeCreate.vue'),
+                },
+            ],
+        },
+    ],
+};

src/router/routes.js

@@ -10,11 +10,12 @@ import supplier from './modules/Supplier';
 import route from './modules/route';
 import travel from './modules/travel';
 import department from './modules/department';
-import shelving from 'src/router/modules/shelving';
-import order from 'src/router/modules/order';
-import entry from 'src/router/modules/entry';
-import roadmap from 'src/router/modules/roadmap';
-import parking from 'src/router/modules/parking';
+import shelving from './modules/shelving';
+import order from './modules/order';
+import entry from './modules/entry';
+import roadmap from './modules/roadmap';
+import parking from './modules/parking';
+import monitor from './modules/monitor';
 
 const routes = [
     {
@@ -71,6 +72,7 @@ const routes = [
             roadmap,
             entry,
             parking,
+            monitor,
             {
                 path: '/:catchAll(.*)*',
                 name: 'NotFound',

src/stores/useNavigationStore.js

@@ -21,6 +21,7 @@ export const useNavigationStore = defineStore('navigationStore', () => {
         'ticket',
         'worker',
         'wagon',
+        'monitor',
     ];
     const pinnedModules = ref([]);
     const role = useRole();