From ce576d4f7e2e5a076a46776c91bc3184363ec9a7 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 4 Apr 2025 06:31:03 +0200
Subject: [PATCH 1/3] feat: refs #8050 added WorkerManagement section and its
 e2e

---
 src/i18n/locale/en.yml                        |   1 +
 src/i18n/locale/es.yml                        |   1 +
 src/pages/Worker/WorkerFilter.vue             |   9 --
 src/pages/Worker/WorkerManagement.vue         | 114 ++++++++++++++++++
 src/pages/Worker/WorkerManagementFilter.vue   |  93 ++++++++++++++
 src/pages/Worker/locale/en.yml                |   8 ++
 src/pages/Worker/locale/es.yml                |   8 ++
 src/router/modules/worker.js                  |  18 ++-
 .../worker/workerManagement.spec.js           |  30 +++++
 9 files changed, 272 insertions(+), 10 deletions(-)
 create mode 100644 src/pages/Worker/WorkerManagement.vue
 create mode 100644 src/pages/Worker/WorkerManagementFilter.vue
 create mode 100644 test/cypress/integration/worker/workerManagement.spec.js

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 7bcf90793..2d6aaa381 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -341,6 +341,7 @@ globals:
         parking: Parking
         vehicleList: Vehicles
         vehicle: Vehicle
+        management: Worker management
     unsavedPopup:
         title: Unsaved changes will be lost
         subtitle: Are you sure exit without saving?
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index b2512193d..e2a9562f2 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -344,6 +344,7 @@ globals:
         parking: Parking
         vehicleList: Vehículos
         vehicle: Vehículo
+        management: Gestión de trabajadores
     unsavedPopup:
         title: Los cambios que no haya guardado se perderán
         subtitle: ¿Seguro que quiere salir sin guardar?
diff --git a/src/pages/Worker/WorkerFilter.vue b/src/pages/Worker/WorkerFilter.vue
index c40afe57e..22cf4987d 100644
--- a/src/pages/Worker/WorkerFilter.vue
+++ b/src/pages/Worker/WorkerFilter.vue
@@ -33,14 +33,6 @@ const getLocale = (label) => {
             </div>
         </template>
         <template #body="{ params }">
-            <QItem>
-                <QItemSection>
-                    <VnInput :label="t('FI')" v-model="params.fi" filled
-                        ><template #prepend>
-                            <QIcon name="badge" size="xs"></QIcon> </template
-                    ></VnInput>
-                </QItemSection>
-            </QItem>
             <QItem>
                 <QItemSection>
                     <VnInput :label="t('First Name')" v-model="params.firstName" filled />
@@ -112,7 +104,6 @@ es:
         lastName: Apellidos
         userName: Usuario
         extension: Extensión
-    FI: NIF
     First Name: Nombre
     Last Name: Apellidos
     User Name: Usuario
diff --git a/src/pages/Worker/WorkerManagement.vue b/src/pages/Worker/WorkerManagement.vue
new file mode 100644
index 000000000..d1543be31
--- /dev/null
+++ b/src/pages/Worker/WorkerManagement.vue
@@ -0,0 +1,114 @@
+<script setup>
+import { computed, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import { useAcl } from 'src/composables/useAcl';
+
+import VnTable from 'components/VnTable/VnTable.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import WorkerSummary from './Card/WorkerSummary.vue';
+import RightMenu from 'src/components/common/RightMenu.vue';
+import WorkerManagementFilter from './WorkerManagementFilter.vue';
+
+const { t } = useI18n();
+const { viewSummary } = useSummaryDialog();
+const dataKey = 'ManagementList';
+
+const columns = computed(() => [
+    {
+        align: 'left',
+        label: t('tableColumns.firstName'),
+        name: 'firstName',
+        isTitle: true,
+        columnFilter: {
+            name: 'firstName',
+        },
+    },
+    {
+        align: 'left',
+        label: t('tableColumns.lastName'),
+        name: 'lastName',
+        columnFilter: {
+            name: 'lastName',
+        },
+    },
+    {
+        align: 'left',
+        label: t('management.NIF'),
+        name: 'fi',
+        columnFilter: {
+            name: 'fi',
+        },
+    },
+    {
+        align: 'left',
+        label: t('tableColumns.email'),
+        name: 'email',
+        columnFilter: {
+            name: 'email',
+        },
+    },
+    {
+        align: 'left',
+        label: t('management.ssn'),
+        labelAbbreviation: t('management.ssn'),
+        toolTip: t('management.completeSsn'),
+        name: 'SSN',
+        columnFilter: {
+            name: 'SSN',
+        },
+    },
+    {
+        align: 'left',
+        name: 'departmentFk',
+        label: t('tableColumns.department'),
+        columnFilter: {
+            component: 'select',
+            name: 'departmentFk',
+            attrs: {
+                url: 'Departments',
+            },
+        },
+        format: (row, dashIfEmpty) => dashIfEmpty(row.department),
+    },
+    {
+        align: 'right',
+        label: '',
+        name: 'tableActions',
+        actions: [
+            {
+                title: t('globals.pageTitles.summary'),
+                icon: 'preview',
+                action: (row) => viewSummary(row?.id, WorkerSummary),
+                isPrimary: true,
+            },
+        ],
+    },
+]);
+
+onMounted(() => {
+    const canAccess = useAcl().hasAcl('Worker', 'management', 'WRITE');
+});
+</script>
+<template>
+    <VnSearchbar
+        :data-key
+        url="Workers/filter"
+        :label="t('management.search')"
+        :info="t('management.searchInfo')"
+    />
+    <RightMenu>
+        <template #right-panel>
+            <WorkerManagementFilter :data-key />
+        </template>
+    </RightMenu>
+    <VnTable
+        ref="tableRef"
+        url="Workers/filter"
+        :columns="columns"
+        :data-key
+        :right-search="false"
+        order="id DESC"
+    />
+</template>
diff --git a/src/pages/Worker/WorkerManagementFilter.vue b/src/pages/Worker/WorkerManagementFilter.vue
new file mode 100644
index 000000000..854a05c0f
--- /dev/null
+++ b/src/pages/Worker/WorkerManagementFilter.vue
@@ -0,0 +1,93 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+
+const { t, te } = useI18n();
+const props = defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+});
+
+const departments = ref();
+
+const getLocale = (label) => {
+    const globalLocale = `globals.params.${label}`;
+    return te(globalLocale) ? t(globalLocale) : t(`management.${label}`);
+};
+</script>
+
+<template>
+    <FetchData url="Departments" @on-fetch="(data) => (departments = data)" auto-load />
+    <VnFilterPanel :data-key="props.dataKey" :search-button="true">
+        <template #tags="{ tag, formatFn }">
+            <div class="q-gutter-x-xs">
+                <strong>{{ getLocale(tag.label) }}: </strong>
+                <span>{{ formatFn(tag.value) }}</span>
+            </div>
+        </template>
+        <template #body="{ params }">
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        :label="t('tableColumns.firstName')"
+                        v-model="params.firstName"
+                        filled
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        :label="t('tableColumns.lastName')"
+                        v-model="params.lastName"
+                        filled
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput :label="t('management.NIF')" v-model="params.fi" filled
+                        ><template #prepend>
+                            <QIcon name="badge" size="xs"></QIcon> </template
+                    ></VnInput>
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        :label="t('tableColumns.email')"
+                        v-model="params.email"
+                        filled
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput :label="t('management.ssn')" v-model="params.SSN" filled />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelect
+                        :label="t('tableColumns.department')"
+                        v-model="params.departmentFk"
+                        :options="departments"
+                        option-value="id"
+                        option-label="name"
+                        emit-value
+                        map-options
+                        dense
+                        filled
+                    />
+                </QItemSection>
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
diff --git a/src/pages/Worker/locale/en.yml b/src/pages/Worker/locale/en.yml
index 1d47a0c1d..bb69da3dc 100644
--- a/src/pages/Worker/locale/en.yml
+++ b/src/pages/Worker/locale/en.yml
@@ -13,3 +13,11 @@ tableColumns:
     SSN: SSN
     extension: Extension
 queue: Queue
+management:
+    search: Search worker
+    searchInfo: You can search by NIF, NSS or worker name
+    NIF: NIF
+    ssn: SSN
+    completeSsn: National Insurance Number
+    firstName: First Name
+    lastName: Last Name
diff --git a/src/pages/Worker/locale/es.yml b/src/pages/Worker/locale/es.yml
index e4bb724e0..8a3d1a049 100644
--- a/src/pages/Worker/locale/es.yml
+++ b/src/pages/Worker/locale/es.yml
@@ -16,3 +16,11 @@ tableColumns:
     SSN: NSS
     extension: Extensión
 queue: Cola
+management:
+    search: Buscar trabajador
+    searchInfo: Puedes buscar por NIF, NSS o nombre del trabajador
+    NIF: NIF
+    ssn: Núm. SS
+    completeSsn: Número de Seguridad Social
+    firstName: Nombre
+    lastName: Apellidos
diff --git a/src/router/modules/worker.js b/src/router/modules/worker.js
index ff3d483cf..15ce4f0ea 100644
--- a/src/router/modules/worker.js
+++ b/src/router/modules/worker.js
@@ -239,7 +239,7 @@ export default {
         icon: 'vn:worker',
         moduleName: 'Worker',
         keyBinding: 'w',
-        menu: ['WorkerList', 'WorkerDepartment'],
+        menu: ['WorkerList', 'WorkerDepartment', 'WorkerManagement'],
     },
     component: RouterView,
     redirect: { name: 'WorkerMain' },
@@ -283,6 +283,22 @@ export default {
                         departmentCard,
                     ],
                 },
+                {
+                    path: 'management',
+                    name: 'WorkerManagement',
+                    meta: {
+                        title: 'management',
+                        icon: 'view_list',
+                        acls: [
+                            {
+                                model: 'Worker',
+                                props: 'isRoleAdvanced',
+                                accessType: 'READ',
+                            },
+                        ],
+                    },
+                    component: () => import('src/pages/Worker/WorkerManagement.vue'),
+                },
             ],
         },
     ],
diff --git a/test/cypress/integration/worker/workerManagement.spec.js b/test/cypress/integration/worker/workerManagement.spec.js
new file mode 100644
index 000000000..4615c6b7d
--- /dev/null
+++ b/test/cypress/integration/worker/workerManagement.spec.js
@@ -0,0 +1,30 @@
+describe('WorkerList', () => {
+    const nif = '12091201A';
+    const name = 'developer';
+    const searchButton = '.q-scrollarea__content > .q-btn--standard > .q-btn__content';
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('/#/worker/management');
+        cy.typeSearchbar('{enter}');
+    });
+
+    it('should filter and show only two results', () => {
+        cy.get(
+            '[label="First name"] > .q-field > .q-field__inner > .q-field__control',
+        ).type(`${name}{enter}`);
+        cy.validateVnTableRows(2);
+    });
+
+    it('should filter by NIF and open the worker summary popup', () => {
+        cy.get('[label="NIF"] > .q-field > .q-field__inner > .q-field__control').type(
+            nif,
+        );
+        cy.get(searchButton).click();
+        cy.dataCy('tableAction-0').click();
+        cy.get('.summaryHeader').should('exist');
+        cy.get('.summaryHeader').should('be.visible');
+        cy.get('.summaryBody').should('exist');
+        cy.get('.summaryBody').should('be.visible');
+    });
+});
-- 
2.40.1


From cd1c1d2e99c84a241c4a4b61e896137aaba5c9b4 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 16 Apr 2025 12:48:05 +0200
Subject: [PATCH 2/3] test: refs #8050 perf test

---
 .../worker/workerManagement.spec.js           | 23 ++++++++-----------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/test/cypress/integration/worker/workerManagement.spec.js b/test/cypress/integration/worker/workerManagement.spec.js
index 4615c6b7d..590dfe6d2 100644
--- a/test/cypress/integration/worker/workerManagement.spec.js
+++ b/test/cypress/integration/worker/workerManagement.spec.js
@@ -1,22 +1,17 @@
 describe('WorkerList', () => {
     const nif = '12091201A';
-    const name = 'developer';
     const searchButton = '.q-scrollarea__content > .q-btn--standard > .q-btn__content';
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('/#/worker/management');
-        cy.typeSearchbar('{enter}');
+    const url = '/#/worker/management';
+
+    it('should not enter the section', () => {
+        cy.login('salesPerson');
+        cy.visit(url);
+        cy.url().should('include', '/dashboard');
     });
 
-    it('should filter and show only two results', () => {
-        cy.get(
-            '[label="First name"] > .q-field > .q-field__inner > .q-field__control',
-        ).type(`${name}{enter}`);
-        cy.validateVnTableRows(2);
-    });
-
-    it('should filter by NIF and open the worker summary popup', () => {
+    it('should enter the section and filter by NIF, then open the worker summary popup', () => {
+        cy.login('hr');
+        cy.visit(url);
         cy.get('[label="NIF"] > .q-field > .q-field__inner > .q-field__control').type(
             nif,
         );
-- 
2.40.1


From 124d7f01a52afefd65ad6b48d87751359acb60dc Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 16 Apr 2025 12:57:55 +0200
Subject: [PATCH 3/3] perf: refs #8050 test e2e

---
 src/pages/Worker/WorkerManagementFilter.vue        | 14 ++++++++++----
 .../integration/worker/workerManagement.spec.js    |  6 ++----
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/pages/Worker/WorkerManagementFilter.vue b/src/pages/Worker/WorkerManagementFilter.vue
index 854a05c0f..f5ef8cbfc 100644
--- a/src/pages/Worker/WorkerManagementFilter.vue
+++ b/src/pages/Worker/WorkerManagementFilter.vue
@@ -53,10 +53,16 @@ const getLocale = (label) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput :label="t('management.NIF')" v-model="params.fi" filled
-                        ><template #prepend>
-                            <QIcon name="badge" size="xs"></QIcon> </template
-                    ></VnInput>
+                    <VnInput
+                        :label="t('management.NIF')"
+                        v-model="params.fi"
+                        filled
+                        data-cy="worker-filter-fi"
+                    >
+                        <template #prepend>
+                            <QIcon name="badge" size="xs" />
+                        </template>
+                    </VnInput>
                 </QItemSection>
             </QItem>
             <QItem>
diff --git a/test/cypress/integration/worker/workerManagement.spec.js b/test/cypress/integration/worker/workerManagement.spec.js
index 590dfe6d2..ef605f464 100644
--- a/test/cypress/integration/worker/workerManagement.spec.js
+++ b/test/cypress/integration/worker/workerManagement.spec.js
@@ -1,4 +1,4 @@
-describe('WorkerList', () => {
+describe('WorkerManagement', () => {
     const nif = '12091201A';
     const searchButton = '.q-scrollarea__content > .q-btn--standard > .q-btn__content';
     const url = '/#/worker/management';
@@ -12,9 +12,7 @@ describe('WorkerList', () => {
     it('should enter the section and filter by NIF, then open the worker summary popup', () => {
         cy.login('hr');
         cy.visit(url);
-        cy.get('[label="NIF"] > .q-field > .q-field__inner > .q-field__control').type(
-            nif,
-        );
+        cy.dataCy('worker-filter-fi').type(nif);
         cy.get(searchButton).click();
         cy.dataCy('tableAction-0').click();
         cy.get('.summaryHeader').should('exist');
-- 
2.40.1