From a69235e4d4ca5297f43c0752dc3ebd4b34e15bd4 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Mon, 1 Jul 2024 07:39:35 +0200
Subject: [PATCH 1/6] fix: refs #7404 add e2e and fix route

---
 src/components/LeftMenuItem.vue               |   2 +-
 src/css/app.scss                              |   9 +-
 src/i18n/locale/en.yml                        |   1 +
 src/pages/{ => Route}/Agency/AgencyList.vue   |   1 +
 .../Agency/Card/AgencyBasicData.vue           |   0
 .../{ => Route}/Agency/Card/AgencyCard.vue    |   2 +-
 .../Agency/Card/AgencyDescriptor.vue          |   0
 .../{ => Route}/Agency/Card/AgencyLog.vue     |   0
 .../{ => Route}/Agency/Card/AgencyModes.vue   |   0
 .../{ => Route}/Agency/Card/AgencySummary.vue |   0
 .../Agency/Card/AgencyWorkcenter.vue          |   0
 src/pages/{ => Route}/Agency/locale/en.yml    |   0
 src/pages/{ => Route}/Agency/locale/es.yml    |   0
 src/router/modules/agency.js                  |  87 +-------------
 src/router/modules/route.js                   | 107 ++++++++++++++++--
 src/router/routes.js                          |   2 -
 .../agency/agencyWorkCenter.spec.js           |   2 -
 17 files changed, 108 insertions(+), 105 deletions(-)
 rename src/pages/{ => Route}/Agency/AgencyList.vue (98%)
 rename src/pages/{ => Route}/Agency/Card/AgencyBasicData.vue (100%)
 rename src/pages/{ => Route}/Agency/Card/AgencyCard.vue (82%)
 rename src/pages/{ => Route}/Agency/Card/AgencyDescriptor.vue (100%)
 rename src/pages/{ => Route}/Agency/Card/AgencyLog.vue (100%)
 rename src/pages/{ => Route}/Agency/Card/AgencyModes.vue (100%)
 rename src/pages/{ => Route}/Agency/Card/AgencySummary.vue (100%)
 rename src/pages/{ => Route}/Agency/Card/AgencyWorkcenter.vue (100%)
 rename src/pages/{ => Route}/Agency/locale/en.yml (100%)
 rename src/pages/{ => Route}/Agency/locale/es.yml (100%)
 rename test/cypress/integration/{ => route}/agency/agencyWorkCenter.spec.js (97%)

diff --git a/src/components/LeftMenuItem.vue b/src/components/LeftMenuItem.vue
index d12fb8428..f3f2315a3 100644
--- a/src/components/LeftMenuItem.vue
+++ b/src/components/LeftMenuItem.vue
@@ -21,7 +21,7 @@ const itemComputed = computed(() => {
 </script>
 <template>
     <QItem
-        active-class="bg-hover"
+        active-class="bg-vn-hover"
         class="min-height"
         :to="{ name: itemComputed.name }"
         clickable
diff --git a/src/css/app.scss b/src/css/app.scss
index f34b1358b..27ed65534 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -5,6 +5,7 @@
 body.body--light {
     --font-color: black;
     --vn-section-color: #e0e0e0;
+    --vn-section-hover-color: #b9b9b9;
     --vn-page-color: #ffffff;
     --vn-text-color: var(--font-color);
     --vn-label-color: #5f5f5f;
@@ -19,6 +20,7 @@ body.body--light {
 body.body--dark {
     --vn-page-color: #222;
     --vn-section-color: #3d3d3d;
+    --vn-section-hover-color: #747474;
     --vn-text-color: white;
     --vn-label-color: #a8a8a8;
     --vn-accent-color: #424242;
@@ -71,8 +73,9 @@ select:-webkit-autofill {
 .bg-vn-section-color {
     background-color: var(--vn-section-color);
 }
-.bg-hover {
-    background-color: #666666;
+
+.bg-vn-hover {
+    background-color: var(--vn-section-hover-color);
 }
 
 .color-vn-label {
@@ -183,8 +186,6 @@ select:-webkit-autofill {
     justify-content: center;
 }
 
-/* q-notification row items-stretch q-notification--standard bg-negative text-white */
-
 .q-card,
 .q-table,
 .q-table__bottom,
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index fbab06966..f1f18a89c 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -990,6 +990,7 @@ roadmap:
         stops: Stops
 route:
     pageTitles:
+        agency: Agency List
         routes: Routes
         cmrsList: CMRs list
         RouteList: List
diff --git a/src/pages/Agency/AgencyList.vue b/src/pages/Route/Agency/AgencyList.vue
similarity index 98%
rename from src/pages/Agency/AgencyList.vue
rename to src/pages/Route/Agency/AgencyList.vue
index ec6506ba0..de335738d 100644
--- a/src/pages/Agency/AgencyList.vue
+++ b/src/pages/Route/Agency/AgencyList.vue
@@ -33,6 +33,7 @@ function exprBuilder(param, value) {
                 url="Agencies"
                 order="name"
                 :expr-builder="exprBuilder"
+                auto-load
             >
                 <template #body="{ rows }">
                     <CardList
diff --git a/src/pages/Agency/Card/AgencyBasicData.vue b/src/pages/Route/Agency/Card/AgencyBasicData.vue
similarity index 100%
rename from src/pages/Agency/Card/AgencyBasicData.vue
rename to src/pages/Route/Agency/Card/AgencyBasicData.vue
diff --git a/src/pages/Agency/Card/AgencyCard.vue b/src/pages/Route/Agency/Card/AgencyCard.vue
similarity index 82%
rename from src/pages/Agency/Card/AgencyCard.vue
rename to src/pages/Route/Agency/Card/AgencyCard.vue
index 6b2296df3..e1eebabf7 100644
--- a/src/pages/Agency/Card/AgencyCard.vue
+++ b/src/pages/Route/Agency/Card/AgencyCard.vue
@@ -1,5 +1,5 @@
 <script setup>
-import AgencyDescriptor from 'pages/Agency/Card/AgencyDescriptor.vue';
+import AgencyDescriptor from 'pages/Route/Agency/Card/AgencyDescriptor.vue';
 import VnCard from 'components/common/VnCard.vue';
 </script>
 <template>
diff --git a/src/pages/Agency/Card/AgencyDescriptor.vue b/src/pages/Route/Agency/Card/AgencyDescriptor.vue
similarity index 100%
rename from src/pages/Agency/Card/AgencyDescriptor.vue
rename to src/pages/Route/Agency/Card/AgencyDescriptor.vue
diff --git a/src/pages/Agency/Card/AgencyLog.vue b/src/pages/Route/Agency/Card/AgencyLog.vue
similarity index 100%
rename from src/pages/Agency/Card/AgencyLog.vue
rename to src/pages/Route/Agency/Card/AgencyLog.vue
diff --git a/src/pages/Agency/Card/AgencyModes.vue b/src/pages/Route/Agency/Card/AgencyModes.vue
similarity index 100%
rename from src/pages/Agency/Card/AgencyModes.vue
rename to src/pages/Route/Agency/Card/AgencyModes.vue
diff --git a/src/pages/Agency/Card/AgencySummary.vue b/src/pages/Route/Agency/Card/AgencySummary.vue
similarity index 100%
rename from src/pages/Agency/Card/AgencySummary.vue
rename to src/pages/Route/Agency/Card/AgencySummary.vue
diff --git a/src/pages/Agency/Card/AgencyWorkcenter.vue b/src/pages/Route/Agency/Card/AgencyWorkcenter.vue
similarity index 100%
rename from src/pages/Agency/Card/AgencyWorkcenter.vue
rename to src/pages/Route/Agency/Card/AgencyWorkcenter.vue
diff --git a/src/pages/Agency/locale/en.yml b/src/pages/Route/Agency/locale/en.yml
similarity index 100%
rename from src/pages/Agency/locale/en.yml
rename to src/pages/Route/Agency/locale/en.yml
diff --git a/src/pages/Agency/locale/es.yml b/src/pages/Route/Agency/locale/es.yml
similarity index 100%
rename from src/pages/Agency/locale/es.yml
rename to src/pages/Route/Agency/locale/es.yml
diff --git a/src/router/modules/agency.js b/src/router/modules/agency.js
index 6f281e21d..46a73bfff 100644
--- a/src/router/modules/agency.js
+++ b/src/router/modules/agency.js
@@ -1,88 +1,3 @@
 import { RouterView } from 'vue-router';
 
-export default {
-    path: '/agency',
-    name: 'Agency',
-    meta: {
-        title: 'agency',
-        icon: 'garage_home',
-        moduleName: 'Agency',
-    },
-    component: RouterView,
-    redirect: { name: 'AgencyCard' },
-    menus: {
-        main: [],
-        card: ['AgencyBasicData', 'AgencyModes', 'AgencyWorkCenters', 'AgencyLog'],
-    },
-    children: [
-        {
-            path: '/agency/:id',
-            name: 'AgencyCard',
-            component: () => import('src/pages/Agency/Card/AgencyCard.vue'),
-            redirect: { name: 'AgencySummary' },
-            children: [
-                {
-                    name: 'AgencySummary',
-                    path: 'summary',
-                    meta: {
-                        title: 'summary',
-                        icon: 'view_list',
-                    },
-                    component: () => import('src/pages/Agency/Card/AgencySummary.vue'),
-                },
-                {
-                    name: 'AgencyBasicData',
-                    path: 'basic-data',
-                    meta: {
-                        title: 'basicData',
-                        icon: 'vn:settings',
-                    },
-                    component: () => import('pages/Agency/Card/AgencyBasicData.vue'),
-                },
-                {
-                    path: 'workCenter',
-                    name: 'AgencyWorkCenterCard',
-                    redirect: { name: 'AgencyWorkCenters' },
-                    children: [
-                        {
-                            path: '',
-                            name: 'AgencyWorkCenters',
-                            meta: {
-                                icon: 'apartment',
-                                title: 'workCenters',
-                            },
-                            component: () =>
-                                import('src/pages/Agency/Card/AgencyWorkcenter.vue'),
-                        },
-                    ],
-                },
-                {
-                    path: 'modes',
-                    name: 'AgencyModesCard',
-                    redirect: { name: 'AgencyModes' },
-                    children: [
-                        {
-                            path: '',
-                            name: 'AgencyModes',
-                            meta: {
-                                icon: 'format_list_bulleted',
-                                title: 'modes',
-                            },
-                            component: () =>
-                                import('src/pages/Agency/Card/AgencyModes.vue'),
-                        },
-                    ],
-                },
-                {
-                    name: 'AgencyLog',
-                    path: 'log',
-                    meta: {
-                        title: 'log',
-                        icon: 'history',
-                    },
-                    component: () => import('src/pages/Agency/Card/AgencyLog.vue'),
-                },
-            ],
-        },
-    ],
-};
+export default {};
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index 8e08d7222..54019f27b 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -11,7 +11,7 @@ export default {
     component: RouterView,
     redirect: { name: 'RouteMain' },
     menus: {
-        main: ['RouteList', 'RouteAutonomous', 'RouteRoadmap', 'CmrList', 'AgencyList'],
+        main: ['RouteList', 'RouteAutonomous', 'RouteRoadmap', 'CmrList', 'Agency'],
         card: ['RouteBasicData', 'RouteTickets', 'RouteLog'],
     },
     children: [
@@ -76,17 +76,106 @@ export default {
                     component: () => import('src/pages/Route/Cmr/CmrList.vue'),
                 },
                 {
-                    path: '/agency',
+                    path: 'agency',
+                    name: 'Agency',
+                    meta: {
+                        title: 'agency',
+                        icon: 'garage_home',
+                        moduleName: 'Agency',
+                    },
                     redirect: { name: 'AgencyList' },
+                    menus: {
+                        main: [],
+                        card: [
+                            'AgencyBasicData',
+                            'AgencyModes',
+                            'AgencyWorkCenters',
+                            'AgencyLog',
+                        ],
+                    },
                     children: [
                         {
-                            path: 'list',
-                            name: 'AgencyList',
-                            meta: {
-                                title: 'agencyList',
-                                icon: 'view_list',
-                            },
-                            component: () => import('src/pages/Agency/AgencyList.vue'),
+                            path: '/agency',
+                            name: 'AgencyCard',
+                            component: () =>
+                                import('src/pages/Route/Agency/Card/AgencyCard.vue'),
+                            redirect: { name: 'AgencySummary' },
+                            children: [
+                                {
+                                    name: 'AgencySummary',
+                                    path: 'summary',
+                                    meta: {
+                                        title: 'summary',
+                                        icon: 'view_list',
+                                    },
+                                    component: () =>
+                                        import(
+                                            'src/pages/Route/Agency/Card/AgencySummary.vue'
+                                        ),
+                                },
+                                {
+                                    name: 'AgencyBasicData',
+                                    path: 'basic-data',
+                                    meta: {
+                                        title: 'basicData',
+                                        icon: 'vn:settings',
+                                    },
+                                    component: () =>
+                                        import(
+                                            'pages/Route/Agency/Card/AgencyBasicData.vue'
+                                        ),
+                                },
+                                {
+                                    path: 'workCenter',
+                                    name: 'AgencyWorkCenterCard',
+                                    redirect: { name: 'AgencyWorkCenters' },
+                                    children: [
+                                        {
+                                            path: '',
+                                            name: 'AgencyWorkCenters',
+                                            meta: {
+                                                icon: 'apartment',
+                                                title: 'workCenters',
+                                            },
+                                            component: () =>
+                                                import(
+                                                    'src/pages/Route/Agency/Card/AgencyWorkcenter.vue'
+                                                ),
+                                        },
+                                    ],
+                                },
+                                {
+                                    path: 'modes',
+                                    name: 'AgencyModesCard',
+                                    redirect: { name: 'AgencyModes' },
+                                    children: [
+                                        {
+                                            path: '',
+                                            name: 'AgencyModes',
+                                            meta: {
+                                                icon: 'format_list_bulleted',
+                                                title: 'modes',
+                                            },
+                                            component: () =>
+                                                import(
+                                                    'src/pages/Route/Agency/Card/AgencyModes.vue'
+                                                ),
+                                        },
+                                    ],
+                                },
+                                {
+                                    name: 'AgencyLog',
+                                    path: 'log',
+                                    meta: {
+                                        title: 'log',
+                                        icon: 'history',
+                                    },
+                                    component: () =>
+                                        import(
+                                            'src/pages/Route/Agency/Card/AgencyLog.vue'
+                                        ),
+                                },
+                            ],
                         },
                     ],
                 },
diff --git a/src/router/routes.js b/src/router/routes.js
index 805eefb8c..ca1296d36 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -17,7 +17,6 @@ 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 agency from 'src/router/modules/agency';
 import zone from 'src/router/modules/zone';
 import account from './modules/account';
 import monitor from 'src/router/modules/monitor';
@@ -79,7 +78,6 @@ const routes = [
             roadmap,
             entry,
             parking,
-            agency,
             ItemType,
             zone,
             account,
diff --git a/test/cypress/integration/agency/agencyWorkCenter.spec.js b/test/cypress/integration/route/agency/agencyWorkCenter.spec.js
similarity index 97%
rename from test/cypress/integration/agency/agencyWorkCenter.spec.js
rename to test/cypress/integration/route/agency/agencyWorkCenter.spec.js
index 8349260ee..a66476d47 100644
--- a/test/cypress/integration/agency/agencyWorkCenter.spec.js
+++ b/test/cypress/integration/route/agency/agencyWorkCenter.spec.js
@@ -6,7 +6,6 @@ describe('AgencyWorkCenter', () => {
     });
 
     it('assign workCenter', () => {
-        cy.visit(`/#/agency`);
         cy.get(':nth-child(1) > :nth-child(1) > .card-list-body > .list-items').click();
         cy.get('[href="#/agency/11/workCenter"] > .q-item__section--main').click();
         cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
@@ -27,7 +26,6 @@ describe('AgencyWorkCenter', () => {
     });
 
     it('error on duplicate workCenter', () => {
-        cy.visit(`/#/agency`);
         cy.get(':nth-child(1) > :nth-child(1) > .card-list-body > .list-items').click();
         cy.get('[href="#/agency/11/workCenter"] > .q-item__section--main').click();
         cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();

From 11266b602ce3c0fe704f42cb01cf3e638236b4e3 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 3 Jul 2024 09:33:48 +0200
Subject: [PATCH 2/6] refactor: refs #7404 route list add table

---
 src/components/ui/VnSubToolbar.vue            |  8 +--
 src/pages/Route/RouteList.vue                 | 62 ++++++++++---------
 src/pages/Route/RouteMain.vue                 |  3 +-
 src/stores/useStateStore.js                   |  2 +-
 .../integration/route/routeList.spec.js       | 39 ++++++++++++
 .../vnComponent/vnBreadcrumbs.spec.js         | 21 +++++++
 .../vnComponent/vnLocation.spec.js            | 56 +++++++++++++++++
 .../integration/vnComponent/vnLog.spec.js     | 25 ++++++++
 .../vnComponent/vnSearchBar.spec.js           | 36 +++++++++++
 9 files changed, 213 insertions(+), 39 deletions(-)
 create mode 100644 test/cypress/integration/route/routeList.spec.js
 create mode 100644 test/cypress/integration/vnComponent/vnBreadcrumbs.spec.js
 create mode 100644 test/cypress/integration/vnComponent/vnLocation.spec.js
 create mode 100644 test/cypress/integration/vnComponent/vnLog.spec.js
 create mode 100644 test/cypress/integration/vnComponent/vnSearchBar.spec.js

diff --git a/src/components/ui/VnSubToolbar.vue b/src/components/ui/VnSubToolbar.vue
index 427673345..df6fcbcb7 100644
--- a/src/components/ui/VnSubToolbar.vue
+++ b/src/components/ui/VnSubToolbar.vue
@@ -1,7 +1,6 @@
 <script setup>
-import { onMounted, onUnmounted, ref } from 'vue';
+import { onMounted, onBeforeUnmount, ref, nextTick } from 'vue';
 import { useStateStore } from 'stores/useStateStore';
-import { onBeforeRouteLeave } from 'vue-router';
 
 const stateStore = useStateStore();
 const actions = ref(null);
@@ -26,10 +25,7 @@ onMounted(() => {
     if (data.value) observer.observe(data.value, opts);
 });
 
-onUnmounted(() => {
-    stateStore.toggleSubToolbar();
-});
-onBeforeRouteLeave((to, from) => {});
+onBeforeUnmount(() => stateStore.toggleSubToolbar());
 </script>
 
 <template>
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index 80eb3bf62..a2e938d7d 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -240,35 +240,7 @@ onMounted(() => {
     />
     <FetchData url="AgencyModes" @on-fetch="(data) => (agencyList = data)" auto-load />
     <FetchData url="Vehicles" @on-fetch="(data) => (vehicleList = data)" auto-load />
-    <VnSubToolbar>
-        <QBtn
-            icon="vn:clone"
-            color="primary"
-            class="q-mr-sm"
-            :disable="!selectedRows?.length"
-            @click="confirmationDialog = true"
-        >
-            <QTooltip>{{ t('Clone Selected Routes') }}</QTooltip>
-        </QBtn>
-        <QBtn
-            icon="cloud_download"
-            color="primary"
-            class="q-mr-sm"
-            :disable="!selectedRows?.length"
-            @click="showRouteReport"
-        >
-            <QTooltip>{{ t('Download selected routes as PDF') }}</QTooltip>
-        </QBtn>
-        <QBtn
-            icon="check"
-            color="primary"
-            class="q-mr-sm"
-            :disable="!selectedRows?.length"
-            @click="markAsServed()"
-        >
-            <QTooltip>{{ t('Mark as served') }}</QTooltip>
-        </QBtn>
-    </VnSubToolbar>
+    <VnSubToolbar />
     <VnTable
         ref="tableRef"
         data-key="RouteList"
@@ -284,7 +256,37 @@ onMounted(() => {
         }"
         save-url="WorkerIncomes/crud"
         :disable-option="{ card: true }"
-    />
+    >
+        <template #moreBeforeActions>
+            <QBtn
+                icon="vn:clone"
+                color="primary"
+                class="q-mr-sm"
+                :disable="!selectedRows?.length"
+                @click="confirmationDialog = true"
+            >
+                <QTooltip>{{ t('Clone Selected Routes') }}</QTooltip>
+            </QBtn>
+            <QBtn
+                icon="cloud_download"
+                color="primary"
+                class="q-mr-sm"
+                :disable="!selectedRows?.length"
+                @click="showRouteReport"
+            >
+                <QTooltip>{{ t('Download selected routes as PDF') }}</QTooltip>
+            </QBtn>
+            <QBtn
+                icon="check"
+                color="primary"
+                class="q-mr-sm"
+                :disable="!selectedRows?.length"
+                @click="markAsServed()"
+            >
+                <QTooltip>{{ t('Mark as served') }}</QTooltip>
+            </QBtn>
+        </template>
+    </VnTable>
 
     <!--  >
             <VnPaginate
diff --git a/src/pages/Route/RouteMain.vue b/src/pages/Route/RouteMain.vue
index 19ae5ec23..aace646fb 100644
--- a/src/pages/Route/RouteMain.vue
+++ b/src/pages/Route/RouteMain.vue
@@ -14,7 +14,6 @@ onMounted(() => (stateStore.leftDrawer = false));
         </QScrollArea>
     </QDrawer>
     <QPageContainer>
-        <VnSubToolbar />
-        <RouterView v-if="stateStore.isSubToolbarShown()"></RouterView>
+        <RouterView></RouterView>
     </QPageContainer>
 </template>
diff --git a/src/stores/useStateStore.js b/src/stores/useStateStore.js
index 76840c96a..9f232e1dc 100644
--- a/src/stores/useStateStore.js
+++ b/src/stores/useStateStore.js
@@ -17,7 +17,7 @@ export const useStateStore = defineStore('stateStore', () => {
 
     function toggleSubToolbar() {
         subToolbar.value = !subToolbar.value;
-        /*  console.log('subToolbar.value: ', subToolbar.value); */
+        console.log('subToolbar.value: ', subToolbar.value);
     }
 
     function setMounted() {
diff --git a/test/cypress/integration/route/routeList.spec.js b/test/cypress/integration/route/routeList.spec.js
new file mode 100644
index 000000000..6d33dbc39
--- /dev/null
+++ b/test/cypress/integration/route/routeList.spec.js
@@ -0,0 +1,39 @@
+describe('AgencyWorkCenter', () => {
+    beforeEach(() => {
+        cy.viewport(1920, 1080);
+        cy.login('developer');
+        cy.visit(`/#/agency/11/workCenter`);
+    });
+
+    it('assign workCenter', () => {
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+        cy.get(
+            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
+        ).type('workCenterOne{enter}');
+        cy.get('.q-notification__message').should('have.text', 'Data created');
+    });
+
+    it('delete workCenter', () => {
+        cy.get('.q-item__section--side > .q-btn > .q-btn__content > .q-icon').click();
+        cy.get('.q-notification__message').should(
+            'have.text',
+            'WorkCenter removed successfully'
+        );
+    });
+
+    it('error on duplicate workCenter', () => {
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+        cy.get(
+            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
+        ).type('workCenterOne{enter}');
+        cy.get('.q-notification__message').should('have.text', 'Data created');
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+        cy.get(
+            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
+        ).type('workCenterOne{enter}');
+
+        cy.get(
+            ':nth-child(2) > .q-notification__wrapper > .q-notification__content > .q-notification__message'
+        ).should('have.text', 'This workCenter is already assigned to this agency');
+    });
+});
diff --git a/test/cypress/integration/vnComponent/vnBreadcrumbs.spec.js b/test/cypress/integration/vnComponent/vnBreadcrumbs.spec.js
new file mode 100644
index 000000000..3c839c1c7
--- /dev/null
+++ b/test/cypress/integration/vnComponent/vnBreadcrumbs.spec.js
@@ -0,0 +1,21 @@
+/// <reference types="cypress" />
+describe('VnBreadcrumbs', () => {
+    const firstCard = '.q-infinite-scroll > :nth-child(1)';
+    const lastBreadcrumb = '.q-breadcrumbs--last > .q-breadcrumbs__el';
+    beforeEach(() => {
+        cy.login('developer');
+        cy.visit('/');
+    });
+
+    it('should not be breadcrumbs', () => {
+        cy.get('.q-breadcrumbs').should('not.exist');
+    });
+
+    it('should get the correct breadcrumbs', () => {
+        cy.visit('#/customer/list');
+        cy.get('.q-breadcrumbs__el').should('have.length', 2);
+
+        cy.get(firstCard).click();
+        cy.get(`${lastBreadcrumb} > .q-icon`).should('have.text', 'launch');
+    });
+});
diff --git a/test/cypress/integration/vnComponent/vnLocation.spec.js b/test/cypress/integration/vnComponent/vnLocation.spec.js
new file mode 100644
index 000000000..6719d8391
--- /dev/null
+++ b/test/cypress/integration/vnComponent/vnLocation.spec.js
@@ -0,0 +1,56 @@
+const locationOptions = '[role="listbox"] > div.q-virtual-scroll__content > .q-item';
+describe('VnLocation', () => {
+    const dialogInputs = '.q-dialog label input';
+    describe('Worker Create', () => {
+        const inputLocation = '.q-form input[aria-label="Location"]';
+        beforeEach(() => {
+            cy.viewport(1280, 720);
+            cy.login('developer');
+            cy.visit('/#/worker/create', { timeout: 5000 });
+            cy.waitForElement('.q-card');
+        });
+        it('Show all options', function () {
+            cy.get(inputLocation).click();
+            cy.get(locationOptions).should('have.length.at.least', 5);
+        });
+        it('input filter location as "al"', function () {
+            cy.get(inputLocation).click();
+            cy.get(inputLocation).clear();
+            cy.get(inputLocation).type('al');
+            cy.get(locationOptions).should('have.length.at.least', 3);
+        });
+        it('input filter location as "ecuador"', function () {
+            cy.get(inputLocation).click();
+            cy.get(inputLocation).clear();
+            cy.get(inputLocation).type('ecuador');
+            cy.get(locationOptions).should('have.length.at.least', 1);
+        });
+    });
+    describe('Fiscal-data', () => {
+        beforeEach(() => {
+            cy.viewport(1280, 720);
+            cy.login('developer');
+            cy.visit('/#/supplier/567/fiscal-data', { timeout: 7000 });
+            cy.waitForElement('.q-form');
+        });
+        it('Create postCode', function () {
+            cy.get('.q-form > .q-card > .vn-row:nth-child(6) .--add-icon').click();
+            cy.get('.q-card > h1').should('have.text', 'New postcode');
+            cy.get(dialogInputs).eq(0).clear('12');
+            cy.get(dialogInputs).eq(0).type('1234453');
+            cy.selectOption(
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(4)   > .q-select > .q-field__inner > .q-field__control ',
+                'Valencia'
+            );
+            cy.selectOption(
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(5)   > .q-select > .q-field__inner > .q-field__control ',
+                'Province one'
+            );
+            cy.selectOption(
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(6)  > .q-select > .q-field__inner > .q-field__control ',
+                'España'
+            );
+            cy.get('.q-mt-lg > .q-btn--standard').click();
+        });
+    });
+});
diff --git a/test/cypress/integration/vnComponent/vnLog.spec.js b/test/cypress/integration/vnComponent/vnLog.spec.js
new file mode 100644
index 000000000..4db724e99
--- /dev/null
+++ b/test/cypress/integration/vnComponent/vnLog.spec.js
@@ -0,0 +1,25 @@
+/// <reference types="cypress" />
+describe('VnLog', () => {
+    const chips = [
+        ':nth-child(1) > :nth-child(1) > .q-item__label > .q-chip > .q-chip__content',
+        ':nth-child(2) > :nth-child(1) > .q-item__label > .q-chip > .q-chip__content',
+    ];
+    beforeEach(() => {
+        cy.login('developer');
+        cy.visit(`/#/claim/${1}/log`);
+        cy.openRightMenu();
+    });
+    // Se tiene que cambiar el Accept-Language a 'en', ya hay una tarea para eso #7189.
+    xit('should filter by insert actions', () => {
+        cy.checkOption(':nth-child(7) > .q-checkbox');
+        cy.get('.q-page').click();
+        cy.validateContent(chips[0], 'Document');
+        cy.validateContent(chips[1], 'Beginning');
+    });
+
+    xit('should filter by entity', () => {
+        cy.selectOption('.q-drawer--right .q-item > .q-select', 'Claim');
+        cy.get('.q-page').click();
+        cy.validateContent(chips[0], 'Claim');
+    });
+});
diff --git a/test/cypress/integration/vnComponent/vnSearchBar.spec.js b/test/cypress/integration/vnComponent/vnSearchBar.spec.js
new file mode 100644
index 000000000..580199bc3
--- /dev/null
+++ b/test/cypress/integration/vnComponent/vnSearchBar.spec.js
@@ -0,0 +1,36 @@
+/// <reference types="cypress" />
+describe('VnSearchBar', () => {
+    const employeeId = ' #1';
+    const salesPersonId = ' #18';
+    const idGap = '.q-item > .q-item__label';
+    const vnTableRow = '.q-virtual-scroll__content';
+    beforeEach(() => {
+        cy.login('developer');
+        cy.visit('#/customer/list');
+    });
+
+    it('should redirect to customer summary page', () => {
+        searchAndCheck('1', employeeId);
+        searchAndCheck('salesPerson', salesPersonId);
+    });
+
+    it('should stay on the list page if there are several results or none', () => {
+        cy.writeSearchbar('salesA{enter}');
+        checkTableLength(2);
+
+        cy.clearSearchbar();
+
+        cy.writeSearchbar('0{enter}');
+        checkTableLength(0);
+    });
+
+    const searchAndCheck = (searchTerm, expectedText) => {
+        cy.clearSearchbar();
+        cy.writeSearchbar(`${searchTerm}{enter}`);
+        cy.get(idGap).should('have.text', expectedText);
+    };
+
+    const checkTableLength = (expectedLength) => {
+        cy.get(vnTableRow).find('tr').should('have.length', expectedLength);
+    };
+});

From a192c1e9949a61822d18a3bc420c601c6f3d1ad2 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 3 Jul 2024 09:39:49 +0200
Subject: [PATCH 3/6] remove: refs #7404 remove spec

---
 .../integration/route/routeList.spec.js       | 39 -------------------
 1 file changed, 39 deletions(-)
 delete mode 100644 test/cypress/integration/route/routeList.spec.js

diff --git a/test/cypress/integration/route/routeList.spec.js b/test/cypress/integration/route/routeList.spec.js
deleted file mode 100644
index 6d33dbc39..000000000
--- a/test/cypress/integration/route/routeList.spec.js
+++ /dev/null
@@ -1,39 +0,0 @@
-describe('AgencyWorkCenter', () => {
-    beforeEach(() => {
-        cy.viewport(1920, 1080);
-        cy.login('developer');
-        cy.visit(`/#/agency/11/workCenter`);
-    });
-
-    it('assign workCenter', () => {
-        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-        cy.get(
-            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
-        ).type('workCenterOne{enter}');
-        cy.get('.q-notification__message').should('have.text', 'Data created');
-    });
-
-    it('delete workCenter', () => {
-        cy.get('.q-item__section--side > .q-btn > .q-btn__content > .q-icon').click();
-        cy.get('.q-notification__message').should(
-            'have.text',
-            'WorkCenter removed successfully'
-        );
-    });
-
-    it('error on duplicate workCenter', () => {
-        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-        cy.get(
-            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
-        ).type('workCenterOne{enter}');
-        cy.get('.q-notification__message').should('have.text', 'Data created');
-        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-        cy.get(
-            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
-        ).type('workCenterOne{enter}');
-
-        cy.get(
-            ':nth-child(2) > .q-notification__wrapper > .q-notification__content > .q-notification__message'
-        ).should('have.text', 'This workCenter is already assigned to this agency');
-    });
-});

From 7d8f9d4072572bf9259d5863f3ea459c0c3dfe09 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 3 Jul 2024 10:06:54 +0200
Subject: [PATCH 4/6] fix: refs #7404 fix create

---
 src/pages/Route/RouteList.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index a2e938d7d..65385d90a 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -194,11 +194,6 @@ const openTicketsDialog = (id) => {
         })
         .onOk(() => refreshKey.value++);
 };
-
-const isMounted = ref(false);
-onMounted(() => {
-    console.log('Lo impoosible si  es posible ');
-});
 </script>
 
 <template>
@@ -254,7 +249,7 @@ onMounted(() => {
             title: t('Create route'),
             onDataSaved: () => tableRef.reload(),
         }"
-        save-url="WorkerIncomes/crud"
+        save-url="routes"
         :disable-option="{ card: true }"
     >
         <template #moreBeforeActions>

From 937167ce95ac80baacf2de7376e66898d635ec5e Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 3 Jul 2024 10:19:47 +0200
Subject: [PATCH 5/6] remove: refs #7404 remove traductions

---
 src/components/CrudModel.vue    |  71 -----------
 src/i18n/locale/en.yml          |   3 +-
 src/i18n/locale/es.yml          |   3 +-
 src/pages/Route/Cmr/CmrList.vue |   1 -
 src/pages/Route/RouteList.vue   | 214 --------------------------------
 5 files changed, 2 insertions(+), 290 deletions(-)

diff --git a/src/components/CrudModel.vue b/src/components/CrudModel.vue
index 9ef932e21..fa7761c5f 100644
--- a/src/components/CrudModel.vue
+++ b/src/components/CrudModel.vue
@@ -318,77 +318,6 @@ watch(formUrl, async () => {
         v-if="!formData && $attrs.autoLoad"
         :columns="$attrs.columns?.length"
     />
-    {{ stateStore?.isSubToolbarShown() && hasSubToolbar }}
-    <!-- <VnSubToolbar>
-        <template #st-actions>
-            <QBtnGroup push style="column-gap: 10px">
-            <slot name="moreBeforeActions" />
-            <QBtn
-                :label="tMobile('globals.remove')"
-                color="primary"
-                icon="delete"
-                flat
-                @click="remove(selected)"
-                :disable="!selected?.length"
-                :title="t('globals.remove')"
-                v-if="$props.defaultRemove"
-            />
-            <QBtn
-                :label="tMobile('globals.reset')"
-                color="primary"
-                icon="restart_alt"
-                flat
-                @click="reset"
-                :disable="!hasChanges"
-                :title="t('globals.reset')"
-                v-if="$props.defaultReset"
-            />
-            <QBtnDropdown
-                v-if="$props.goTo && $props.defaultSave"
-                @click="onSubmitAndGo"
-                :label="tMobile('globals.saveAndContinue')"
-                :title="t('globals.saveAndContinue')"
-                :disable="!hasChanges"
-                color="primary"
-                icon="save"
-                split
-            >
-                <QList>
-                    <QItem
-                        color="primary"
-                        clickable
-                        v-close-popup
-                        @click="onSubmit"
-                        :title="t('globals.save')"
-                    >
-                        <QItemSection>
-                            <QItemLabel>
-                                <QIcon
-                                    name="save"
-                                    color="white"
-                                    class="q-mr-sm"
-                                    size="sm"
-                                />
-                                {{ t('globals.save').toUpperCase() }}
-                            </QItemLabel>
-                        </QItemSection>
-                    </QItem>
-                </QList>
-            </QBtnDropdown>
-            <QBtn
-                v-else-if="!$props.goTo && $props.defaultSave"
-                :label="tMobile('globals.save')"
-                ref="saveButtonRef"
-                color="primary"
-                icon="save"
-                @click="onSubmit"
-                :disable="!hasChanges"
-                :title="t('globals.save')"
-            />
-            <slot name="moreAfterActions" />
-        </QBtnGroup>
-        </template>
-    </VnSubToolbar> -->
     <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown() && hasSubToolbar">
         <QBtnGroup push style="column-gap: 10px">
             <slot name="moreBeforeActions" />
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index b04e803ca..5c417be9a 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -90,6 +90,7 @@ globals:
     send: Send
     code: Code
     pageTitles:
+        logIn: Login
         summary: Summary
         basicData: Basic data
         log: Logs
@@ -262,8 +263,6 @@ login:
     loginError: Invalid username or password
     fieldRequired: This field is required
     twoFactorRequired: Two-factor verification required
-    pageTitles:
-        logIn: Login
 twoFactor:
     code: Code
     validate: Validate
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index e13b36c40..16c8c13f6 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -90,6 +90,7 @@ globals:
     send: Enviar
     code: Código
     pageTitles:
+        logIn: Inicio de sesión
         summary: Resumen
         basicData: Datos básicos
         log: Historial
@@ -263,8 +264,6 @@ login:
     loginError: Nombre de usuario o contraseña incorrectos
     fieldRequired: Este campo es obligatorio
     twoFactorRequired: Verificación de doble factor requerida
-    pageTitles:
-        logIn: Inicio de sesión
 twoFactor:
     code: Código
     validate: Validar
diff --git a/src/pages/Route/Cmr/CmrList.vue b/src/pages/Route/Cmr/CmrList.vue
index e61525dcf..7a8a0435c 100644
--- a/src/pages/Route/Cmr/CmrList.vue
+++ b/src/pages/Route/Cmr/CmrList.vue
@@ -118,7 +118,6 @@ function downloadPdfs() {
         :right-search="true"
         :use-model="true"
     />
-    <!-- <RightMenu>
         <template #right-panel>
             <CmrFilter data-key="CmrList" />
         </template>
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index 65385d90a..e116fd823 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -198,11 +198,6 @@ const openTicketsDialog = (id) => {
 
 <template>
     <RouteSearchbar />
-    <!--     <RightMenu>
-        <template #right-panel>
-            <RouteFilter data-key="RouteList" />
-        </template>
-    </RightMenu> -->
     <QDialog v-model="confirmationDialog">
         <QCard style="min-width: 350px">
             <QCardSection>
@@ -282,215 +277,6 @@ const openTicketsDialog = (id) => {
             </QBtn>
         </template>
     </VnTable>
-
-    <!--  >
-            <VnPaginate
-                :key="refreshKey"
-                data-key="RouteList"
-                url="Routes/filter"
-                :order="['created ASC', 'started ASC', 'id ASC']"
-                :limit="20"
-            >
-                <template #body="{ rows }">
-                    <div class="q-pa-md route-table">
-                        <QTable
-                            v-model:selected="selectedRows"
-                            :columns="columns"
-                            :rows="rows"
-                            flat
-                            row-key="id"
-                            selection="multiple"
-                            :rows-per-page-options="[0]"
-                            :visible-columns="visibleColumns"
-                            hide-pagination
-                            :no-data-label="t('globals.noResults')"
-                            style="max-height: 82vh"
-                        >
-                            <template #body-cell-worker="{ row }">
-                                <QTd class="table-input-cell">
-                                    <VnSelect
-                                        :label="t('Worker')"
-                                        v-model="row.workerFk"
-                                        :options="workers"
-                                        option-value="id"
-                                        option-label="nickname"
-                                        hide-selected
-                                        dense
-                                        :emit-value="false"
-                                        :rules="validate('Route.workerFk')"
-                                        :is-clearable="false"
-                                        @update:model-value="updateRoute(row)"
-                                    >
-                                        <template #option="{ opt, itemProps }">
-                                            <QItem
-                                                v-bind="itemProps"
-                                                class="q-pa-xs row items-center"
-                                            >
-                                                <QItemSection
-                                                    class="col-9 justify-center"
-                                                >
-                                                    <span>{{ opt.name }}</span>
-                                                    <span class="text-grey">{{
-                                                        opt.nickname
-                                                    }}</span>
-                                                </QItemSection>
-                                            </QItem>
-                                        </template>
-                                    </VnSelect>
-                                </QTd>
-                            </template>
-                            <template #body-cell-agency="{ row }">
-                                <QTd class="table-input-cell">
-                                    <VnSelect
-                                        :label="t('Agency')"
-                                        v-model="row.agencyModeFk"
-                                        :options="agencyList"
-                                        option-value="id"
-                                        option-label="name"
-                                        hide-selected
-                                        dense
-                                        :emit-value="false"
-                                        :rules="validate('route.agencyFk')"
-                                        :is-clearable="false"
-                                        @update:model-value="updateRoute(row)"
-                                    />
-                                </QTd>
-                            </template>
-                            <template #body-cell-vehicle="{ row }">
-                                <QTd class="table-input-cell small-column">
-                                    <VnSelect
-                                        :label="t('Vehicle')"
-                                        v-model="row.vehicleFk"
-                                        :options="vehicleList"
-                                        option-value="id"
-                                        option-label="numberPlate"
-                                        hide-selected
-                                        dense
-                                        :emit-value="false"
-                                        :rules="validate('route.vehicleFk')"
-                                        :is-clearable="false"
-                                        @update:model-value="updateRoute(row)"
-                                    />
-                                </QTd>
-                            </template>
-                            <template #body-cell-date="{ row }">
-                                <QTd class="table-input-cell small-column">
-                                    <VnInputDate
-                                        v-model="row.created"
-                                        hide-bottom-space
-                                        dense
-                                        :label="t('Date')"
-                                        :rules="validate('route.created')"
-                                        :is-clearable="false"
-                                        @update:model-value="updateRoute(row)"
-                                    />
-                                </QTd>
-                            </template>
-                            <template #body-cell-description="{ row }">
-                                <QTd class="table-input-cell">
-                                    <VnInput
-                                        v-model="row.description"
-                                        :label="t('Description')"
-                                        :rules="validate('route.description')"
-                                        :is-clearable="false"
-                                        dense
-                                        @update:model-value="updateRoute(row)"
-                                    />
-                                </QTd>
-                            </template>
-                            <template #body-cell-started="{ row }">
-                                <QTd class="table-input-cell small-column">
-                                    <VnInputTime
-                                        v-model="row.started"
-                                        :label="t('hourStarted')"
-                                        :rules="validate('route.started')"
-                                        :is-clearable="false"
-                                        hide-bottom-space
-                                        dense
-                                        @update:model-value="updateRoute(row)"
-                                    />
-                                </QTd>
-                            </template>
-                            <template #body-cell-finished="{ row }">
-                                <QTd class="table-input-cell small-column">
-                                    <VnInputTime
-                                        v-model="row.finished"
-                                        autofocus
-                                        :label="t('hourFinished')"
-                                        :rules="validate('route.finished')"
-                                        :is-clearable="false"
-                                        hide-bottom-space
-                                        dense
-                                        @update:model-value="updateRoute(row)"
-                                    />
-                                </QTd>
-                            </template>
-                            <template #body-cell-isServed="props">
-                                <QTd class="table-input-cell small-column">
-                                    <QCheckbox v-model="props.value" disable>
-                                        <QTooltip>
-                                            {{
-                                                props.value
-                                                    ? t('Route is closed')
-                                                    : t('Route is not served')
-                                            }}
-                                        </QTooltip>
-                                    </QCheckbox>
-                                </QTd>
-                            </template>
-                            <template #body-cell-actions="props">
-                                <QTd :props="props">
-                                    <div class="flex items-center no-wrap table-actions">
-                                        <QIcon
-                                            name="vn:ticketAdd"
-                                            size="sm"
-                                            color="primary"
-                                            class="cursor-pointer"
-                                            @click="openTicketsDialog(props?.row?.id)"
-                                        >
-                                            <QTooltip>{{ t('Add ticket') }}</QTooltip>
-                                        </QIcon>
-                                        <QIcon
-                                            name="preview"
-                                            size="sm"
-                                            color="primary"
-                                            @click="
-                                                viewSummary(props?.row?.id, RouteSummary)
-                                            "
-                                            class="cursor-pointer"
-                                        >
-                                            <QTooltip>{{ t('Preview') }}</QTooltip>
-                                        </QIcon>
-                                        <RouterLink
-                                            :to="{
-                                                name: 'RouteSummary',
-                                                params: { id: props?.row?.id },
-                                            }"
-                                        >
-                                            <QIcon
-                                                name="vn:eye"
-                                                size="xs"
-                                                color="primary"
-                                            >
-                                                <QTooltip>{{ t('Summary') }}</QTooltip>
-                                            </QIcon>
-                                        </RouterLink>
-                                    </div>
-                                </QTd>
-                            </template>
-                        </QTable>
-                    </div> 
-                </template>
-            </VnPaginate>
-        </div>-->
-    <!-- <QPageSticky :offset="[20, 20]">
-            <RouterLink :to="{ name: 'RouteCreate' }">
-                <QBtn fab icon="add" color="primary" />
-                <QTooltip>
-                    {{ t('newRoute') }}
-                </QTooltip>
-            </RouterLink>
-        </QPageSticky> -->
 </template>
 
 <style lang="scss" scoped>

From 5b98e968edfc27da064fd0eca6d01b45cda644e4 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 3 Jul 2024 10:27:11 +0200
Subject: [PATCH 6/6] remove: refs #7404 remove comments

---
 src/pages/Route/Cmr/CmrList.vue | 81 ---------------------------------
 src/stores/useStateStore.js     |  1 -
 2 files changed, 82 deletions(-)

diff --git a/src/pages/Route/Cmr/CmrList.vue b/src/pages/Route/Cmr/CmrList.vue
index 7a8a0435c..74a070cbf 100644
--- a/src/pages/Route/Cmr/CmrList.vue
+++ b/src/pages/Route/Cmr/CmrList.vue
@@ -118,87 +118,6 @@ function downloadPdfs() {
         :right-search="true"
         :use-model="true"
     />
-        <template #right-panel>
-            <CmrFilter data-key="CmrList" />
-        </template>
-    </RightMenu>
-    <div class="column items-center">
-        <div class="list">
-            <VnPaginate data-key="CmrList" :url="`Routes/cmrs`" order="cmrFk DESC">
-                <template #body="{ rows }">
-                    <QTable
-                        :columns="columns"
-                        :rows="rows"
-                        :dense="$q.screen.lt.md"
-                        row-key="cmrFk"
-                        selection="multiple"
-                        v-model:selected="selected"
-                        :grid="$q.screen.lt.md"
-                        auto-load
-                    >
-                        <template #top>
-                            <div style="width: 100%; display: table">
-                                <div style="float: right; color: lightgray">
-                                    {{ `${rows.length} ${t('route.cmr.list.results')}` }}
-                                </div>
-                            </div>
-                        </template>
-                        <template #body-cell-hasCmrDms="{ value }">
-                            <QTd align="center">
-                                <QBadge
-                                    text-color="black"
-                                    :id="value ? 'true' : 'false'"
-                                    :label="
-                                        value
-                                            ? t('route.cmr.list.true')
-                                            : t('route.cmr.list.false')
-                                    "
-                                />
-                            </QTd>
-                        </template>
-                        <template #body-cell-ticketFk="{ value }">
-                            <QTd align="right" class="text-primary">
-                                <span class="text-primary link">{{ value }}</span>
-                                <TicketDescriptorProxy :id="value" />
-                            </QTd>
-                        </template>
-                        <template #body-cell-clientFk="{ value }">
-                            <QTd align="right" class="text-primary">
-                                <span class="text-primary link">{{ value }}</span>
-                                <CustomerDescriptorProxy :id="value" />
-                            </QTd>
-                        </template>
-                        <template #body-cell-warehouseFk="{ value }">
-                            <QTd align="center">
-                                {{ warehouses.find(({ id }) => id === value)?.name }}
-                            </QTd>
-                        </template>
-                        <template #body-cell-icons="{ value }">
-                            <QTd align="center">
-                                <a :href="getCmrUrl(value)" target="_blank">
-                                    <QIcon
-                                        name="visibility"
-                                        color="primary"
-                                        size="md"
-                                        class="q-mr-sm q-ml-sm"
-                                    />
-                                    <QTooltip>
-                                        {{ t('route.cmr.list.viewCmr') }}
-                                    </QTooltip>
-                                </a>
-                            </QTd>
-                        </template>
-                    </QTable>
-                </template>
-            </VnPaginate>
-        </div>
-        <QPageSticky :offset="[20, 20]">
-            <QBtn @click="downloadPdfs" fab icon="cloud_download" color="primary" />
-            <QTooltip>
-                {{ t('route.cmr.list.downloadCmrs') }}
-            </QTooltip>
-        </QPageSticky> 
-    </div> -->
 </template>
 <style lang="scss" scoped>
 .list {
diff --git a/src/stores/useStateStore.js b/src/stores/useStateStore.js
index 9f232e1dc..328df9978 100644
--- a/src/stores/useStateStore.js
+++ b/src/stores/useStateStore.js
@@ -17,7 +17,6 @@ export const useStateStore = defineStore('stateStore', () => {
 
     function toggleSubToolbar() {
         subToolbar.value = !subToolbar.value;
-        console.log('subToolbar.value: ', subToolbar.value);
     }
 
     function setMounted() {