.dockerignore

@@ -1 +0,0 @@
-node_modules

Jenkinsfile

@@ -1,7 +1,6 @@
 #!/usr/bin/env groovy
 
 def PROTECTED_BRANCH
-def IS_LATEST
 
 def BRANCH_ENV = [
     test: 'test',
@@ -11,19 +10,17 @@ def BRANCH_ENV = [
 
 node {
     stage('Setup') {
+        env.FRONT_REPLICAS = 1
         env.NODE_ENV = BRANCH_ENV[env.BRANCH_NAME] ?: 'dev'
+
         PROTECTED_BRANCH = [
             'dev',
             'test',
             'master',
-            'main',
             'beta'
-        ]
+        ].contains(env.BRANCH_NAME)
 
-        IS_PROTECTED_BRANCH = PROTECTED_BRANCH.contains(env.BRANCH_NAME)
-        IS_LATEST = ['master', 'main'].contains(env.BRANCH_NAME)
-
-       // https://www.jenkins.io/doc/book/pipeline/jenkinsfile/#using-environment-variables
+        // https://www.jenkins.io/doc/book/pipeline/jenkinsfile/#using-environment-variables
         echo "NODE_NAME: ${env.NODE_NAME}"
         echo "WORKSPACE: ${env.WORKSPACE}"
 
@@ -36,7 +33,7 @@ node {
             props.each {key, value -> echo "${key}: ${value}" }
         }
 
-        if (IS_PROTECTED_BRANCH) {
+        if (PROTECTED_BRANCH) {
             configFileProvider([
                 configFile(fileId: "salix-front.branch.${env.BRANCH_NAME}",
                 variable: 'BRANCH_PROPS_FILE')
@@ -61,19 +58,6 @@ pipeline {
         PROJECT_NAME = 'lilium'
     }
     stages {
-        stage('Version') {
-            when {
-                expression { IS_PROTECTED_BRANCH }
-            }
-            steps {
-                script {
-                    def packageJson = readJSON file: 'package.json'
-                    def version = "${packageJson.version}-build${env.BUILD_ID}"
-                    writeFile(file: 'VERSION.txt', text: version)
-                    echo "VERSION: ${version}"
-                }
-            }
-        }
         stage('Install') {
             environment {
                 NODE_ENV = ""
@@ -84,85 +68,48 @@ pipeline {
         }
         stage('Test') {
             when {
-                expression { !IS_PROTECTED_BRANCH }
+                expression { !PROTECTED_BRANCH }
             }
             environment {
-                NODE_ENV = ''
-                CI = 'true'
-                TZ = 'Europe/Madrid'
+                NODE_ENV = ""
             }
-            parallel {
-                stage('Unit') {
-                    steps {
-                        sh 'pnpm run test:front:ci'
-                    }
-                    post {
-                        always {
-                            junit(
-                                testResults: 'junit/vitest.xml',
-                                allowEmptyResults: true
-                            )
-                        }
-                    }
-                }
-                stage('E2E') {
-                    environment {
-                        CREDENTIALS = credentials('docker-registry')
-                        COMPOSE_PROJECT = "${PROJECT_NAME}-${env.BUILD_ID}"
-                        COMPOSE_PARAMS = "-p ${env.COMPOSE_PROJECT} -f test/cypress/docker-compose.yml --project-directory ."
-                    }
-                    steps {
-                        script {
-                            sh 'rm junit/e2e-*.xml || true'
-                            env.COMPOSE_TAG = PROTECTED_BRANCH.contains(env.CHANGE_TARGET) ? env.CHANGE_TARGET : 'dev'
-                            def image = docker.build('lilium-dev', '-f docs/Dockerfile.dev docs')
-                            sh "docker-compose ${env.COMPOSE_PARAMS} up -d"
-                            image.inside("--network ${env.COMPOSE_PROJECT}_default -e CI -e TZ") {
-                                sh 'cypress run --browser chromium || true'
-                            }
-                        }
-                    }
-                    post {
-                        always {
-                            sh "docker-compose ${env.COMPOSE_PARAMS} down -v"
-                            junit(
-                                testResults: 'junit/e2e-*.xml',
-                                allowEmptyResults: true
-                            )
-                        }
-                    }
+            steps {
+                sh 'pnpm run test:unit:ci'
+            }
+              post {
+                always {
+                    junit(
+                        testResults: 'junitresults.xml',
+                        allowEmptyResults: true
+                    )
                 }
             }
         }
         stage('Build') {
             when {
-                expression { IS_PROTECTED_BRANCH }
+                expression { PROTECTED_BRANCH }
             }
             environment {
-                VERSION = readFile 'VERSION.txt'
+                CREDENTIALS = credentials('docker-registry')
             }
             steps {
+                sh 'quasar build'
                 script {
-                    sh 'quasar build'
-
-                    def baseImage = "salix-frontend:${env.VERSION}"
-                    def image = docker.build(baseImage, ".")
-                    docker.withRegistry("https://${env.REGISTRY}", 'docker-registry') {
-                        image.push()
-                        image.push(env.BRANCH_NAME)
-                        if (IS_LATEST) image.push('latest')
-                    }
+                    def packageJson = readJSON file: 'package.json'
+                    env.VERSION = "${packageJson.version}-build${env.BUILD_ID}"
                 }
+                dockerBuild()
             }
         }
         stage('Deploy') {
             when {
-                expression { IS_PROTECTED_BRANCH }
-            }
-            environment {
-                VERSION = readFile 'VERSION.txt'
+                expression { PROTECTED_BRANCH }
             }
             steps {
+                script {
+                    def packageJson = readJSON file: 'package.json'
+                    env.VERSION = "${packageJson.version}-build${env.BUILD_ID}"
+                }
                 withKubeConfig([
                     serverUrl: "$KUBERNETES_API",
                     credentialsId: 'kubernetes',

README.md

@@ -23,7 +23,7 @@ quasar dev
 ### Run unit tests
 
 ```bash
-pnpm run test:front
+pnpm run test:unit
 ```
 
 ### Run e2e tests

cypress.config.js

@@ -1,37 +1,12 @@
 import { defineConfig } from 'cypress';
-
-let urlHost, reporter, reporterOptions;
-
-if (process.env.CI) {
-    urlHost = 'front';
-    reporter = 'junit';
-    reporterOptions = {
-        mochaFile: 'junit/e2e-[hash].xml',
-        toConsole: false,
-    };
-} else {
-    urlHost = 'localhost';
-    reporter = 'cypress-mochawesome-reporter';
-    reporterOptions = {
-        charts: true,
-        reportPageTitle: 'Cypress Inline Reporter',
-        reportFilename: '[status]_[datetime]-report',
-        embeddedScreenshots: true,
-        reportDir: 'test/cypress/reports',
-        inlineAssets: true,
-    };
-}
+// https://docs.cypress.io/app/tooling/reporters
+// https://docs.cypress.io/app/references/configuration
+// https://www.npmjs.com/package/cypress-mochawesome-reporter
 
 export default defineConfig({
     e2e: {
-        baseUrl: `http://${urlHost}:9000`,
-        experimentalStudio: false,
-        defaultCommandTimeout: 10000,
-        trashAssetsBeforeRuns: false,
-        requestTimeout: 10000,
-        responseTimeout: 30000,
-        pageLoadTimeout: 60000,
-        defaultBrowser: 'chromium',
+        baseUrl: 'http://localhost:9000/',
+        experimentalStudio: true,
         fixturesFolder: 'test/cypress/fixtures',
         screenshotsFolder: 'test/cypress/screenshots',
         supportFile: 'test/cypress/support/index.js',
@@ -39,19 +14,29 @@ export default defineConfig({
         downloadsFolder: 'test/cypress/downloads',
         video: false,
         specPattern: 'test/cypress/integration/**/*.spec.js',
-        experimentalRunAllSpecs: true,
-        watchForFileChanges: true,
-        reporter,
-        reporterOptions,
+        experimentalRunAllSpecs: false,
+        watchForFileChanges: false,
+        reporter: 'cypress-mochawesome-reporter',
+        reporterOptions: {
+            charts: true,
+            reportPageTitle: 'Cypress Inline Reporter',
+            reportFilename: '[status]_[datetime]-report',
+            embeddedScreenshots: true,
+            reportDir: 'test/cypress/reports',
+            inlineAssets: true,
+        },
         component: {
             componentFolder: 'src',
             testFiles: '**/*.spec.js',
             supportFile: 'test/cypress/support/unit.js',
         },
+        setupNodeEvents: async (on, config) => {
+            const plugin = await import('cypress-mochawesome-reporter/plugin');
+            plugin.default(on);
+
+            return config;
+        },
         viewportWidth: 1280,
         viewportHeight: 720,
     },
-    experimentalMemoryManagement: true,
-    defaultCommandTimeout: 10000,
-    numTestsKeptInMemory: 2,
 });

docker-compose.yml

@@ -0,0 +1,7 @@
+version: '3.7'
+services:
+  main:
+    image: registry.verdnatura.es/salix-frontend:${VERSION:?}
+    build:
+      context: .
+      dockerfile: ./Dockerfile

docs/Dockerfile.dev

@@ -1,45 +0,0 @@
-FROM debian:12.9-slim
-
-ARG DEBIAN_FRONTEND=noninteractive
-
-RUN apt-get update \
-    && apt-get install -y --no-install-recommends \
-        ca-certificates \
-        curl \
-        gnupg2 \
-    && curl -fsSL https://deb.nodesource.com/setup_20.x | bash - \
-    && apt-get install -y --no-install-recommends nodejs \
-    && npm install -g corepack@0.31.0 \
-    && corepack enable pnpm \
-    && rm -rf /var/lib/apt/lists/*
-
-RUN apt-get update \
-    && apt-get -y --no-install-recommends install \
-        apt-utils \
-        chromium \
-        libasound2 \
-        libgbm-dev \
-        libgtk-3-0 \
-        libgtk2.0-0 \
-        libnotify-dev \
-        libnss3 \
-        libxss1 \
-        libxtst6 \
-        xauth \
-        xvfb \
-    && apt-get clean \
-    && rm -rf /var/lib/apt/lists/*
-
-RUN groupadd -r -g 1000 app \
-    && useradd -r -u 1000 -g app -m -d /home/app app
-USER app
-
-ENV SHELL=bash
-ENV PNPM_HOME="/home/app/.local/share/pnpm"
-ENV PATH="$PNPM_HOME:$PATH"
-
-RUN pnpm setup \
-    && pnpm install --global cypress@13.6.6 \
-    && cypress install
-
-WORKDIR /app

package.json

@@ -1,6 +1,6 @@
 {
     "name": "salix-front",
-    "version": "25.10.0",
+    "version": "25.08.0",
     "description": "Salix frontend",
     "productName": "Salix",
     "author": "Verdnatura",
@@ -14,8 +14,8 @@
         "test:e2e": "cypress open",
         "test:e2e:ci": "npm run resetDatabase && cd ../salix-front && cypress run",
         "test": "echo \"See package.json => scripts for available tests.\" && exit 0",
-        "test:front": "vitest",
-        "test:front:ci": "vitest run",
+        "test:unit": "vitest",
+        "test:unit:ci": "vitest run",
         "commitlint": "commitlint --edit",
         "prepare": "npx husky install",
         "addReferenceTag": "node .husky/addReferenceTag.js",
@@ -71,4 +71,4 @@
         "vite": "^6.0.11",
         "vitest": "^0.31.1"
     }
-}
+}

proxy-serve.js

@@ -1,6 +1,6 @@
 export default [
     {
         path: '/api',
-        rule: { target: 'http://127.0.0.1:3000' },
+        rule: { target: 'http://0.0.0.0:3000' },
     },
 ];

quasar.config.js

@@ -11,7 +11,6 @@
 import { configure } from 'quasar/wrappers';
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 import path from 'path';
-const target = `http://${process.env.CI ? 'back' : 'localhost'}:3000`;
 
 export default configure(function (/* ctx */) {
     return {
@@ -109,17 +108,13 @@ export default configure(function (/* ctx */) {
             },
             proxy: {
                 '/api': {
-                    target: target,
+                    target: 'http://0.0.0.0:3000',
                     logLevel: 'debug',
                     changeOrigin: true,
                     secure: false,
                 },
             },
             open: false,
-            allowedHosts: [
-                'front', // Agrega este nombre de host
-                'localhost', // Opcional, para pruebas locales
-            ],
         },
 
         // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework

src/components/FormModel.vue

@@ -12,7 +12,6 @@ import SkeletonForm from 'components/ui/SkeletonForm.vue';
 import VnConfirm from './ui/VnConfirm.vue';
 import { tMobile } from 'src/composables/tMobile';
 import { useArrayData } from 'src/composables/useArrayData';
-import { getDifferences, getUpdatedValues } from 'src/filters';
 
 const { push } = useRouter();
 const quasar = useQuasar();
@@ -96,10 +95,6 @@ const $props = defineProps({
         type: [String, Boolean],
         default: '800px',
     },
-    onDataSaved: {
-        type: Function,
-        default: () => {},
-    },
 });
 const emit = defineEmits(['onFetch', 'onDataSaved']);
 const modelValue = computed(
@@ -289,12 +284,7 @@ function trimData(data) {
     }
     return data;
 }
-function onBeforeSave(formData, originalData) {
-    return getUpdatedValues(
-        Object.keys(getDifferences(formData, originalData)),
-        formData,
-    );
-}
+
 async function onKeyup(evt) {
     if (evt.key === 'Enter' && !('prevent-submit' in attrs)) {
         const input = evt.target;
@@ -331,7 +321,6 @@ defineExpose({
             class="q-pa-md"
             :style="maxWidth ? 'max-width: ' + maxWidth : ''"
             id="formModel"
-            :mapper="onBeforeSave"
         >
             <QCard>
                 <slot

src/components/NavBar.vue

@@ -85,15 +85,7 @@ const refresh = () => window.location.reload();
                     </QTooltip>
                     <PinnedModules ref="pinnedModulesRef" />
                 </QBtn>
-                <QBtn
-                    class="q-pa-none"
-                    rounded
-                    dense
-                    flat
-                    no-wrap
-                    id="user"
-                    data-cy="userPanel_btn"
-                >
+                <QBtn class="q-pa-none" rounded dense flat no-wrap id="user">
                     <VnAvatar
                         :worker-id="user.id"
                         :title="user.name"

src/components/VnTable/VnTable.vue

@@ -32,6 +32,7 @@ import VnTableOrder from 'src/components/VnTable/VnOrder.vue';
 import VnTableFilter from './VnTableFilter.vue';
 import { getColAlign } from 'src/composables/getColAlign';
 import RightMenu from '../common/RightMenu.vue';
+import { QItemSection } from 'quasar';
 
 const arrayData = useArrayData(useAttrs()['data-key']);
 const $props = defineProps({
@@ -51,6 +52,10 @@ const $props = defineProps({
         type: Boolean,
         default: true,
     },
+    rightSearchIcon: {
+        type: Boolean,
+        default: true,
+    },
     rowClick: {
         type: [Function, Boolean],
         default: null,
@@ -134,10 +139,6 @@ const $props = defineProps({
     createComplement: {
         type: Object,
     },
-    dataCy: {
-        type: String,
-        default: 'vn-table',
-    },
 });
 
 const { t } = useI18n();
@@ -166,6 +167,7 @@ const app = inject('app');
 const editingRow = ref(null);
 const editingField = ref(null);
 const isTableMode = computed(() => mode.value == TABLE_MODE);
+const showRightIcon = computed(() => $props.rightSearch || $props.rightSearchIcon);
 const selectRegex = /select/;
 const emit = defineEmits(['onFetch', 'update:selected', 'saveChanges']);
 const tableModes = [
@@ -253,9 +255,7 @@ function splitColumns(columns) {
             col.columnFilter = { inWhere: true, ...col.columnFilter };
         splittedColumns.value.columns.push(col);
     }
-
-    splittedColumns.value.create = createOrderSort(splittedColumns.value.create);
-
+    // Status column
     if (splittedColumns.value.chips.length) {
         splittedColumns.value.columnChips = splittedColumns.value.chips.filter(
             (c) => !c.isId,
@@ -271,24 +271,6 @@ function splitColumns(columns) {
     }
 }
 
-function createOrderSort(columns) {
-    const orderedColumn = columns
-        .map((column, index) =>
-            column.createOrder !== undefined ? { ...column, originalIndex: index } : null,
-        )
-        .filter((item) => item !== null);
-
-    orderedColumn.sort((a, b) => a.createOrder - b.createOrder);
-
-    const filteredColumns = columns.filter((col) => col.createOrder === undefined);
-
-    orderedColumn.forEach((col) => {
-        filteredColumns.splice(col.createOrder, 0, col);
-    });
-
-    return filteredColumns;
-}
-
 const rowClickFunction = computed(() => {
     if ($props.rowClick != undefined) return $props.rowClick;
     if ($props.redirect) return ({ id }) => redirectFn(id);
@@ -334,14 +316,8 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
     if (evt?.shiftKey && added) {
         const rowIndex = selectedRows[0].$index;
         const selectedIndexes = new Set(selected.value.map((row) => row.$index));
-        const minIndex = selectedIndexes.size
-            ? Math.min(...selectedIndexes, rowIndex)
-            : 0;
-        const maxIndex = Math.max(...selectedIndexes, rowIndex);
-
-        for (let i = minIndex; i <= maxIndex; i++) {
-            const row = rows[i];
-            if (row.$index == rowIndex) continue;
+        for (const row of rows) {
+            if (row.$index == rowIndex) break;
             if (!selectedIndexes.has(row.$index)) {
                 selected.value.push(row);
                 selectedIndexes.add(row.$index);
@@ -364,11 +340,12 @@ function hasEditableFormat(column) {
 
 const clickHandler = async (event) => {
     const clickedElement = event.target.closest('td');
+
     const isDateElement = event.target.closest('.q-date');
     const isTimeElement = event.target.closest('.q-time');
-    const isQSelectDropDown = event.target.closest('.q-select__dropdown-icon');
+    const isQselectDropDown = event.target.closest('.q-select__dropdown-icon');
 
-    if (isDateElement || isTimeElement || isQSelectDropDown) return;
+    if (isDateElement || isTimeElement || isQselectDropDown) return;
 
     if (clickedElement === null) {
         await destroyInput(editingRow.value, editingField.value);
@@ -607,24 +584,9 @@ function removeTextValue(data, getChanges) {
 
     return data;
 }
-
-function handleRowClick(event, row) {
-    if (event.ctrlKey) return rowCtrlClickFunction.value(event, row);
-    if (rowClickFunction.value) rowClickFunction.value(row);
-}
-
-const rowCtrlClickFunction = computed(() => {
-    if ($props.rowCtrlClick != undefined) return $props.rowCtrlClick;
-    if ($props.redirect)
-        return (evt, { id }) => {
-            stopEventPropagation(evt);
-            window.open(`/#/${$props.redirect}/${id}`, '_blank');
-        };
-    return () => {};
-});
 </script>
 <template>
-    <RightMenu v-if="$props.rightSearch" :overlay="overlay">
+    <RightMenu v-if="$props.rightSearch">
         <template #right-panel>
             <VnTableFilter
                 :data-key="$attrs['data-key']"
@@ -677,7 +639,7 @@ const rowCtrlClickFunction = computed(() => {
                 :style="isTableMode && `max-height: ${tableHeight}`"
                 :virtual-scroll="isTableMode"
                 @virtual-scroll="handleScroll"
-                @row-click="(event, row) => handleRowClick(event, row)"
+                @row-click="(_, row) => rowClickFunction && rowClickFunction(row)"
                 @update:selected="emit('update:selected', $event)"
                 @selection="(details) => handleSelection(details, rows)"
                 :hide-selected-banner="true"
@@ -940,7 +902,6 @@ const rowCtrlClickFunction = computed(() => {
                                     :key="index"
                                     :title="btn.title"
                                     :icon="btn.icon"
-                                    data-cy="cardBtn"
                                     class="q-pa-xs"
                                     :class="
                                         btn.isPrimary
@@ -1024,10 +985,7 @@ const rowCtrlClickFunction = computed(() => {
         >
             <template #form-inputs="{ data }">
                 <div :style="createComplement?.containerStyle">
-                    <div
-                        :style="createComplement?.previousStyle"
-                        v-if="!quasar.screen.xs"
-                    >
+                    <div>
                         <slot name="previous-create-dialog" :data="data" />
                     </div>
                     <div class="grid-create" :style="createComplement?.columnGridStyle">
@@ -1040,10 +998,7 @@ const rowCtrlClickFunction = computed(() => {
                             :label="column.label"
                         >
                             <VnColumn
-                                :column="{
-                                    ...column,
-                                    ...{ disable: column?.createDisable ?? false },
-                                }"
+                                :column="column"
                                 :row="{}"
                                 default="input"
                                 v-model="data[column.name]"

src/components/VnTable/__tests__/VnTable.spec.js

@@ -27,58 +27,30 @@ describe('VnTable', () => {
     beforeEach(() => (vm.selected = []));
 
     describe('handleSelection()', () => {
-        const rows = [
-            { $index: 0 },
-            { $index: 1 },
-            { $index: 2 },
-            { $index: 3 },
-            { $index: 4 },
-        ];
-
-        it('should add rows to selected when shift key is pressed and rows are added in ascending order', () => {
-            const selectedRows = [{ $index: 1 }];
+        const rows = [{ $index: 0 }, { $index: 1 }, { $index: 2 }];
+        const selectedRows = [{ $index: 1 }];
+        it('should add rows to selected when shift key is pressed and rows are added except last one', () => {
             vm.handleSelection(
                 { evt: { shiftKey: true }, added: true, rows: selectedRows },
-                rows,
+                rows
             );
             expect(vm.selected).toEqual([{ $index: 0 }]);
         });
 
-        it('should add rows to selected when shift key is pressed and rows are added in descending order', () => {
-            const selectedRows = [{ $index: 3 }];
-            vm.handleSelection(
-                { evt: { shiftKey: true }, added: true, rows: selectedRows },
-                rows,
-            );
-            expect(vm.selected).toEqual([{ $index: 0 }, { $index: 1 }, { $index: 2 }]);
-        });
-
         it('should not add rows to selected when shift key is not pressed', () => {
-            const selectedRows = [{ $index: 1 }];
             vm.handleSelection(
                 { evt: { shiftKey: false }, added: true, rows: selectedRows },
-                rows,
+                rows
             );
             expect(vm.selected).toEqual([]);
         });
 
         it('should not add rows to selected when rows are not added', () => {
-            const selectedRows = [{ $index: 1 }];
             vm.handleSelection(
                 { evt: { shiftKey: true }, added: false, rows: selectedRows },
-                rows,
+                rows
             );
             expect(vm.selected).toEqual([]);
         });
-
-        it('should add all rows between the smallest and largest selected indexes', () => {
-            vm.selected = [{ $index: 1 }, { $index: 3 }];
-            const selectedRows = [{ $index: 4 }];
-            vm.handleSelection(
-                { evt: { shiftKey: true }, added: true, rows: selectedRows },
-                rows,
-            );
-            expect(vm.selected).toEqual([{ $index: 1 }, { $index: 3 }, { $index: 2 }]);
-        });
     });
 });

src/components/common/RightMenu.vue

@@ -11,13 +11,6 @@ const stateStore = useStateStore();
 const slots = useSlots();
 const hasContent = useHasContent('#right-panel');
 
-defineProps({
-    overlay: {
-        type: Boolean,
-        default: false,
-    },
-});
-
 onMounted(() => {
     if ((!slots['right-panel'] && !hasContent.value) || quasar.platform.is.mobile)
         stateStore.rightDrawer = false;
@@ -41,12 +34,7 @@ onMounted(() => {
             </QBtn>
         </div>
     </Teleport>
-    <QDrawer
-        v-model="stateStore.rightDrawer"
-        side="right"
-        :width="256"
-        :overlay="overlay"
-    >
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256">
         <QScrollArea class="fit">
             <div id="right-panel"></div>
             <slot v-if="!hasContent" name="right-panel" />

src/components/common/VnCheckbox.vue

@@ -27,7 +27,7 @@ const checkboxModel = computed({
 </script>
 <template>
     <div>
-        <QCheckbox v-bind="$attrs" v-model="checkboxModel" />
+        <QCheckbox v-bind="$attrs" v-on="$attrs" v-model="checkboxModel" />
         <QIcon
             v-if="info"
             v-bind="$attrs"

src/components/common/VnInputDate.vue

@@ -107,7 +107,6 @@ const manageDate = (date) => {
             @click="isPopupOpen = !isPopupOpen"
             @keydown="isPopupOpen = false"
             hide-bottom-space
-            :data-cy="$attrs.dataCy ?? $attrs.label + '_inputDate'"
         >
             <template #append>
                 <QIcon

src/components/common/VnLog.vue

@@ -641,7 +641,15 @@ watch(
                                                     >
                                                         {{ prop.nameI18n }}:
                                                     </span>
+                                                    <VnJsonValue :value="prop.val.val" />
+                                                    <span
+                                                        v-if="prop.val.id"
+                                                        class="id-value"
+                                                    >
+                                                        #{{ prop.val.id }}
+                                                    </span>
                                                     <span v-if="log.action == 'update'">
+                                                        ←
                                                         <VnJsonValue
                                                             :value="prop.old.val"
                                                         />
@@ -651,26 +659,6 @@ watch(
                                                         >
                                                             #{{ prop.old.id }}
                                                         </span>
-                                                        →
-                                                        <VnJsonValue
-                                                            :value="prop.val.val"
-                                                        />
-                                                        <span
-                                                            v-if="prop.val.id"
-                                                            class="id-value"
-                                                        >
-                                                            #{{ prop.val.id }}
-                                                        </span>
-                                                    </span>
-                                                    <span v-else="prop.old.val">
-                                                        <VnJsonValue
-                                                            :value="prop.val.val"
-                                                        />
-                                                        <span
-                                                            v-if="prop.old.id"
-                                                            class="id-value"
-                                                            >#{{ prop.old.id }}</span
-                                                        >
                                                     </span>
                                                 </div>
                                             </span>

src/components/common/VnSelect.vue

@@ -302,6 +302,8 @@ defineExpose({ opts: myOptions, vnSelectRef });
 
 function handleKeyDown(event) {
     if (event.key === 'Tab' && !event.shiftKey) {
+        event.preventDefault();
+
         const inputValue = vnSelectRef.value?.inputValue;
 
         if (inputValue) {

src/components/ui/CardDescriptor.vue

@@ -200,22 +200,22 @@ const toModule = computed(() =>
                         </div>
                     </QItemLabel>
                     <QItem>
-                        <QItemLabel class="subtitle">
+                        <QItemLabel class="subtitle" caption>
                             #{{ getValueFromPath(subtitle) ?? entity.id }}
+                            <QBtn
+                                round
+                                flat
+                                dense
+                                size="sm"
+                                icon="content_copy"
+                                color="primary"
+                                @click.stop="copyIdText(entity.id)"
+                            >
+                                <QTooltip>
+                                    {{ t('globals.copyId') }}
+                                </QTooltip>
+                            </QBtn>
                         </QItemLabel>
-                        <QBtn
-                            round
-                            flat
-                            dense
-                            size="sm"
-                            icon="content_copy"
-                            color="primary"
-                            @click.stop="copyIdText(entity.id)"
-                        >
-                            <QTooltip>
-                                {{ t('globals.copyId') }}
-                            </QTooltip>
-                        </QBtn>
                     </QItem>
                 </QList>
                 <div class="list-box q-mt-xs">
@@ -225,7 +225,7 @@ const toModule = computed(() =>
             <div class="icons">
                 <slot name="icons" :entity="entity" />
             </div>
-            <div class="actions justify-center" data-cy="descriptor_actions">
+            <div class="actions justify-center">
                 <slot name="actions" :entity="entity" />
             </div>
             <slot name="after" />

src/components/ui/VnSearchbar.vue

@@ -204,9 +204,8 @@ async function search() {
 }
 
 :deep(.q-field--focused) {
-    .q-icon,
-    .q-placeholder {
-        color: var(--vn-black-text-color);
+    .q-icon {
+        color: black;
     }
 }
 

src/composables/checkEntryLock.js

@@ -29,6 +29,7 @@ export async function checkEntryLock(entryFk, userFk) {
                 .dialog({
                     component: VnConfirm,
                     componentProps: {
+                        'data-cy': 'entry-lock-confirm',
                         title: t('entry.lock.title'),
                         message: t('entry.lock.message', {
                             userName: data?.user?.nickname,

src/css/app.scss

@@ -335,7 +335,3 @@ input::-webkit-inner-spin-button {
     border: 1px solid;
     box-shadow: 0 4px 6px #00000000;
 }
-
-.containerShrinked {
-    width: 80%;
-}

src/i18n/locale/en.yml

@@ -694,10 +694,8 @@ worker:
         machine: Machine
     business:
         tableVisibleColumns:
-            id: ID
             started: Start Date
             ended: End Date
-            hourlyLabor: Time sheet
             company: Company
             reasonEnd: Reason for Termination
             department: Department
@@ -705,7 +703,6 @@ worker:
             calendarType: Work Calendar
             workCenter: Work Center
             payrollCategories: Contract Category
-            workerBusinessAgreementName: Agreement
             occupationCode: Contribution Code
             rate: Rate
             businessType: Contract Type

src/i18n/locale/es.yml

@@ -770,10 +770,8 @@ worker:
             concept: Concepto
     business:
         tableVisibleColumns:
-            id: Id
             started: Fecha inicio
             ended: Fecha fin
-            hourlyLabor: Ficha
             company: Empresa
             reasonEnd: Motivo finalización
             department: Departamento
@@ -784,13 +782,12 @@ worker:
             occupationCode: Cotización
             rate: Tarifa
             businessType: Contrato
-            workerBusinessAgreementName: Convenio
             amount: Salario
             basicSalary: Salario transportistas
             notes: Notas
     operator:
         numberOfWagons: Número de vagones
-        train: Tren
+        train: tren
         itemPackingType: Tipo de embalaje
         warehouse: Almacén
         sector: Sector

src/pages/Claim/Card/ClaimAction.vue

@@ -27,7 +27,6 @@ const claimActionsForm = ref();
 const rows = ref([]);
 const selectedRows = ref([]);
 const destinationTypes = ref([]);
-const shelvings = ref([]);
 const totalClaimed = ref(null);
 const DEFAULT_MAX_RESPONSABILITY = 5;
 const DEFAULT_MIN_RESPONSABILITY = 1;
@@ -57,12 +56,6 @@ const columns = computed(() => [
         field: (row) => row.claimDestinationFk,
         align: 'left',
     },
-    {
-        name: 'shelving',
-        label: t('shelvings.shelving'),
-        field: (row) => row.shelvingFk,
-        align: 'left',
-    },
     {
         name: 'Landed',
         label: t('Landed'),
@@ -132,10 +125,6 @@ async function updateDestination(claimDestinationFk, row, options = {}) {
         options.reload && claimActionsForm.value.reload();
     }
 }
-async function updateShelving(shelvingFk, row) {
-    await axios.patch(`ClaimEnds/${row.id}`, { shelvingFk });
-    claimActionsForm.value.reload();
-}
 
 async function regularizeClaim() {
     await post(`Claims/${claimId}/regularizeClaim`);
@@ -211,7 +200,6 @@ async function post(query, params) {
         auto-load
         @on-fetch="(data) => (destinationTypes = data)"
     />
-    <FetchData url="Shelvings" auto-load @on-fetch="(data) => (shelvings = data)" />
     <RightMenu v-if="claim">
         <template #right-panel>
             <QCard class="totalClaim q-my-md q-pa-sm no-box-shadow">
@@ -324,20 +312,6 @@ async function post(query, params) {
                         />
                     </QTd>
                 </template>
-                <template #body-cell-shelving="{ row }">
-                    <QTd>
-                        <VnSelect
-                            v-model="row.shelvingFk"
-                            :options="shelvings"
-                            option-label="code"
-                            option-value="id"
-                            style="width: 100px"
-                            hide-selected
-                            @update:model-value="(value) => updateShelving(value, row)"
-                        />
-                    </QTd>
-                </template>
-
                 <template #body-cell-price="{ value }">
                     <QTd align="center">
                         {{ toCurrency(value) }}
@@ -380,7 +354,7 @@ async function post(query, params) {
                                                     (value) =>
                                                         updateDestination(
                                                             value,
-                                                            props.row,
+                                                            props.row
                                                         )
                                                 "
                                             />
@@ -397,17 +371,6 @@ async function post(query, params) {
             </QTable>
         </template>
         <template #moreBeforeActions>
-            <QBtn
-                color="primary"
-                text-color="white"
-                :unelevated="true"
-                :label="tMobile('Import claim')"
-                :title="t('Import claim')"
-                icon="Download"
-                @click="importToNewRefundTicket"
-                :disable="claim.claimStateFk == resolvedStateId"
-                :loading="loading"
-            />
             <QBtn
                 color="primary"
                 text-color="white"
@@ -431,6 +394,17 @@ async function post(query, params) {
                 @click="dialogDestination = !dialogDestination"
                 :loading="loading"
             />
+            <QBtn
+                color="primary"
+                text-color="white"
+                :unelevated="true"
+                :label="tMobile('Import claim')"
+                :title="t('Import claim')"
+                icon="Upload"
+                @click="importToNewRefundTicket"
+                :disable="claim.claimStateFk == resolvedStateId"
+                :loading="loading"
+            />
         </template>
     </CrudModel>
     <QDialog v-model="dialogDestination">

src/pages/Claim/Card/ClaimBasicData.vue

@@ -40,7 +40,7 @@ const workersOptions = ref([]);
             </VnRow>
             <VnRow>
                 <VnSelect
-                    :label="t('claim.attendedBy')"
+                    :label="t('claim.assignedTo')"
                     v-model="data.workerFk"
                     :options="workersOptions"
                     option-value="id"

src/pages/Claim/Card/ClaimSummary.vue

@@ -233,27 +233,20 @@ function claimUrl(section) {
             <ClaimDescriptorMenu :claim="entity.claim" />
         </template>
         <template #body="{ entity: { claim, salesClaimed, developments } }">
-            <QCard class="vn-one">
+            <QCard class="vn-one" v-if="$route.name != 'ClaimSummary'">
                 <VnTitle
                     :url="claimUrl('basic-data')"
                     :text="t('globals.pageTitles.basicData')"
                 />
-                <VnLv
-                    v-if="$route.name != 'ClaimSummary'"
-                    :label="t('claim.created')"
-                    :value="toDate(claim.created)"
-                />
-                <VnLv v-if="$route.name != 'ClaimSummary'" :label="t('claim.state')">
+                <VnLv :label="t('claim.created')" :value="toDate(claim.created)" />
+                <VnLv :label="t('claim.state')">
                     <template #value>
                         <QChip :color="stateColor(claim.claimState.code)" dense>
                             {{ claim.claimState.description }}
                         </QChip>
                     </template>
                 </VnLv>
-                <VnLv
-                    v-if="$route.name != 'ClaimSummary'"
-                    :label="t('globals.salesPerson')"
-                >
+                <VnLv :label="t('globals.salesPerson')">
                     <template #value>
                         <VnUserLink
                             :name="claim.client?.salesPersonUser?.name"
@@ -261,7 +254,7 @@ function claimUrl(section) {
                         />
                     </template>
                 </VnLv>
-                <VnLv v-if="$route.name != 'ClaimSummary'" :label="t('claim.attendedBy')">
+                <VnLv :label="t('claim.attendedBy')">
                     <template #value>
                         <VnUserLink
                             :name="claim.worker?.user?.nickname"
@@ -269,7 +262,7 @@ function claimUrl(section) {
                         />
                     </template>
                 </VnLv>
-                <VnLv v-if="$route.name != 'ClaimSummary'" :label="t('claim.customer')">
+                <VnLv :label="t('claim.customer')">
                     <template #value>
                         <span class="link cursor-pointer">
                             {{ claim.client?.name }}
@@ -281,11 +274,6 @@ function claimUrl(section) {
                     :label="t('claim.pickup')"
                     :value="`${dashIfEmpty(claim.pickup)}`"
                 />
-                <VnLv
-                    :label="t('globals.packages')"
-                    :value="`${dashIfEmpty(claim.packages)}`"
-                    :translation="(value) => t(`claim.packages`)"
-                />
             </QCard>
             <QCard class="vn-two">
                 <VnTitle :url="claimUrl('notes')" :text="t('claim.notes')" />

src/pages/Claim/Card/ClaimSummaryAction.vue

@@ -19,36 +19,30 @@ const columns = [
         name: 'itemFk',
         label: t('Id item'),
         columnFilter: false,
-        align: 'right',
+        align: 'left',
     },
     {
         name: 'ticketFk',
         label: t('Ticket'),
         columnFilter: false,
-        align: 'right',
+        align: 'left',
     },
     {
         name: 'claimDestinationFk',
         label: t('Destination'),
         columnFilter: false,
-        align: 'right',
-    },
-    {
-        name: 'shelvingCode',
-        label: t('Shelving'),
-        columnFilter: false,
-        align: 'right',
+        align: 'left',
     },
     {
         name: 'landed',
         label: t('Landed'),
         format: (row) => toDate(row.landed),
-        align: 'center',
+        align: 'left',
     },
     {
         name: 'quantity',
         label: t('Quantity'),
-        align: 'right',
+        align: 'left',
     },
     {
         name: 'concept',
@@ -58,18 +52,18 @@ const columns = [
     {
         name: 'price',
         label: t('Price'),
-        align: 'right',
+        align: 'left',
     },
     {
         name: 'discount',
         label: t('Discount'),
         format: ({ discount }) => toPercentage(discount / 100),
-        align: 'right',
+        align: 'left',
     },
     {
         name: 'total',
         label: t('Total'),
-        align: 'right',
+        align: 'left',
     },
 ];
 </script>

src/pages/Claim/ClaimFilter.vue

@@ -106,6 +106,7 @@ const props = defineProps({
                     :label="t('claim.zone')"
                     v-model="params.zoneFk"
                     url="Zones"
+                    :use-like="false"
                     outlined
                     rounded
                     dense

src/pages/Claim/locale/en.yml

@@ -13,6 +13,7 @@ claim:
     province: Province
     zone: Zone
     customerId: client ID
+    assignedTo: Assigned
     created: Created
     details: Details
     item: Item

src/pages/Claim/locale/es.yml

@@ -13,6 +13,7 @@ claim:
     province: Provincia
     zone: Zona
     customerId: ID de cliente
+    assignedTo: Asignado a
     created: Creado
     details: Detalles
     item: Artículo

src/pages/Entry/Card/EntryBuys.vue

@@ -54,7 +54,6 @@ const columns = [
             toggleIndeterminate: false,
         },
         create: true,
-        createOrder: 12,
         width: '25px',
     },
     {
@@ -62,10 +61,9 @@ const columns = [
         name: 'workerFk',
         component: 'select',
         attrs: {
-            url: 'TicketRequests/getItemTypeWorker',
+            url: 'Workers/search',
             fields: ['id', 'nickname'],
             optionLabel: 'nickname',
-            sortBy: 'nickname ASC',
             optionValue: 'id',
         },
         visible: false,
@@ -89,6 +87,15 @@ const columns = [
         isEditable: false,
         columnFilter: false,
     },
+    {
+        name: 'entryFk',
+        isId: true,
+        visible: false,
+        isEditable: false,
+        disable: true,
+        create: true,
+        columnFilter: false,
+    },
     {
         align: 'center',
         label: 'Id',
@@ -130,7 +137,6 @@ const columns = [
         name: 'itemFk',
         visible: false,
         create: true,
-        createOrder: 0,
         columnFilter: false,
     },
     {
@@ -154,8 +160,6 @@ const columns = [
         name: 'stickers',
         component: 'input',
         create: true,
-
-        createOrder: 1,
         attrs: {
             positive: false,
         },
@@ -267,7 +271,6 @@ const columns = [
         },
         width: '45px',
         create: true,
-        createOrder: 3,
         style: getQuantityStyle,
     },
     {
@@ -277,7 +280,6 @@ const columns = [
         toolTip: t('Buying value'),
         name: 'buyingValue',
         create: true,
-        createOrder: 2,
         component: 'number',
         attrs: {
             positive: false,
@@ -310,7 +312,6 @@ const columns = [
         toolTip: t('Package'),
         name: 'price2',
         component: 'number',
-        createDisable: true,
         width: '35px',
         create: true,
         format: (row) => parseFloat(row['price2']).toFixed(2),
@@ -320,7 +321,6 @@ const columns = [
         label: t('Box'),
         name: 'price3',
         component: 'number',
-        createDisable: true,
         cellEvent: {
             'update:modelValue': async (value, oldValue, row) => {
                 row['price2'] = row['price2'] * (value / oldValue);
@@ -508,14 +508,13 @@ async function setBuyUltimate(itemFk, data) {
         },
     });
     const buyUltimateData = buyUltimate.data[0];
-    if (!buyUltimateData) return;
 
     const allowedKeys = columns
         .filter((col) => col.create === true)
         .map((col) => col.name);
 
     allowedKeys.forEach((key) => {
-        if (buyUltimateData?.hasOwnProperty(key) && key !== 'entryFk') {
+        if (buyUltimateData.hasOwnProperty(key) && key !== 'entryFk') {
             if (!['stickers', 'quantity'].includes(key)) data[key] = buyUltimateData[key];
         }
     });
@@ -608,7 +607,6 @@ onMounted(() => {
         ref="entryBuysRef"
         data-key="EntryBuys"
         :url="`Entries/${entityId}/getBuyList`"
-        search-url="EntryBuys"
         save-url="Buys/crud"
         :disable-option="{ card: true }"
         v-model:selected="selectedRows"
@@ -638,19 +636,16 @@ onMounted(() => {
             isFullWidth: true,
             containerStyle: {
                 display: 'flex',
+                'flex-wrap': 'wrap',
                 gap: '16px',
                 position: 'relative',
+                height: '500px',
             },
             columnGridStyle: {
                 'max-width': '50%',
-                'margin-right': '30px',
                 flex: 1,
+                'margin-right': '30px',
             },
-            previousStyle: {
-                'max-width': '30%',
-                height: '500px',
-            },
-            displayPrevious: true,
         }"
         :is-editable="editableMode"
         :without-header="!editableMode"
@@ -665,7 +660,6 @@ onMounted(() => {
         auto-load
         footer
         data-cy="entry-buys"
-        overlay
     >
         <template #column-hex="{ row }">
             <VnColor :colors="row?.hexJson" style="height: 100%; min-width: 2000px" />

src/pages/Entry/EntryBuysTableDialog.vue

@@ -65,7 +65,7 @@ const entriesTableColumns = computed(() => [
 ]);
 
 function downloadCSV(rows) {
-    const headers = ['id', 'itemFk', 'name', 'stickers', 'packing', 'grouping', 'comment'];
+    const headers = ['id', 'itemFk', 'name', 'stickers', 'packing', 'comment'];
 
     const csvRows = rows.map((row) => {
         const buy = row;
@@ -77,7 +77,6 @@ function downloadCSV(rows) {
             item.name || '',
             buy.stickers,
             buy.packing,
-            buy.grouping,
             item.comment || '',
         ].join(',');
     });

src/pages/Entry/EntryFilter.vue

@@ -248,7 +248,7 @@ const entryFilterPanel = ref();
 <i18n>
 en:
     params:
-        isExcludedFromAvailable: Is excluded
+        isExcludedFromAvailable: Inventory
         isOrdered: Ordered
         isReceived: Received
         isConfirmed: Confirmed

src/pages/Entry/EntryList.vue

@@ -11,8 +11,6 @@ import VnTable from 'components/VnTable/VnTable.vue';
 import SupplierDescriptorProxy from 'src/pages/Supplier/Card/SupplierDescriptorProxy.vue';
 import VnSelectTravelExtended from 'src/components/common/VnSelectTravelExtended.vue';
 import { toDate } from 'src/filters';
-import { useSummaryDialog } from 'src/composables/useSummaryDialog';
-import EntrySummary from './Card/EntrySummary.vue';
 
 const { t } = useI18n();
 const tableRef = ref();
@@ -20,7 +18,6 @@ const defaultEntry = ref({});
 const state = useState();
 const user = state.getUser();
 const dataKey = 'EntryList';
-const { viewSummary } = useSummaryDialog();
 
 const entryQueryFilter = {
     include: [
@@ -225,19 +222,6 @@ const columns = computed(() => [
         visible: false,
         create: true,
     },
-    {
-        align: 'right',
-        label: '',
-        name: 'tableActions',
-        actions: [
-            {
-                title: t('components.smartCard.viewSummary'),
-                icon: 'preview',
-                isPrimary: true,
-                action: (row) => viewSummary(row.id, EntrySummary, 'xlg-width'),
-            },
-        ],
-    },
 ]);
 function getBadgeAttrs(row) {
     const date = row.landed;
@@ -283,7 +267,16 @@ onBeforeMount(async () => {
 </script>
 
 <template>
-    <VnSection :data-key="dataKey" prefix="entry">
+    <VnSection
+        :data-key="dataKey"
+        prefix="entry"
+        url="Entries/filter"
+        :array-data-props="{
+            url: 'Entries/filter',
+            order: 'landed DESC',
+            userFilter: entryQueryFilter,
+        }"
+    >
         <template #advanced-menu>
             <EntryFilter :data-key="dataKey" />
         </template>
@@ -292,7 +285,6 @@ onBeforeMount(async () => {
                 v-if="defaultEntry.defaultSupplierFk"
                 ref="tableRef"
                 :data-key="dataKey"
-                search-url="EntryList"
                 url="Entries/filter"
                 :filter="entryQueryFilter"
                 order="landed DESC"

src/pages/Entry/EntryStockBought.vue

@@ -19,7 +19,6 @@ const { t } = useI18n();
 const quasar = useQuasar();
 const state = useState();
 const user = state.getUser();
-const footer = ref({ bought: 0, reserve: 0 });
 const columns = computed(() => [
     {
         align: 'left',
@@ -39,14 +38,16 @@ const columns = computed(() => [
         cardVisible: true,
         create: true,
         attrs: {
-            url: 'TicketRequests/getItemTypeWorker',
-            fields: ['id', 'nickname'],
+            url: 'Workers/activeWithInheritedRole',
+            fields: ['id', 'name', 'nickname'],
+            where: { role: 'buyer' },
+            optionFilter: 'firstName',
             optionLabel: 'nickname',
-            sortBy: 'nickname ASC',
             optionValue: 'id',
+            useLike: false,
         },
         columnFilter: false,
-        width: '50px',
+        width: '70px',
     },
     {
         align: 'center',
@@ -57,7 +58,6 @@ const columns = computed(() => [
         component: 'number',
         summation: true,
         width: '50px',
-        format: ({ reserve }, dashIfEmpty) => dashIfEmpty(round(reserve)),
     },
     {
         align: 'center',
@@ -65,7 +65,6 @@ const columns = computed(() => [
         name: 'bought',
         summation: true,
         cardVisible: true,
-        style: ({ reserve, bought }) => boughtStyle(bought, reserve),
         columnFilter: false,
     },
     {
@@ -96,6 +95,7 @@ const columns = computed(() => [
                 },
             },
         ],
+        'data-cy': 'table-actions',
     },
 ]);
 
@@ -137,20 +137,20 @@ function openDialog() {
 }
 
 function setFooter(data) {
-    footer.value = { bought: 0, reserve: 0 };
+    const footer = {
+        bought: 0,
+        reserve: 0,
+    };
     data.forEach((row) => {
-        footer.value.bought += row?.bought;
-        footer.value.reserve += row?.reserve;
+        footer.bought += row?.bought;
+        footer.reserve += row?.reserve;
     });
+    tableRef.value.footer = footer;
 }
 
 function round(value) {
     return Math.round(value * 100) / 100;
 }
-
-function boughtStyle(bought, reserve) {
-    return reserve < bought ? { color: 'var(--q-negative)' } : '';
-}
 </script>
 <template>
     <VnSubToolbar>
@@ -253,14 +253,24 @@ function boughtStyle(bought, reserve) {
                         <WorkerDescriptorProxy :id="row?.workerFk" />
                     </span>
                 </template>
+                <template #column-bought="{ row }">
+                    <span :class="{ 'text-negative': row.reserve < row.bought }">
+                        {{ row?.bought }}
+                    </span>
+                </template>
                 <template #column-footer-reserve>
                     <span>
-                        {{ round(footer.reserve) }}
+                        {{ round(tableRef.footer.reserve) }}
                     </span>
                 </template>
                 <template #column-footer-bought>
-                    <span :style="boughtStyle(footer?.bought, footer?.reserve)">
-                        {{ round(footer.bought) }}
+                    <span
+                        :class="{
+                            'text-negative':
+                                tableRef.footer.reserve < tableRef.footer.bought,
+                        }"
+                    >
+                        {{ round(tableRef.footer.bought) }}
                     </span>
                 </template>
             </VnTable>
@@ -276,7 +286,7 @@ function boughtStyle(bought, reserve) {
     justify-content: center;
 }
 .column {
-    min-width: 35%;
+    min-width: 40%;
     margin-top: 5%;
     display: flex;
     flex-direction: column;

src/pages/Entry/EntryStockBoughtDetail.vue

@@ -14,7 +14,7 @@ const $props = defineProps({
         required: true,
     },
     dated: {
-        type: [Date, String],
+        type: Date,
         required: true,
     },
 });

src/pages/InvoiceIn/Card/InvoiceInSummary.vue

@@ -185,7 +185,6 @@ const getLink = (param) => `#/invoice-in/${entityId.value}/${param}`;
         data-key="InvoiceInSummary"
         :url="`InvoiceIns/${entityId}/summary`"
         @on-fetch="(data) => init(data)"
-        module-name="InvoiceIn"
     >
         <template #header="{ entity }">
             <div>{{ entity.id }} - {{ entity.supplier?.name }}</div>

src/pages/InvoiceIn/Card/InvoiceInVat.vue

@@ -202,7 +202,7 @@ function setCursor(ref) {
                             :option-label="col.optionLabel"
                             :filter-options="['id', 'name']"
                             :tooltip="t('Create a new expense')"
-                            @keydown.tab.prevent="
+                            @keydown.tab="
                                 autocompleteExpense(
                                     $event,
                                     row,

src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue

@@ -103,7 +103,7 @@ const refundInvoice = async (withWarehouse) => {
         t('refundInvoiceSuccessMessage', {
             refundTicket: data[0].id,
         }),
-        'positive',
+        'positive'
     );
 };
 
@@ -124,13 +124,6 @@ const showRefundInvoiceForm = () => {
         },
     });
 };
-
-const showExportationLetter = () => {
-    openReport(`InvoiceOuts/${$props.invoiceOutData.ref}/exportation-pdf`, {
-        recipientId: $props.invoiceOutData.client.id,
-        refFk: $props.invoiceOutData.ref,
-    });
-};
 </script>
 
 <template>
@@ -163,14 +156,10 @@ const showExportationLetter = () => {
         <QMenu anchor="top end" self="top start">
             <QList>
                 <QItem v-ripple clickable @click="showSendInvoiceDialog('pdf')">
-                    <QItemSection data-cy="InvoiceOutDescriptorMenuSendPdfOption">
-                        {{ t('Send PDF') }}
-                    </QItemSection>
+                    <QItemSection>{{ t('Send PDF') }}</QItemSection>
                 </QItem>
                 <QItem v-ripple clickable @click="showSendInvoiceDialog('csv')">
-                    <QItemSection data-cy="InvoiceOutDescriptorMenuSendCsvOption">
-                        {{ t('Send CSV') }}
-                    </QItemSection>
+                    <QItemSection>{{ t('Send CSV') }}</QItemSection>
                 </QItem>
             </QList>
         </QMenu>
@@ -183,7 +172,7 @@ const showExportationLetter = () => {
                 t('Confirm deletion'),
                 t('Are you sure you want to delete this invoice?'),
                 deleteInvoice,
-                redirectToInvoiceOutList,
+                redirectToInvoiceOutList
             )
         "
     >
@@ -196,7 +185,7 @@ const showExportationLetter = () => {
             openConfirmationModal(
                 '',
                 t('Are you sure you want to book this invoice?'),
-                bookInvoice,
+                bookInvoice
             )
         "
     >
@@ -209,7 +198,7 @@ const showExportationLetter = () => {
             openConfirmationModal(
                 t('Generate PDF invoice document'),
                 t('Are you sure you want to generate/regenerate the PDF invoice?'),
-                generateInvoicePdf,
+                generateInvoicePdf
             )
         "
     >
@@ -237,14 +226,6 @@ const showExportationLetter = () => {
             {{ t('Create a single ticket with all the content of the current invoice') }}
         </QTooltip>
     </QItem>
-    <QItem
-        v-if="$props.invoiceOutData.serial === 'E'"
-        v-ripple
-        clickable
-        @click="showExportationLetter()"
-    >
-        <QItemSection>{{ t('Show CITES letter') }}</QItemSection>
-    </QItem>
 </template>
 
 <i18n>
@@ -274,7 +255,7 @@ es:
     Create a single ticket with all the content of the current invoice: Crear un ticket único con todo el contenido de la factura actual
     refundInvoiceSuccessMessage: Se ha creado el siguiente ticket de abono {refundTicket}
     The email can't be empty: El email no puede estar vacío
-    Show CITES letter: Ver carta CITES
+
 en:
     refundInvoiceSuccessMessage: The following refund ticket have been created {refundTicket}
 </i18n>

src/pages/InvoiceOut/InvoiceOutFilter.vue

@@ -22,7 +22,7 @@ const states = ref();
     <VnFilterPanel :data-key="props.dataKey" :search-button="true">
         <template #tags="{ tag, formatFn }">
             <div class="q-gutter-x-xs">
-                <strong>{{ t(`invoiceOut.params.${tag.label}`) }}: </strong>
+                <strong>{{ t(`params.${tag.label}`) }}: </strong>
                 <span>{{ formatFn(tag.value) }}</span>
             </div>
         </template>
@@ -84,6 +84,15 @@ const states = ref();
                     />
                 </QItemSection>
             </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInputDate
+                        v-model="params.issued"
+                        :label="t('Issued')"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
             <QItem>
                 <QItemSection>
                     <VnInputDate
@@ -101,3 +110,37 @@ const states = ref();
         </template>
     </VnFilterPanel>
 </template>
+
+<i18n>
+en:
+    params:
+        search: Contains
+        clientFk: Customer
+        fi: FI
+        amount: Amount
+        min: Min
+        max: Max
+        hasPdf: Has PDF
+        issued: Issued
+        created: Created
+        dued: Dued
+es:
+    params:
+        search: Contiene
+        clientFk: Cliente
+        fi: CIF
+        amount: Importe
+        min: Min
+        max: Max
+        hasPdf: Tiene PDF
+        issued: Emitida
+        created: Creada
+        dued: Vencida
+    Customer ID: ID cliente
+    FI: CIF
+    Amount: Importe
+    Has PDF: Tiene PDF
+    Issued: Fecha emisión
+    Created: Fecha creación
+    Dued: Fecha vencimiento
+</i18n>

src/pages/InvoiceOut/InvoiceOutList.vue

@@ -21,6 +21,7 @@ import VnSection from 'src/components/common/VnSection.vue';
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
 const tableRef = ref();
+const invoiceOutSerialsOptions = ref([]);
 const customerOptions = ref([]);
 const selectedRows = ref([]);
 const hasSelectedCards = computed(() => selectedRows.value.length > 0);
@@ -70,6 +71,14 @@ const columns = computed(() => [
             inWhere: true,
         },
     },
+    {
+        align: 'left',
+        name: 'issued',
+        label: t('invoiceOut.summary.issued'),
+        component: 'date',
+        format: (row) => toDate(row.issued),
+        columnField: { component: null },
+    },
     {
         align: 'left',
         name: 'clientFk',
@@ -367,6 +376,7 @@ watchEffect(selectedRows);
                                     url="InvoiceOutSerials"
                                     v-model="data.serial"
                                     :label="t('invoiceOutModule.serial')"
+                                    :options="invoiceOutSerialsOptions"
                                     option-label="description"
                                     option-value="code"
                                     option-filter

src/pages/InvoiceOut/InvoiceOutNegativeBases.vue

@@ -10,8 +10,6 @@ import CustomerDescriptorProxy from '../Customer/Card/CustomerDescriptorProxy.vu
 import TicketDescriptorProxy from '../Ticket/Card/TicketDescriptorProxy.vue';
 import WorkerDescriptorProxy from '../Worker/Card/WorkerDescriptorProxy.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
-import InvoiceOutNegativeBasesFilter from './InvoiceOutNegativeBasesFilter.vue';
-import RightMenu from 'src/components/common/RightMenu.vue';
 
 const { t } = useI18n();
 const tableRef = ref();
@@ -99,19 +97,16 @@ const columns = computed(() => [
         align: 'left',
         name: 'isActive',
         label: t('invoiceOut.negativeBases.active'),
-        component: 'checkbox',
     },
     {
         align: 'left',
         name: 'hasToInvoice',
         label: t('invoiceOut.negativeBases.hasToInvoice'),
-        component: 'checkbox',
     },
     {
         align: 'left',
-        name: 'isTaxDataChecked',
+        name: 'hasVerifiedData',
         label: t('invoiceOut.negativeBases.verifiedData'),
-        component: 'checkbox',
     },
     {
         align: 'left',
@@ -147,7 +142,7 @@ const downloadCSV = async () => {
     await invoiceOutGlobalStore.getNegativeBasesCsv(
         userParams.from,
         userParams.to,
-        filterParams,
+        filterParams
     );
 };
 </script>
@@ -159,11 +154,6 @@ const downloadCSV = async () => {
             </QBtn>
         </template>
     </VnSubToolbar>
-    <RightMenu>
-        <template #right-panel>
-            <InvoiceOutNegativeBasesFilter data-key="negativeFilter" />
-        </template>
-    </RightMenu>
     <VnTable
         ref="tableRef"
         data-key="negativeFilter"
@@ -184,7 +174,6 @@ const downloadCSV = async () => {
         auto-load
         :is-editable="false"
         :use-model="true"
-        :right-search="false"
     >
         <template #column-clientId="{ row }">
             <span class="link" @click.stop>

src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue

@@ -2,10 +2,9 @@
 import { useI18n } from 'vue-i18n';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInputNumber from 'src/components/common/VnInputNumber.vue';
-import VnSelect from 'src/components/common/VnSelect.vue';
-import VnSelectWorker from 'src/components/common/VnSelectWorker.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -25,11 +24,11 @@ const props = defineProps({
     >
         <template #tags="{ tag, formatFn }">
             <div class="q-gutter-x-xs">
-                <strong>{{ t(`invoiceOut.params.${tag.label}`) }}: </strong>
+                <strong>{{ t(`params.${tag.label}`) }}: </strong>
                 <span>{{ formatFn(tag.value) }}</span>
             </div>
         </template>
-        <template #body="{ params, searchFn }">
+        <template #body="{ params }">
             <QItem>
                 <QItemSection>
                     <VnInputDate
@@ -50,70 +49,38 @@ const props = defineProps({
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelect
-                        url="Companies"
-                        :label="t('globals.company')"
+                    <VnInput
                         v-model="params.company"
-                        option-label="code"
-                        option-value="code"
-                        dense
-                        outlined
-                        rounded
-                        @update:model-value="searchFn()"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>
-                                        {{ scope.opt?.code }}
-                                    </QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ `#${scope.opt?.id}` }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelect>
+                        :label="t('globals.company')"
+                        is-outlined
+                    />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelect
-                        url="Countries"
-                        :label="t('globals.params.countryFk')"
+                    <VnInput
                         v-model="params.country"
-                        option-label="name"
-                        option-value="name"
-                        outlined
-                        dense
-                        rounded
-                        @update:model-value="searchFn()"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>
-                                        {{ scope.opt?.name }}
-                                    </QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ `#${scope.opt?.id}` }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelect>
+                        :label="t('globals.country')"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        v-model="params.clientId"
+                        :label="t('invoiceOut.negativeBases.clientId')"
+                        is-outlined
+                    />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelect
-                        url="Clients"
+                    <VnInput
+                        v-model="params.clientSocialName"
                         :label="t('globals.client')"
-                        v-model="params.clientId"
-                        outlined
-                        dense
-                        rounded
-                        @update:model-value="searchFn()"
+                        is-outlined
                     />
                 </QItemSection>
             </QItem>
@@ -123,18 +90,15 @@ const props = defineProps({
                         v-model="params.amount"
                         :label="t('globals.amount')"
                         is-outlined
-                        :positive="false"
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectWorker
+                    <VnInput
+                        v-model="params.comercialName"
                         :label="t('invoiceOut.negativeBases.comercial')"
-                        v-model="params.workerName"
-                        option-value="name"
                         is-outlined
-                        @update:model-value="searchFn()"
                     />
                 </QItemSection>
             </QItem>

src/pages/InvoiceOut/locale/en.yml

@@ -2,10 +2,9 @@ invoiceOut:
     search: Search invoice
     searchInfo: You can search by invoice reference
     params:
-        id: ID
         company: Company
         country: Country
-        clientId: Client
+        clientId: Client ID
         clientSocialName: Client
         taxableBase: Base
         ticketFk: Ticket
@@ -13,19 +12,6 @@ invoiceOut:
         hasToInvoice: Has to invoice
         hasVerifiedData: Verified data
         workerName: Worker
-        isTaxDataChecked: Verified data
-        amount: Amount
-        clientFk: Client
-        companyFk: Company
-        created: Created
-        dued: Dued
-        customsAgentFk: Custom Agent
-        ref: Reference
-        fi: FI
-        min: Min
-        max: Max
-        hasPdf: Has PDF
-        search: Contains
     card:
         issued: Issued
         customerCard: Customer card
@@ -67,7 +53,7 @@ invoiceOut:
         active: Active
         hasToInvoice: Has to Invoice
         verifiedData: Verified Data
-        comercial: Sales person
+        comercial: Commercial
         errors:
             downloadCsvFailed: CSV download failed
 invoiceOutModule:

src/pages/InvoiceOut/locale/es.yml

@@ -2,10 +2,9 @@ invoiceOut:
     search: Buscar factura emitida
     searchInfo: Puedes buscar por referencia de la factura
     params:
-        id: ID
         company: Empresa
         country: País
-        clientId: Cliente
+        clientId: ID del cliente
         clientSocialName: Cliente
         taxableBase: Base
         ticketFk: Ticket
@@ -13,19 +12,6 @@ invoiceOut:
         hasToInvoice: Debe facturar
         hasVerifiedData: Datos verificados
         workerName: Comercial
-        isTaxDataChecked: Datos comprobados
-        amount: Importe
-        clientFk: Cliente
-        companyFk: Empresa
-        created: Creada
-        dued: Vencida
-        customsAgentFk: Agente aduanas
-        ref: Referencia
-        fi: CIF
-        min: Min
-        max: Max
-        hasPdf: Tiene PDF
-        search: Contiene
     card:
         issued: Fecha emisión
         customerCard: Ficha del cliente

src/pages/Item/Card/ItemDescriptor.vue

@@ -120,9 +120,22 @@ const updateStock = async () => {
                 </template>
             </VnLv>
             <VnLv :label="t('globals.producer')" :value="dashIfEmpty(entity.subName)" />
-            <VnLv v-if="entity?.value5" :label="entity?.tag5" :value="entity.value5" />
-            <VnLv v-if="entity?.value6" :label="entity?.tag6" :value="entity.value6" />
-            <VnLv v-if="entity?.value7" :label="entity?.tag7" :value="entity.value7" />
+            <VnLv
+                v-if="entity.value5"
+                :label="t('item.descriptor.color')"
+                :value="entity.value5"
+            >
+            </VnLv>
+            <VnLv
+                v-if="entity.value6"
+                :label="t('item.descriptor.category')"
+                :value="entity.value6"
+            />
+            <VnLv
+                v-if="entity.value7"
+                :label="t('item.list.stems')"
+                :value="entity.value7"
+            />
         </template>
         <template #icons="{ entity }">
             <QCardActions v-if="entity" class="q-gutter-x-md">

src/pages/Item/Card/ItemDiary.vue

@@ -12,7 +12,7 @@ import FetchData from 'components/FetchData.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 
-import { toDateTimeFormat } from 'src/filters/date.js';
+import { toDateFormat } from 'src/filters/date.js';
 import { dashIfEmpty } from 'src/filters';
 import { date } from 'quasar';
 import { useState } from 'src/composables/useState';
@@ -143,12 +143,7 @@ onMounted(async () => {
 const fetchItemBalances = async () => await arrayDataItemBalances.fetch({});
 
 const getBadgeAttrs = (_date) => {
-    let today = Date.vnNew();
-    today.setHours(0, 0, 0, 0);
-    let timeTicket = new Date(_date);
-    timeTicket.setHours(0, 0, 0, 0);
-
-    const isSameDate = date.isSameDate(today, timeTicket);
+    const isSameDate = date.isSameDate(today, _date);
     const attrs = {
         'text-color': isSameDate ? 'black' : 'white',
         color: isSameDate ? 'warning' : 'transparent',
@@ -249,7 +244,7 @@ async function updateWarehouse(warehouseFk) {
                         dense
                         style="font-size: 14px"
                     >
-                        {{ toDateTimeFormat(row.shipped) }}
+                        {{ toDateFormat(row.shipped) }}
                     </QBadge>
                 </QTd>
             </template>

src/pages/Item/Card/ItemLastEntries.vue

@@ -11,6 +11,7 @@ import { toCurrency } from 'filters/index';
 import { useArrayData } from 'composables/useArrayData';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import SupplierDescriptorProxy from 'src/pages/Supplier/Card/SupplierDescriptorProxy.vue';
+
 const { t } = useI18n();
 const route = useRoute();
 const from = ref();
@@ -40,7 +41,7 @@ const itemLastEntries = ref([]);
 
 const columns = computed(() => [
     {
-        label: 'NV',
+        label: 'Nv',
         name: 'ig',
         align: 'center',
     },
@@ -69,7 +70,6 @@ const columns = computed(() => [
         field: 'reference',
         align: 'center',
         format: (_, row) => toCurrency(row.price2) + ' / ' + toCurrency(row.price3),
-        style: (row) => highlightedRow(row),
     },
     {
         label: t('lastEntries.printedStickers'),
@@ -84,7 +84,6 @@ const columns = computed(() => [
         field: 'stickers',
         align: 'center',
         format: (val) => dashIfEmpty(val),
-        style: (row) => highlightedRow(row),
     },
     {
         label: 'Packing',
@@ -103,14 +102,12 @@ const columns = computed(() => [
         name: 'stems',
         field: 'stems',
         align: 'center',
-        style: (row) => highlightedRow(row),
     },
     {
         label: t('lastEntries.quantity'),
         name: 'quantity',
         field: 'quantity',
         align: 'center',
-        style: (row) => highlightedRow(row),
     },
     {
         label: t('lastEntries.cost'),
@@ -123,14 +120,12 @@ const columns = computed(() => [
         name: 'weight',
         field: 'weight',
         align: 'center',
-        style: (row) => highlightedRow(row),
     },
     {
         label: t('lastEntries.cube'),
         name: 'cube',
         field: 'packagingFk',
         align: 'center',
-        style: (row) => highlightedRow(row),
     },
     {
         label: t('lastEntries.supplier'),
@@ -213,14 +208,6 @@ onMounted(async () => {
 function getBadgeClass(groupingMode, expectedGrouping) {
     return groupingMode === expectedGrouping ? 'accent-badge' : 'simple-badge';
 }
-
-function highlightedRow(row) {
-    return row?.isInventorySupplier
-        ? {
-              'background-color': 'var(--vn-section-hover-color)',
-          }
-        : '';
-}
 </script>
 <template>
     <VnSubToolbar>
@@ -249,7 +236,7 @@ function highlightedRow(row) {
             :no-data-label="t('globals.noResults')"
         >
             <template #body-cell-ig="{ row }">
-                <QTd class="text-center" :style="highlightedRow(row)">
+                <QTd class="text-center">
                     <QIcon
                         :name="row.isIgnored ? 'check_box' : 'check_box_outline_blank'"
                         style="color: var(--vn-label-color)"
@@ -258,38 +245,38 @@ function highlightedRow(row) {
                 </QTd>
             </template>
             <template #body-cell-warehouse="{ row }">
-                <QTd :style="highlightedRow(row)">
+                <QTd>
                     <span>{{ row.warehouse }}</span>
                 </QTd>
             </template>
             <template #body-cell-date="{ row }">
-                <QTd class="text-center" :style="highlightedRow(row)">
+                <QTd class="text-center">
                     <VnDateBadge :date="row.landed" />
                 </QTd>
             </template>
             <template #body-cell-entry="{ row }">
-                <QTd @click.stop :style="highlightedRow(row)">
+                <QTd @click.stop>
                     <div class="full-width flex justify-center">
                         <EntryDescriptorProxy :id="row.entryFk" class="q-ma-none" dense />
                         <span class="link">{{ row.entryFk }}</span>
                     </div>
                 </QTd>
             </template>
-            <template #body-cell-pvp="{ row, value }">
-                <QTd @click.stop class="text-center" :style="highlightedRow(row)">
+            <template #body-cell-pvp="{ value }">
+                <QTd @click.stop class="text-center">
                     <span> {{ value }}</span>
-                    <QTooltip> {{ t('lastEntries.grouping') }}/Packing </QTooltip>
-                </QTd>
+                    <QTooltip> {{ t('lastEntries.grouping') }}/Packing </QTooltip></QTd
+                >
             </template>
             <template #body-cell-printedStickers="{ row }">
-                <QTd @click.stop class="text-center" :style="highlightedRow(row)">
+                <QTd @click.stop class="text-center">
                     <span style="color: var(--vn-label-color)">
                         {{ row.printedStickers }}</span
                     >
                 </QTd>
             </template>
             <template #body-cell-packing="{ row }">
-                <QTd @click.stop :style="highlightedRow(row)">
+                <QTd @click.stop>
                     <QBadge
                         class="center-content"
                         :class="getBadgeClass(row.groupingMode, 'packing')"
@@ -301,7 +288,7 @@ function highlightedRow(row) {
                 </QTd>
             </template>
             <template #body-cell-grouping="{ row }">
-                <QTd @click.stop :style="highlightedRow(row)">
+                <QTd @click.stop>
                     <QBadge
                         class="center-content"
                         :class="getBadgeClass(row.groupingMode, 'grouping')"
@@ -313,7 +300,7 @@ function highlightedRow(row) {
                 </QTd>
             </template>
             <template #body-cell-cost="{ row }">
-                <QTd @click.stop class="text-center" :style="highlightedRow(row)">
+                <QTd @click.stop class="text-center">
                     <span>
                         {{ toCurrency(row.cost, 'EUR', 3) }}
                         <QTooltip>
@@ -332,7 +319,7 @@ function highlightedRow(row) {
                 </QTd>
             </template>
             <template #body-cell-supplier="{ row }">
-                <QTd @click.stop :style="highlightedRow(row)">
+                <QTd @click.stop>
                     <div class="full-width flex justify-left">
                         <QBadge
                             :class="
@@ -367,6 +354,7 @@ function highlightedRow(row) {
 .th :first-child {
     .td {
         text-align: center;
+        background-color: red;
     }
 }
 .accent-badge {

src/pages/Item/ItemRequestFilter.vue

@@ -8,7 +8,6 @@ import VnInput from 'src/components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import { useArrayData } from 'src/composables/useArrayData';
 import VnSelectWorker from 'src/components/common/VnSelectWorker.vue';
-import VnInputDate from 'src/components/common/VnInputDate.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -53,7 +52,7 @@ onMounted(async () => {
                 name: key,
                 value,
                 selectedField: { name: key, label: t(`params.${key}`) },
-            }),
+            })
         );
     }
     exprBuilder('state', arrayData.store?.userParams?.state);
@@ -158,32 +157,6 @@ onMounted(async () => {
                     />
                 </QItemSection>
             </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnInputDate
-                        v-model="params.from"
-                        :label="t('params.from')"
-                        is-outlined
-                    />
-                </QItemSection>
-                <QItemSection>
-                    <VnInputDate
-                        v-model="params.to"
-                        :label="t('params.to')"
-                        is-outlined
-                    />
-                </QItemSection>
-            </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnInput
-                        :label="t('params.daysOnward')"
-                        v-model="params.daysOnward"
-                        lazy-rules
-                        is-outlined
-                    />
-                </QItemSection>
-            </QItem>
             <QItem>
                 <QItemSection>
                     <VnSelect
@@ -202,10 +175,11 @@ onMounted(async () => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <QCheckbox
-                        :label="t('params.mine')"
-                        v-model="params.mine"
-                        :toggle-indeterminate="false"
+                    <VnInput
+                        :label="t('params.daysOnward')"
+                        v-model="params.daysOnward"
+                        lazy-rules
+                        is-outlined
                     />
                 </QItemSection>
             </QItem>

src/pages/Route/RouteAutonomous.vue

@@ -180,7 +180,6 @@ const onDmsSaved = async (dms, response) => {
             rows: dmsDialog.value.rowsToCreateInvoiceIn,
             dms: response.data,
         });
-        notify(t('Data saved'), 'positive');
     }
     dmsDialog.value.show = false;
     dmsDialog.value.initialForm = null;
@@ -244,7 +243,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         </template>
         <template #column-invoiceInFk="{ row }">
             <span class="link" @click.stop>
-                {{ row.supplierRef }}
+                {{ row.invoiceInFk }}
                 <InvoiceInDescriptorProxy v-if="row.invoiceInFk" :id="row.invoiceInFk" />
             </span>
         </template>

src/pages/Route/RouteExtendedList.vue

@@ -280,7 +280,7 @@ const openTicketsDialog = (id) => {
             </QCardSection>
             <QCardSection class="q-pt-none">
                 <VnInputDate
-                    :label="t('route.Starting date')"
+                    :label="t('route.Stating date')"
                     v-model="startingDate"
                     autofocus
                 />

src/pages/Route/RouteList.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, ref, markRaw } from 'vue';
+import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { toHour } from 'src/filters';
@@ -8,7 +8,6 @@ import RouteFilter from 'pages/Route/Card/RouteFilter.vue';
 import VnTable from 'components/VnTable/VnTable.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import VnSection from 'src/components/common/VnSection.vue';
-import VnSelectWorker from 'src/components/common/VnSelectWorker.vue';
 
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
@@ -39,7 +38,17 @@ const columns = computed(() => [
         align: 'left',
         name: 'workerFk',
         label: t('route.Worker'),
-        component: markRaw(VnSelectWorker),
+        component: 'select',
+        attrs: {
+            url: 'Workers/activeWithInheritedRole',
+            fields: ['id', 'name'],
+            useLike: false,
+            optionFilter: 'firstName',
+            find: {
+                value: 'workerFk',
+                label: 'workerUserName',
+            },
+        },
         create: true,
         cardVisible: true,
         format: (row, dashIfEmpty) => dashIfEmpty(row.travelRef),
@@ -50,10 +59,6 @@ const columns = computed(() => [
         name: 'agencyName',
         label: t('route.Agency'),
         cardVisible: true,
-    },
-    {
-        label: t('route.Agency'),
-        name: 'agencyModeFk',
         component: 'select',
         attrs: {
             url: 'agencyModes',
@@ -64,19 +69,14 @@ const columns = computed(() => [
             },
         },
         create: true,
+        columnClass: 'expand',
         columnFilter: false,
-        visible: false,
     },
     {
         align: 'left',
         name: 'vehiclePlateNumber',
         label: t('route.Vehicle'),
         cardVisible: true,
-    },
-    {
-        name: 'vehicleFk',
-        label: t('route.Vehicle'),
-        cardVisible: true,
         component: 'select',
         attrs: {
             url: 'vehicles',
@@ -90,7 +90,6 @@ const columns = computed(() => [
         },
         create: true,
         columnFilter: false,
-        visible: false,
     },
     {
         align: 'left',
@@ -157,7 +156,6 @@ const columns = computed(() => [
             <VnTable
                 :data-key
                 :columns="columns"
-                ref="tableRef"
                 :right-search="false"
                 redirect="route"
                 :create="{

src/pages/Shelving/Parking/Card/ParkingSummary.vue

@@ -45,6 +45,8 @@ const filter = {
                         :label="t('parking.sector')"
                         :value="entity.sector?.description"
                     />
+                    <VnLv :label="t('parking.row')" :value="entity.row" />
+                    <VnLv :label="t('parking.column')" :value="entity.column" />
                 </QCard>
             </template>
         </CardSummary>

src/pages/Shelving/Parking/ParkingList.vue

@@ -1,15 +1,19 @@
 <script setup>
-import { computed, onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted } from 'vue';
+import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { useStateStore } from 'stores/useStateStore';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
-import VnTable from 'components/VnTable/VnTable.vue';
-import VnSection from 'src/components/common/VnSection.vue';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+import CardList from 'components/ui/CardList.vue';
+import VnLv from 'components/ui/VnLv.vue';
 import ParkingFilter from './ParkingFilter.vue';
-import exprBuilder from './ParkingExprBuilder.js';
 import ParkingSummary from './Card/ParkingSummary.vue';
+import exprBuilder from './ParkingExprBuilder.js';
+import VnSection from 'src/components/common/VnSection.vue';
 
 const stateStore = useStateStore();
+const { push } = useRouter();
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
 const dataKey = 'ParkingList';
@@ -20,48 +24,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder'],
 };
-
-const columns = computed(() => [
-    {
-        align: 'left',
-        name: 'code',
-        label: t('globals.code'),
-        isId: true,
-        isTitle: true,
-        columnFilter: false,
-        sortable: true,
-    },
-    {
-        align: 'left',
-        name: 'sector',
-        label: t('parking.sector'),
-        format: (val) => val.sector.description ?? '',
-        sortable: true,
-        cardVisible: true,
-    },
-    {
-        align: 'left',
-        name: 'pickingOrder',
-        label: t('parking.pickingOrder'),
-        sortable: true,
-        cardVisible: true,
-    },
-    {
-        align: 'right',
-        label: '',
-        name: 'tableActions',
-        actions: [
-            {
-                title: t('components.smartCard.viewSummary'),
-                icon: 'preview',
-                action: (row) => viewSummary(row.id, ParkingSummary),
-                isPrimary: true,
-            },
-        ],
-    },
-]);
 </script>
-
 <template>
     <VnSection
         :data-key="dataKey"
@@ -77,24 +40,41 @@ const columns = computed(() => [
             <ParkingFilter data-key="ParkingList" />
         </template>
         <template #body>
-            <VnTable
-                :data-key="dataKey"
-                :columns="columns"
-                is-editable="false"
-                :right-search="false"
-                :use-model="true"
-                :disable-option="{ table: true }"
-                redirect="shelving/parking"
-                default-mode="card"
-            >
-                <template #actions="{ row }">
-                    <QBtn
-                        :label="t('components.smartCard.openSummary')"
-                        @click.stop="viewSummary(row.id, ParkingSummary)"
-                        color="primary"
-                    />
-                </template>
-            </VnTable>
+            <QPage class="column items-center q-pa-md">
+                <div class="vn-card-list">
+                    <VnPaginate :data-key="dataKey">
+                        <template #body="{ rows }">
+                            <CardList
+                                v-for="row of rows"
+                                :key="row.id"
+                                :id="row.id"
+                                :title="row.code"
+                                @click="
+                                    push({ path: `/shelving/parking/${row.id}/summary` })
+                                "
+                            >
+                                <template #list-items>
+                                    <VnLv
+                                        label="Sector"
+                                        :value="row.sector?.description"
+                                    />
+                                    <VnLv
+                                        :label="t('parking.pickingOrder')"
+                                        :value="row.pickingOrder"
+                                    />
+                                </template>
+                                <template #actions>
+                                    <QBtn
+                                        :label="t('components.smartCard.openSummary')"
+                                        @click.stop="viewSummary(row.id, ParkingSummary)"
+                                        color="primary"
+                                    />
+                                </template>
+                            </CardList>
+                        </template>
+                    </VnPaginate>
+                </div>
+            </QPage>
         </template>
     </VnSection>
 </template>

src/pages/Supplier/SupplierList.vue

@@ -6,10 +6,7 @@ import VnSection from 'src/components/common/VnSection.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'src/components/FetchData.vue';
-import { useSummaryDialog } from 'src/composables/useSummaryDialog';
-import SupplierSummary from './Card/SupplierSummary.vue';
 
-const { viewSummary } = useSummaryDialog();
 const { t } = useI18n();
 const tableRef = ref();
 const dataKey = 'SupplierList';
@@ -106,19 +103,6 @@ const columns = computed(() => [
             },
         },
     },
-    {
-        align: 'right',
-        label: '',
-        name: 'tableActions',
-        actions: [
-            {
-                title: t('components.smartCard.viewSummary'),
-                icon: 'preview',
-                isPrimary: true,
-                action: (row) => viewSummary(row.id, SupplierSummary, 'md-width'),
-            },
-        ],
-    },
 ]);
 </script>
 <template>

src/pages/Ticket/Card/TicketSale.vue

@@ -203,7 +203,7 @@ const updateQuantity = async (sale) => {
         sale.isNew = false;
         await axios.post(`Sales/${id}/updateQuantity`, { quantity });
         notify('globals.dataSaved', 'positive');
-        resetChanges();
+        tableRef.value.reload();
     } catch (e) {
         const { quantity } = tableRef.value.CrudModelRef.originalData.find(
             (s) => s.id === sale.id,
@@ -247,7 +247,7 @@ const updateConcept = async (sale) => {
     const data = { newConcept: sale.concept };
     await axios.post(`Sales/${sale.id}/updateConcept`, data);
     notify('globals.dataSaved', 'positive');
-    resetChanges();
+    tableRef.value.reload();
 };
 
 const DEFAULT_EDIT = {
@@ -298,7 +298,7 @@ const updatePrice = async (sale, newPrice) => {
     sale.price = newPrice;
     edit.value = { ...DEFAULT_EDIT };
     notify('globals.dataSaved', 'positive');
-    resetChanges();
+    tableRef.value.reload();
 };
 
 const changeDiscount = async (sale) => {
@@ -330,7 +330,7 @@ const updateDiscount = async (sales, newDiscount = null) => {
     };
     await axios.post(`Tickets/${route.params.id}/updateDiscount`, params);
     notify('globals.dataSaved', 'positive');
-    resetChanges();
+    tableRef.value.reload();
 };
 
 const getNewPrice = computed(() => {
@@ -398,7 +398,7 @@ const removeSales = async () => {
     await axios.post('Sales/deleteSales', params);
     removeSelectedSales();
     notify('globals.dataSaved', 'positive');
-    resetChanges();
+    window.location.reload();
 };
 
 const setTransferParams = async () => {

src/pages/Ticket/Card/TicketSaleTracking.vue

@@ -31,7 +31,7 @@ const oldQuantity = ref(null);
 
 watch(
     () => route.params.id,
-    async () => nextTick(async () => await saleTrackingFetchDataRef.value.fetch()),
+    async () => nextTick(async () => await saleTrackingFetchDataRef.value.fetch())
 );
 
 const columns = computed(() => [
@@ -212,7 +212,7 @@ const updateShelving = async (sale) => {
 
     const { data: patchResponseData } = await axios.patch(
         `ItemShelvings/${sale.itemShelvingFk}`,
-        params,
+        params
     );
     const filter = {
         fields: ['parkingFk'],
@@ -385,7 +385,7 @@ const qCheckBoxController = (sale, action) => {
         </template>
         <template #body-cell-parking="{ row }">
             <QTd style="width: 10%">
-                {{ dashIfEmpty(row.parkingCode) }}
+                {{ dashIfEmpty(row.parkingFk) }}
             </QTd>
         </template>
         <template #body-cell-actions="{ row }">

src/pages/Ticket/TicketList.vue

@@ -214,7 +214,6 @@ const columns = computed(() => [
             {
                 title: t('components.smartCard.viewSummary'),
                 icon: 'preview',
-                isPrimary: true,
                 action: (row, evt) => {
                     if (evt && evt.ctrlKey) {
                         const url = router.resolve({
@@ -252,7 +251,7 @@ const fetchAvailableAgencies = async (formData) => {
 
     const { options, agency } = response;
     if (options) agenciesOptions.value = options;
-    if (agency) formData.agencyModeId = agency.agencyModeFk;
+    if (agency) formData.agencyModeId = agency;
 };
 
 const fetchClient = async (formData) => {

src/pages/Travel/ExtraCommunity.vue

@@ -2,7 +2,6 @@
 import { onMounted, ref, computed, watch } from 'vue';
 import { QBtn } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
 
 import SupplierDescriptorProxy from 'src/pages/Supplier/Card/SupplierDescriptorProxy.vue';
 import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
@@ -23,8 +22,6 @@ import VnPopup from 'src/components/common/VnPopup.vue';
 const stateStore = useStateStore();
 const { t } = useI18n();
 const { openReport } = usePrintService();
-const route = useRoute();
-const tableParams = ref();
 
 const shippedFrom = ref(Date.vnNew());
 const landedTo = ref(Date.vnNew());
@@ -146,7 +143,7 @@ const columns = computed(() => [
         sortable: true,
     },
     {
-        label: t('extraCommunity.cargoShip'),
+        label: t('globals.pageTitles.supplier'),
         field: 'cargoSupplierNickname',
         name: 'cargoSupplierNickname',
         align: 'left',
@@ -174,7 +171,7 @@ const columns = computed(() => [
                     ? value.reduce((sum, entry) => {
                           return sum + (entry.invoiceAmount || 0);
                       }, 0)
-                    : 0,
+                    : 0
             ),
     },
     {
@@ -203,7 +200,7 @@ const columns = computed(() => [
         sortable: true,
     },
     {
-        label: t('extraCommunity.kg'),
+        label: t('kg'),
         field: 'kg',
         name: 'kg',
         align: 'left',
@@ -211,7 +208,7 @@ const columns = computed(() => [
         sortable: true,
     },
     {
-        label: t('extraCommunity.physicKg'),
+        label: t('physicKg'),
         field: 'loadedKg',
         name: 'loadedKg',
         align: 'left',
@@ -235,7 +232,7 @@ const columns = computed(() => [
         sortable: true,
     },
     {
-        label: t('extraCommunity.shipped'),
+        label: t('shipped'),
         field: 'shipped',
         name: 'shipped',
         align: 'left',
@@ -252,7 +249,7 @@ const columns = computed(() => [
         sortable: true,
     },
     {
-        label: t('extraCommunity.landed'),
+        label: t('landed'),
         field: 'landed',
         name: 'landed',
         align: 'left',
@@ -261,7 +258,7 @@ const columns = computed(() => [
         format: (value) => toDate(value),
     },
     {
-        label: t('extraCommunity.notes'),
+        label: t('notes'),
         field: '',
         name: 'notes',
         align: 'center',
@@ -287,7 +284,7 @@ watch(
         if (!arrayData.store.data) return;
         onStoreDataChange();
     },
-    { deep: true, immediate: true },
+    { deep: true, immediate: true }
 );
 
 const openReportPdf = () => {
@@ -454,24 +451,13 @@ const getColor = (percentage) => {
     for (const { value, className } of travelKgPercentages.value)
         if (percentage > value) return className;
 };
-
-const filteredEntries = (entries) => {
-    if (!tableParams?.value?.entrySupplierFk) return entries;
-    return entries?.filter(
-        (entry) => entry.supplierFk === tableParams?.value?.entrySupplierFk,
-    );
-};
-
-watch(route, () => {
-    tableParams.value = JSON.parse(route.query.table);
-});
 </script>
 
 <template>
     <VnSearchbar
         data-key="ExtraCommunity"
         :limit="20"
-        :label="t('extraCommunity.searchExtraCommunity')"
+        :label="t('searchExtraCommunity')"
     />
     <RightMenu>
         <template #right-panel>
@@ -535,7 +521,7 @@ watch(route, () => {
                                     ? tableColumnComponents[col.name].event(
                                           rows[props.rowIndex][col.field],
                                           col.field,
-                                          props.rowIndex,
+                                          props.rowIndex
                                       )
                                     : {}
                             "
@@ -560,7 +546,7 @@ watch(route, () => {
                                     },
                                     {
                                         link: ['id', 'cargoSupplierNickname'].includes(
-                                            col.name,
+                                            col.name
                                         ),
                                     },
                                 ]"
@@ -578,8 +564,9 @@ watch(route, () => {
                         </component>
                     </QTd>
                 </QTr>
+
                 <QTr
-                    v-for="(entry, index) in filteredEntries(props.row.entries)"
+                    v-for="(entry, index) in props.row.entries"
                     :key="index"
                     :props="props"
                     class="bg-vn-secondary-row cursor-pointer"
@@ -611,7 +598,7 @@ watch(route, () => {
                             name="warning"
                             color="negative"
                             size="md"
-                            :title="t('extraCommunity.requiresInspection')"
+                            :title="t('requiresInspection')"
                         >
                         </QIcon>
                     </QTd>
@@ -722,3 +709,24 @@ watch(route, () => {
     width: max-content;
 }
 </style>
+<i18n>
+en:
+    searchExtraCommunity: Search for extra community shipping
+    kg: BI. KG
+    physicKg: Phy. KG
+    shipped: W. shipped
+    landed: W. landed
+    requiresInspection: Requires inspection
+    BIP: Boder Inspection Point
+    notes: Notes
+es:
+    searchExtraCommunity: Buscar por envío extra comunitario
+    kg: KG Bloq.
+    physicKg: KG físico
+    shipped: F. envío
+    landed: F. llegada
+    notes: Notas
+    Open as PDF: Abrir como PDF
+    requiresInspection: Requiere inspección
+    BIP: Punto de Inspección Fronteriza
+</i18n>

src/pages/Travel/ExtraCommunityFilter.vue

@@ -79,7 +79,7 @@ warehouses();
     <VnFilterPanel :data-key="props.dataKey" :search-button="true">
         <template #tags="{ tag, formatFn }">
             <div class="q-gutter-x-xs">
-                <strong>{{ t(`extraCommunity.filter.${tag.label}`) }}: </strong>
+                <strong>{{ t(`params.${tag.label}`) }}: </strong>
                 <span>{{ formatFn(tag.value) }}</span>
             </div>
         </template>
@@ -92,7 +92,7 @@ warehouses();
             <QItem>
                 <QItemSection>
                     <VnInput
-                        :label="t('extraCommunity.filter.reference')"
+                        :label="t('params.reference')"
                         v-model="params.reference"
                         is-outlined
                     />
@@ -103,7 +103,7 @@ warehouses();
                     <QInput
                         v-model="params.totalEntries"
                         type="number"
-                        :label="t('extraCommunity.filter.totalEntries')"
+                        :label="t('params.totalEntries')"
                         dense
                         outlined
                         rounded
@@ -133,10 +133,10 @@ warehouses();
             <QItem>
                 <QItemSection>
                     <VnSelect
-                        :label="t('extraCommunity.filter.agencyModeFk')"
+                        :label="t('params.agencyModeFk')"
                         v-model="params.agencyModeFk"
                         :options="agenciesOptions"
-                        option-value="id"
+                        option-value="agencyFk"
                         option-label="name"
                         hide-selected
                         dense
@@ -148,7 +148,7 @@ warehouses();
             <QItem>
                 <QItemSection>
                     <VnInputDate
-                        :label="t('extraCommunity.filter.shippedFrom')"
+                        :label="t('params.shippedFrom')"
                         v-model="params.shippedFrom"
                         @update:model-value="searchFn()"
                         is-outlined
@@ -158,7 +158,7 @@ warehouses();
             <QItem>
                 <QItemSection>
                     <VnInputDate
-                        :label="t('extraCommunity.filter.landedTo')"
+                        :label="t('params.landedTo')"
                         v-model="params.landedTo"
                         @update:model-value="searchFn()"
                         is-outlined
@@ -168,7 +168,7 @@ warehouses();
             <QItem v-if="warehousesByContinent[params.continent]">
                 <QItemSection>
                     <VnSelect
-                        :label="t('extraCommunity.filter.warehouseOutFk')"
+                        :label="t('params.warehouseOutFk')"
                         v-model="params.warehouseOutFk"
                         :options="warehousesByContinent[params.continent]"
                         option-value="id"
@@ -183,7 +183,7 @@ warehouses();
             <QItem v-else>
                 <QItemSection>
                     <VnSelect
-                        :label="t('extraCommunity.filter.warehouseOutFk')"
+                        :label="t('params.warehouseOutFk')"
                         v-model="params.warehouseOutFk"
                         :options="warehousesOptions"
                         option-value="id"
@@ -198,7 +198,7 @@ warehouses();
             <QItem>
                 <QItemSection>
                     <VnSelect
-                        :label="t('extraCommunity.filter.warehouseInFk')"
+                        :label="t('params.warehouseInFk')"
                         v-model="params.warehouseInFk"
                         :options="warehousesOptions"
                         option-value="id"
@@ -213,7 +213,6 @@ warehouses();
             <QItem>
                 <QItemSection>
                     <VnSelectSupplier
-                        :label="t('extraCommunity.cargoShip')"
                         v-model="params.cargoSupplierFk"
                         hide-selected
                         dense
@@ -222,21 +221,10 @@ warehouses();
                     />
                 </QItemSection>
             </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnSelectSupplier
-                        v-model="params.entrySupplierFk"
-                        hide-selected
-                        dense
-                        outlined
-                        rounded
-                    />
-                </QItemSection>
-            </QItem>
             <QItem>
                 <QItemSection>
                     <VnSelect
-                        :label="t('extraCommunity.filter.continent')"
+                        :label="t('params.continent')"
                         v-model="params.continent"
                         :options="continentsOptions"
                         option-value="code"
@@ -252,3 +240,30 @@ warehouses();
         </template>
     </VnFilterPanel>
 </template>
+
+<i18n>
+en:
+    params:
+        id: Id
+        reference: Reference
+        totalEntries: Total entries
+        agencyModeFk: Agency
+        warehouseInFk: Warehouse In
+        warehouseOutFk: Warehouse Out
+        shippedFrom: Shipped from
+        landedTo: Landed to
+        cargoSupplierFk: Supplier
+        continent: Continent out
+es:
+    params:
+        id: Id
+        reference: Referencia
+        totalEntries: Ent. totales
+        agencyModeFk: Agencia
+        warehouseInFk: Alm. entrada
+        warehouseOutFk: Alm. salida
+        shippedFrom: Llegada desde
+        landedTo: Llegada hasta
+        cargoSupplierFk: Proveedor
+        continent: Cont. Salida
+</i18n>

src/pages/Travel/locale/en.yml

@@ -1,22 +0,0 @@
-extraCommunity:
-    cargoShip: Cargo ship
-    searchExtraCommunity: Search for extra community shipping
-    kg: BI. KG
-    physicKg: Phy. KG
-    shipped: W. shipped
-    landed: W. landed
-    requiresInspection: Requires inspection
-    BIP: Boder Inspection Point
-    notes: Notes
-    filter:
-        id: Id
-        reference: Reference
-        totalEntries: Total entries
-        agencyModeFk: Agency
-        warehouseInFk: Warehouse In
-        warehouseOutFk: Warehouse Out
-        shippedFrom: Shipped from
-        landedTo: Landed to
-        cargoSupplierFk: Cargo supplier
-        continent: Continent out
-        entrySupplierFk: Supplier

src/pages/Travel/locale/es.yml

@@ -1,23 +0,0 @@
-extraCommunity:
-    cargoShip: Carguera
-    searchExtraCommunity: Buscar por envío extra comunitario
-    kg: KG Bloq.
-    physicKg: KG físico
-    shipped: F. envío
-    landed: F. llegada
-    notes: Notas
-    Open as PDF: Abrir como PDF
-    requiresInspection: Requiere inspección
-    BIP: Punto de Inspección Fronteriza
-    filter:
-        id: Id
-        reference: Referencia
-        totalEntries: Ent. totales
-        agencyModeFk: Agencia
-        warehouseInFk: Alm. entrada
-        warehouseOutFk: Alm. salida
-        shippedFrom: Llegada desde
-        landedTo: Llegada hasta
-        cargoSupplierFk: Carguera
-        continent: Cont. Salida
-        entrySupplierFk: Proveedor

src/pages/Worker/Card/WorkerBasicData.vue

@@ -46,18 +46,8 @@ async function setAdvancedSummary(data) {
     >
         <template #form="{ data }">
             <VnRow>
-                <VnInput
-                    :label="t('Name')"
-                    clearable
-                    v-model="data.firstName"
-                    :required="true"
-                />
-                <VnInput
-                    :label="t('Last name')"
-                    clearable
-                    v-model="data.lastName"
-                    :required="true"
-                />
+                <VnInput :label="t('Name')" clearable v-model="data.firstName" />
+                <VnInput :label="t('Last name')" clearable v-model="data.lastName" />
             </VnRow>
             <VnRow>
                 <VnInput v-model="data.phone" :label="t('Business phone')" clearable />

src/pages/Worker/Card/WorkerBusiness.vue

@@ -35,22 +35,6 @@ async function reactivateWorker() {
     }
 }
 const columns = computed(() => [
-    {
-        name: 'id',
-        label: t('Id'),
-        align: 'left',
-        isId: true,
-        cardVisible: true,
-        width: '40px',
-    },
-    {
-        name: 'isHourlyLabor',
-        label: t('worker.business.tableVisibleColumns.hourlyLabor'),
-        align: 'left',
-        component: 'checkbox',
-        cardVisible: true,
-        width: '60px',
-    },
     {
         name: 'started',
         label: t('worker.business.tableVisibleColumns.started'),
@@ -210,20 +194,6 @@ const columns = computed(() => [
         format: ({ workerBusinessTypeName }, dashIfEmpty) =>
             dashIfEmpty(workerBusinessTypeName),
     },
-    {
-        align: 'left',
-        name: 'workerBusinessAgreementFk',
-        label: t('worker.business.tableVisibleColumns.workerBusinessAgreementName'),
-        component: 'select',
-        attrs: {
-            url: 'WorkerBusinessAgreements',
-            fields: ['id', 'name'],
-        },
-        cardVisible: true,
-        create: true,
-        format: ({ workerBusinessAgreementName }, dashIfEmpty) =>
-            dashIfEmpty(workerBusinessAgreementName),
-    },
     {
         align: 'left',
         label: t('worker.business.tableVisibleColumns.amount'),
@@ -260,7 +230,7 @@ const columns = computed(() => [
         save-url="/Businesses/crud"
         :create="{
             urlCreate: `Workers/${entityId}/Business`,
-            title: t('Create business'),
+            title: 'Create business',
             onDataSaved: () => tableRef.reload(),
             formInitialData: {},
         }"
@@ -278,5 +248,4 @@ const columns = computed(() => [
 <i18n>
 es:
     Do you want to reactivate the user?: desea reactivar el usuario?
-    Create business: Crear contrato
 </i18n>

src/pages/Worker/Card/WorkerOperator.vue

@@ -54,8 +54,9 @@ watch(
             selected.value = [];
         }
     },
-    { immediate: true, deep: true },
+    { immediate: true, deep: true }
 );
+
 </script>
 
 <template>
@@ -104,7 +105,6 @@ watch(
                                 :options="trainsData"
                                 hide-selected
                                 v-model="row.trainFk"
-                                :required="true"
                             />
                         </VnRow>
                         <VnRow>
@@ -115,14 +115,12 @@ watch(
                                 option-label="code"
                                 option-value="code"
                                 v-model="row.itemPackingTypeFk"
-                                :required="true"
                             />
                             <VnSelect
                                 :label="t('worker.operator.warehouse')"
                                 :options="warehousesData"
                                 hide-selected
                                 v-model="row.warehouseFk"
-                                :required="true"
                             />
                         </VnRow>
                         <VnRow>
@@ -177,7 +175,6 @@ watch(
                                 :label="t('worker.operator.isOnReservationMode')"
                                 v-model="row.isOnReservationMode"
                                 lazy-rules
-                                :required="true"
                             />
                         </VnRow>
                         <VnRow>

src/pages/Worker/Card/WorkerPBX.vue

@@ -1,8 +1,8 @@
+src/pages/Worker/Card/WorkerPBX.vue
+
 <script setup>
-import { useI18n } from 'vue-i18n';
 import FormModel from 'src/components/FormModel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-const { t } = useI18n();
 </script>
 
 <template>
@@ -26,8 +26,3 @@ const { t } = useI18n();
         </template>
     </FormModel>
 </template>
-
-<i18n>
-    es:
-        It must be a 4-digit number and must not end in 00: Debe ser un número de 4 cifras y no terminar en 00
-</i18n>

src/pages/Worker/Card/WorkerPda.vue

@@ -140,7 +140,6 @@ function reloadData() {
                                     id="deviceProductionFk"
                                     hide-selected
                                     data-cy="pda-dialog-select"
-                                    :required="true"
                                 >
                                     <template #option="scope">
                                         <QItem v-bind="scope.itemProps">

src/pages/Worker/Card/WorkerPit.vue

@@ -176,7 +176,6 @@ const deleteRelative = async (id) => {
                                 :label="t('isDescendant')"
                                 v-model="row.isDescendant"
                                 class="q-gutter-xs q-mb-xs"
-                                data-cy="Descendant/Ascendant"
                             />
                             <VnSelect
                                 :label="t('disabilityGrades')"

src/pages/Worker/WorkerDepartment.vue

@@ -1,9 +1,16 @@
 <script setup>
+import VnSection from 'src/components/common/VnSection.vue';
 import WorkerDepartmentTree from './WorkerDepartmentTree.vue';
 </script>
 
 <template>
-    <QPage class="q-pa-md flex justify-center"> <WorkerDepartmentTree /> </QPage>
+    <VnSection data-key="WorkerDepartment" :search-bar="false">
+        <template #body>
+            <div class="flex flex-center q-pa-md">
+                <WorkerDepartmentTree />
+            </div>
+        </template>
+    </VnSection>
 </template>
 
 <i18n>

src/pages/Zone/ZoneFilterPanel.vue

@@ -38,12 +38,7 @@ const agencies = ref([]);
         <template #body="{ params, searchFn }">
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('list.name')"
-                        v-model="params.name"
-                        is-outlined
-                        data-cy="zoneFilterPanelNameInput"
-                    />
+                    <VnInput :label="t('list.name')" v-model="params.name" is-outlined />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -58,7 +53,6 @@ const agencies = ref([]);
                         dense
                         outlined
                         rounded
-                        data-cy="zoneFilterPanelAgencySelect"
                     >
                     </VnSelect>
                 </QItemSection>

src/pages/Zone/ZoneUpcoming.vue

@@ -56,7 +56,7 @@ onMounted(() => weekdayStore.initStore());
     <ZoneSearchbar />
     <VnSubToolbar />
     <QPage class="column items-center q-pa-md">
-        <QCard class="containerShrinked q-pa-md">
+        <QCard class="full-width q-pa-md">
             <div
                 v-for="(detail, index) in details"
                 :key="index"

src/pages/Zone/locale/en.yml

@@ -44,8 +44,6 @@ summary:
 filterPanel:
     name: Name
     agencyModeFk: Agency
-    id: ID
-    price: Price
 deliveryPanel:
     pickup: Pick up
     delivery: Delivery

src/pages/Zone/locale/es.yml

@@ -45,8 +45,6 @@ summary:
 filterPanel:
     name: Nombre
     agencyModeFk: Agencia
-    id: ID
-    price: Precio
 deliveryPanel:
     pickup: Recogida
     delivery: Entrega

test/cypress/.gitignore

@@ -1,7 +1,3 @@
 reports/*
-videos/*
 screenshots/*
-downloads/*
-storage/*
-reports/*
-docker/logs/*
+downloads/*

test/cypress/back/datasources.json

@@ -1,149 +0,0 @@
-{
-    "db": {
-        "connector": "memory",
-        "timezone": "local"
-    },
-    "vn": {
-        "connector": "vn-mysql",
-        "database": "vn",
-        "debug": false,
-        "host": "db",
-        "port": "3306",
-        "username": "root",
-        "password": "root",
-        "connectionLimit": 100,
-        "queueLimit": 100,
-        "multipleStatements": true,
-        "legacyUtcDateProcessing": false,
-        "timezone": "local",
-        "connectTimeout": 40000,
-        "acquireTimeout": 90000,
-        "waitForConnections": true,
-        "maxIdleTime": 60000,
-        "idleTimeout": 60000
-    },
-    "osticket": {
-        "connector": "memory",
-        "timezone": "local"
-    },
-    "tempStorage": {
-        "name": "tempStorage",
-        "connector": "loopback-component-storage",
-        "provider": "filesystem",
-        "root": "./storage/tmp",
-        "maxFileSize": "262144000",
-        "allowedContentTypes": [
-            "application/x-7z-compressed",
-            "application/x-zip-compressed",
-            "application/x-rar-compressed",
-            "application/octet-stream",
-            "application/pdf",
-            "application/zip",
-            "application/rar",
-            "multipart/x-zip",
-            "image/png",
-            "image/jpeg",
-            "image/jpg",
-            "image/webp",
-            "video/mp4"
-        ]
-    },
-    "dmsStorage": {
-        "name": "dmsStorage",
-        "connector": "loopback-component-storage",
-        "provider": "filesystem",
-        "root": "./storage/dms",
-        "maxFileSize": "262144000",
-        "allowedContentTypes": [
-            "application/x-7z-compressed",
-            "application/x-zip-compressed",
-            "application/x-rar-compressed",
-            "application/octet-stream",
-            "application/pdf",
-            "application/zip",
-            "application/rar",
-            "multipart/x-zip",
-            "image/png",
-            "image/jpeg",
-            "image/jpg",
-            "image/webp"
-        ]
-    },
-    "imageStorage": {
-        "name": "imageStorage",
-        "connector": "loopback-component-storage",
-        "provider": "filesystem",
-        "root": "./storage/image",
-        "maxFileSize": "52428800",
-        "allowedContentTypes": [
-            "image/png",
-            "image/jpeg",
-            "image/jpg",
-            "image/webp"
-        ]
-    },
-    "invoiceStorage": {
-        "name": "invoiceStorage",
-        "connector": "loopback-component-storage",
-        "provider": "filesystem",
-        "root": "./storage/pdfs/invoice",
-        "maxFileSize": "52428800",
-        "allowedContentTypes": [
-            "application/octet-stream",
-            "application/pdf"
-        ]
-    },
-    "claimStorage": {
-        "name": "claimStorage",
-        "connector": "loopback-component-storage",
-        "provider": "filesystem",
-        "root": "./storage/dms",
-        "maxFileSize": "31457280",
-        "allowedContentTypes": [
-            "image/png",
-            "image/jpeg",
-            "image/jpg",
-            "image/webp",
-            "video/mp4"
-        ]
-    },
-    "entryStorage": {
-        "name": "entryStorage",
-        "connector": "loopback-component-storage",
-        "provider": "filesystem",
-        "root": "./storage/dms",
-        "maxFileSize": "31457280",
-        "allowedContentTypes": [
-            "image/png",
-            "image/jpeg",
-            "image/jpg",
-            "image/webp",
-            "video/mp4"
-        ]
-    },
-    "supplierStorage": {
-        "name": "supplierStorage",
-        "connector": "loopback-component-storage",
-        "provider": "filesystem",
-        "root": "./storage/dms",
-        "maxFileSize": "31457280",
-        "allowedContentTypes": [
-            "image/png",
-            "image/jpeg",
-            "image/jpg",
-            "image/webp",
-            "video/mp4",
-            "application/pdf"
-        ]
-    },
-    "accessStorage": {
-        "name": "accessStorage",
-        "connector": "loopback-component-storage",
-        "provider": "filesystem",
-        "root": "./storage/access",
-        "maxFileSize": "524288000",
-        "allowedContentTypes": [
-            "application/x-7z-compressed"
-        ]
-    }
-}

test/cypress/docker-compose.yml

@@ -1,21 +0,0 @@
-version: '3.7'
-services:
-    back:
-        image: 'registry.verdnatura.es/salix-back:${COMPOSE_TAG:-dev}'
-        volumes:
-            - ./test/cypress/storage:/salix/storage
-            - ./test/cypress/back/datasources.json:/salix/loopback/server/datasources.json
-        depends_on:
-            - db
-        dns_search: .
-    front:
-        image: lilium-dev:latest
-        command: pnpm exec quasar dev
-        volumes:
-            - .:/app
-        environment:
-            - CI
-            - TZ
-        dns_search: .
-    db:
-        image: 'registry.verdnatura.es/salix-db:${COMPOSE_TAG:-dev}'

test/cypress/integration/Order/orderCatalog.spec.js

@@ -41,7 +41,7 @@ describe('OrderCatalog', () => {
             }
         });
         cy.get(
-            '[data-cy="vn-searchbar"] > .q-field > .q-field__inner > .q-field__control',
+            '[data-cy="vn-searchbar"] > .q-field > .q-field__inner > .q-field__control'
         ).type('{enter}');
         cy.get(':nth-child(1) > [data-cy="catalogFilterCategory"]').click();
         cy.dataCy('catalogFilterValueDialogBtn').last().click();

test/cypress/integration/claim/claimAction.spec.js

@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 describe('ClaimAction', () => {
-    const claimId = 1;
+    const claimId = 2;
 
     const firstRow = 'tbody > :nth-child(1)';
     const destinationRow = '.q-item__section > .q-field';
@@ -24,9 +24,9 @@ describe('ClaimAction', () => {
         const rowData = [true];
 
         cy.fillRow(firstRow, rowData);
-        cy.get('[title="Change destination"]').click({ force: true });
+        cy.get('[title="Change destination"]').click();
         cy.selectOption(destinationRow, 'Confeccion');
-        cy.get('.q-card > .q-card__actions > .q-btn--standard').click({ force: true });
+        cy.get('.q-card > .q-card__actions > .q-btn--standard').click();
     });
 
     it('should regularize', () => {

test/cypress/integration/claim/claimDevelopment.spec.js

@@ -35,7 +35,8 @@ describe('ClaimDevelopment', () => {
         cy.saveCard();
     });
 
-    it('should add and remove new line', () => {
+    // TODO: #8112
+    xit('should add and remove new line', () => {
         cy.wait(['@workers', '@workers']);
         cy.addCard();
 

test/cypress/integration/claim/claimNotes.spec.js

@@ -1,4 +1,4 @@
-describe.skip('ClaimNotes', () => {
+describe('ClaimNotes', () => {
     const saveBtn = '.q-field__append > .q-btn > .q-btn__content > .q-icon';
     const firstNote = '.q-infinite-scroll :nth-child(1) > .q-card__section--vert';
     beforeEach(() => {
@@ -8,8 +8,7 @@ describe.skip('ClaimNotes', () => {
 
     it('should add a new note', () => {
         const message = 'This is a new message.';
-        cy.get('.q-textarea').should('not.be.disabled').type(message);
-
+        cy.get('.q-textarea').type(message);
         cy.get(saveBtn).click();
         cy.get(firstNote).should('have.text', message);
     });

test/cypress/integration/claim/claimPhoto.spec.js

@@ -23,35 +23,37 @@ describe.skip('ClaimPhoto', () => {
     });
 
     it('should open first image dialog change to second and close', () => {
-        cy.get(':nth-last-child(1) > .q-card').click();
-        cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should(
-            'be.visible',
-        );
-
-        cy.get('.q-carousel__control > button').click();
-
         cy.get(
-            '.q-dialog__inner > .q-toolbar > .q-btn > .q-btn__content > .q-icon',
+            ':nth-child(1) > .q-card > .q-img > .q-img__container > .q-img__image'
         ).click();
         cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should(
-            'not.be.visible',
+            'be.visible'
+        );
+
+        cy.get('.q-carousel__control > .q-btn > .q-btn__content > .q-icon').click();
+
+        cy.get(
+            '.q-dialog__inner > .q-toolbar > .q-btn > .q-btn__content > .q-icon'
+        ).click();
+        cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should(
+            'not.be.visible'
         );
     });
 
     it('should remove third and fourth file', () => {
         cy.get(
-            '.multimediaParent > :nth-last-child(1) > .q-btn > .q-btn__content > .q-icon',
+            '.multimediaParent > :nth-child(3) > .q-btn > .q-btn__content > .q-icon'
         ).click();
         cy.get(
-            '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block',
+            '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block'
         ).click();
         cy.get('.q-notification__message').should('have.text', 'Data deleted');
 
         cy.get(
-            '.multimediaParent > :nth-last-child(1) > .q-btn > .q-btn__content > .q-icon',
+            '.multimediaParent > :nth-child(3) > .q-btn > .q-btn__content > .q-icon'
         ).click();
         cy.get(
-            '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block',
+            '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block'
         ).click();
         cy.get('.q-notification__message').should('have.text', 'Data deleted');
     });

test/cypress/integration/client/clientAddress.spec.js

@@ -4,6 +4,7 @@ describe('Client consignee', () => {
         cy.viewport(1280, 720);
         cy.login('developer');
         cy.visit('#/customer/1107/address');
+        cy.domContentLoad();
     });
     it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');

test/cypress/integration/client/clientBasicData.spec.js

@@ -8,7 +8,7 @@ describe('Client basic data', () => {
     it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
         cy.dataCy('customerPhone').find('input').should('be.visible');
-        cy.dataCy('customerPhone').find('input').clear().type('123456789');
+        cy.dataCy('customerPhone').find('input').type('123456789');
         cy.get('.q-btn-group > .q-btn--standard').click();
         cy.intercept('PATCH', '/api/Clients/1102', (req) => {
             const { body } = req;

test/cypress/integration/client/clientFiscalData.spec.js

@@ -4,6 +4,7 @@ describe('Client fiscal data', () => {
         cy.viewport(1280, 720);
         cy.login('developer');
         cy.visit('#/customer/1107/fiscal-data');
+        cy.domContentLoad();
     });
     it('Should change required value when change customer', () => {
         cy.get('.q-card').should('be.visible');

test/cypress/integration/client/clientList.spec.js

@@ -1,6 +1,7 @@
 /// <reference types="cypress" />
 describe('Client list', () => {
     beforeEach(() => {
+        cy.viewport(1280, 720);
         cy.login('developer');
         cy.visit('/#/customer/list', {
             timeout: 5000,
@@ -27,7 +28,7 @@ describe('Client list', () => {
             Email: { val: `user.test${randomInt}@cypress.com` },
             'Sales person': { val: 'salesPerson', type: 'select' },
             Location: { val: '46000', type: 'select' },
-            'Business type': { val: 'others', type: 'select' },
+            'Business type': { val: 'Otros', type: 'select' },
         };
         cy.fillInForm(data);
 
@@ -36,7 +37,6 @@ describe('Client list', () => {
         cy.checkNotification('Data created');
         cy.url().should('include', '/summary');
     });
-
     it('Client list search client', () => {
         const search = 'Jessica Jones';
         cy.searchByLabel('Name', search);
@@ -59,7 +59,6 @@ describe('Client list', () => {
         cy.checkValueForm(1, search);
         cy.checkValueForm(2, search);
     });
-
     it('Client founded create order', () => {
         const search = 'Jessica Jones';
         cy.searchByLabel('Name', search);

test/cypress/integration/entry/entryList.spec.js

@@ -1,4 +1,4 @@
-describe.skip('Entry', () => {
+describe('Entry', () => {
     beforeEach(() => {
         cy.viewport(1920, 1080);
         cy.login('buyer');
@@ -67,7 +67,7 @@ describe.skip('Entry', () => {
 
     it('Should notify when entry is lock by another user', () => {
         const checkLockMessage = () => {
-            cy.get('[role="dialog"]').should('be.visible');
+            cy.get('[data-cy="entry-lock-confirm"]').should('be.visible');
             cy.get('[data-cy="VnConfirm_message"] > span').should(
                 'contain.text',
                 'This entry has been locked by buyerNick',
@@ -184,8 +184,9 @@ describe.skip('Entry', () => {
     }
 
     function deleteEntry() {
-        cy.get('[data-cy="descriptor-more-opts"]').should('be.visible').click();
-        cy.waitForElement('div[data-cy="delete-entry"]').click();
+        cy.get('[data-cy="descriptor-more-opts"]').click();
+        cy.waitForElement('div[data-cy="delete-entry"]');
+        cy.get('div[data-cy="delete-entry"]').should('be.visible').click();
         cy.url().should('include', 'list');
     }
 

test/cypress/integration/entry/myEntry.spec.js

@@ -8,9 +8,11 @@ describe('EntryMy when is supplier', () => {
             },
         });
     });
-
+    
     it('should open buyLabel when is supplier', () => {
-        cy.dataCy('cardBtn').eq(2).click();
+        cy.get(
+            '[to="/null/3"] > .q-card > :nth-child(2) > .q-btn > .q-btn__content > .q-icon'
+        ).click();
         cy.dataCy('printLabelsBtn').click();
         cy.window().its('open').should('be.called');
     });

test/cypress/integration/entry/stockBought.spec.js

@@ -1,4 +1,4 @@
-describe.skip('EntryStockBought', () => {
+describe('EntryStockBought', () => {
     beforeEach(() => {
         cy.viewport(1920, 1080);
         cy.login('buyer');
@@ -9,7 +9,7 @@ describe.skip('EntryStockBought', () => {
         cy.get('[data-col-field="reserve"][data-row-index="0"]').click();
         cy.get('input[name="reserve"]').type('10{enter}');
         cy.get('button[title="Save"]').click();
-        cy.checkNotification('Data saved');
+        cy.get('.q-notification__message').should('have.text', 'Data saved');
     });
     it('Should add a new reserved space for buyerBoss', () => {
         cy.addBtnClick();

test/cypress/integration/invoiceIn/invoiceInList.spec.js

@@ -9,7 +9,7 @@ describe('InvoiceInList', () => {
         cy.viewport(1920, 1080);
         cy.login('developer');
         cy.visit(`/#/invoice-in/list`);
-        cy.get('#searchbar input').type('{enter}');
+        cy.get('#searchbar input').should('be.visible').type('{enter}');
     });
 
     it('should redirect on clicking a invoice', () => {
@@ -21,7 +21,7 @@ describe('InvoiceInList', () => {
                 cy.url().should('include', `/invoice-in/${id}/summary`);
             });
     });
-
+    // https://redmine.verdnatura.es/issues/8420
     it('should open the details', () => {
         cy.get(firstDetailBtn).click();
         cy.get(summaryHeaders).eq(1).contains('Basic data');

test/cypress/integration/invoiceOut/invoiceOutList.spec.js

@@ -1,16 +1,6 @@
 /// <reference types="cypress" />
 describe('InvoiceOut list', () => {
     const serial = 'Española rapida';
-    const columnCheckbox =
-        '.bg-header > :nth-child(1) > .q-checkbox > .q-checkbox__inner';
-    const firstRowDescriptor =
-        'tbody > :nth-child(1) > [data-col-field="clientFk"] > .no-padding > .link';
-    const firstRowCheckbox =
-        'tbody > :nth-child(1) > :nth-child(1) > .q-checkbox > .q-checkbox__inner ';
-    const summaryPopupIcon = '.header > :nth-child(2) > .q-btn__content > .q-icon';
-    const filterBtn = '.q-scrollarea__content > .q-btn--standard > .q-btn__content';
-    const firstSummaryIcon =
-        ':nth-child(1) > .text-right > [data-cy="tableAction-0"] > .q-btn__content > .q-icon';
 
     beforeEach(() => {
         cy.viewport(1920, 1080);
@@ -19,32 +9,18 @@ describe('InvoiceOut list', () => {
         cy.typeSearchbar('{enter}');
     });
 
-    it('should download one pdf from the subtoolbar button', () => {
-        cy.get(firstRowCheckbox).click();
-        cy.dataCy('InvoiceOutDownloadPdfBtn').click();
+    it('should search and filter an invoice and enter to the summary', () => {
+        cy.typeSearchbar('1{enter}');
+        cy.get('.q-virtual-scroll__content > :nth-child(2) > :nth-child(7)').click();
+        cy.get('.header > a.q-btn > .q-btn__content').click();
+        cy.typeSearchbar('{enter}');
+        cy.dataCy('InvoiceOutFilterAmountBtn').find('input').type('8.88{enter}');
     });
 
     it('should download all pdfs', () => {
-        cy.get(columnCheckbox).click();
+        cy.get('.bg-header > :nth-child(1) > .q-checkbox > .q-checkbox__inner').click();
         cy.dataCy('InvoiceOutDownloadPdfBtn').click();
-    });
-
-    it('should open the invoice descriptor from table icon', () => {
-        cy.get(firstSummaryIcon).click();
-        cy.get('.cardSummary').should('be.visible');
-        cy.get('.summaryHeader > div').should('include.text', 'A1111111');
-    });
-
-    it('should open the client descriptor', () => {
-        cy.get(firstRowDescriptor).click();
-        cy.get(summaryPopupIcon).click();
-    });
-
-    it('should filter the results by client ID, then check the first result is correct', () => {
-        cy.dataCy('Customer ID_input').type('1103');
-        cy.get(filterBtn).click();
-        cy.get(firstRowDescriptor).click();
-        cy.get('.q-item > .q-item__label').should('include.text', '1103');
+        cy.get('.bg-header > :nth-child(1) > .q-checkbox > .q-checkbox__inner').click();
     });
 
     it('should give an error when manual invoicing a ticket that is already invoiced', () => {
@@ -55,14 +31,11 @@ describe('InvoiceOut list', () => {
         cy.checkNotification('This ticket is already invoiced');
     });
 
-    it('should create a manual invoice and enter to its summary, then delete that invoice', () => {
+    it('should create a manual invoice and enter to its summary', () => {
         cy.dataCy('vnTableCreateBtn').click();
-        cy.dataCy('InvoiceOutCreateTicketinput').type(9);
+        cy.dataCy('InvoiceOutCreateTicketinput').type(8);
         cy.selectOption('[data-cy="InvoiceOutCreateSerialSelect"]', serial);
         cy.dataCy('FormModelPopup_save').click();
         cy.checkNotification('Data created');
-        cy.dataCy('descriptor-more-opts').click();
-        cy.get('.q-menu > .q-list > :nth-child(4)').click();
-        cy.dataCy('VnConfirm_confirm').click();
     });
 });

test/cypress/integration/invoiceOut/invoiceOutNegativeBases.spec.js

@@ -1,26 +1,11 @@
 /// <reference types="cypress" />
 describe('InvoiceOut negative bases', () => {
-    const getDescriptors = (opt) =>
-        `:nth-child(1) > [data-col-field="${opt}"] > .no-padding > .link`;
-
     beforeEach(() => {
         cy.viewport(1920, 1080);
         cy.login('developer');
         cy.visit(`/#/invoice-out/negative-bases`);
     });
 
-    it('should open the posible descriptors', () => {
-        cy.get(getDescriptors('clientId')).click();
-        cy.get('.descriptor').should('be.visible');
-        cy.get('.q-item > .q-item__label').should('include.text', '1101');
-        cy.get(getDescriptors('ticketFk')).click();
-        cy.get('.descriptor').should('be.visible');
-        cy.get('.q-item > .q-item__label').should('include.text', '23');
-        cy.get(getDescriptors('workerName')).click();
-        cy.get('.descriptor').should('be.visible');
-        cy.get('.q-item > .q-item__label').should('include.text', '18');
-    });
-
     it('should filter and download as CSV', () => {
         cy.get('input[name="ticketFk"]').type('23{enter}');
         cy.get('#subToolbar > .q-btn').click();

test/cypress/integration/invoiceOut/invoiceOutSummary.spec.js

@@ -5,91 +5,40 @@ describe('InvoiceOut summary', () => {
         Type: { val: 'Error in customer data', type: 'select' },
     };
 
-    const firstRowDescriptors = (opt) =>
-        `tbody > :nth-child(1) > :nth-child(${opt}) > .q-btn`;
-    const toCustomerSummary = '[href="#/customer/1101"]';
-    const toTicketList = '[href="#/ticket/list?table={%22refFk%22:%22T1111111%22}"]';
-    const selectMenuOption = (opt) => `.q-menu > .q-list > :nth-child(${opt})`;
-    const confirmSend = '.q-btn--unelevated';
-
     beforeEach(() => {
         cy.viewport(1920, 1080);
         cy.login('developer');
-        cy.visit(`/#/invoice-out/1/summary`);
+        cy.visit(`/#/invoice-out/list`);
     });
 
-    it('open the descriptors', () => {
-        cy.get(firstRowDescriptors(1)).click();
-        cy.get('.descriptor').should('be.visible');
-        cy.get('.q-item > .q-item__label').should('include.text', '1');
-        cy.get(firstRowDescriptors(2)).click();
-        cy.get('.descriptor').should('be.visible');
-        cy.get('.q-item > .q-item__label').should('include.text', '1101');
-    });
-
-    it('should open the client summary and the ticket list', () => {
-        cy.get(toCustomerSummary).click();
-        cy.get('.descriptor').should('be.visible');
-        cy.get('.q-item > .q-item__label').should('include.text', '1101');
-    });
-
-    it('should open the ticket list', () => {
-        cy.get(toTicketList).click();
-        cy.get('.descriptor').should('be.visible');
-        cy.dataCy('vnFilterPanelChip').should('include.text', 'T1111111');
-    });
-
-    it('should transfer the invoice ', () => {
+    it('should generate the invoice PDF', () => {
         cy.typeSearchbar('T1111111{enter}');
         cy.dataCy('descriptor-more-opts').click();
-        cy.get(selectMenuOption(1)).click();
-        cy.fillInForm(transferInvoice);
-        cy.get('.q-mt-lg > .q-btn').click();
-        cy.checkNotification('Transferred invoice');
+        cy.get('.q-menu > .q-list > :nth-child(6)').click();
+        cy.dataCy('VnConfirm_confirm').click();
+        cy.checkNotification('The invoice PDF document has been regenerated');
     });
-
-    it('should send the invoice as PDF', () => {
+    it('should refund the invoice ', () => {
+        cy.typeSearchbar('T1111111{enter}');
         cy.dataCy('descriptor-more-opts').click();
-        cy.get(selectMenuOption(3)).click();
-        cy.dataCy('InvoiceOutDescriptorMenuSendPdfOption').click();
-        cy.get(confirmSend).click();
-        cy.checkNotification('Notification sent');
-    });
-
-    it('should send the invoice as CSV', () => {
-        cy.dataCy('descriptor-more-opts').click();
-        cy.get(selectMenuOption(3)).click();
-        cy.dataCy('InvoiceOutDescriptorMenuSendCsvOption').click();
-        cy.get(confirmSend).click();
-        cy.checkNotification('Notification sent');
+        cy.get('.q-menu > .q-list > :nth-child(7)').click();
+        cy.get('#q-portal--menu--3 > .q-menu > .q-list > :nth-child(2)').click();
+        cy.checkNotification('The following refund ticket have been created');
     });
 
     it('should delete an invoice ', () => {
         cy.typeSearchbar('T2222222{enter}');
         cy.dataCy('descriptor-more-opts').click();
-        cy.get(selectMenuOption(4)).click();
+        cy.get('.q-menu > .q-list > :nth-child(4)').click();
         cy.dataCy('VnConfirm_confirm').click();
         cy.checkNotification('InvoiceOut deleted');
     });
-
-    it('should book the invoice', () => {
+    it('should transfer the invoice ', () => {
+        cy.typeSearchbar('T1111111{enter}');
         cy.dataCy('descriptor-more-opts').click();
-        cy.get(selectMenuOption(5)).click();
-        cy.dataCy('VnConfirm_confirm').click();
-        cy.checkNotification('InvoiceOut booked');
-    });
-
-    it('should generate the invoice PDF', () => {
-        cy.dataCy('descriptor-more-opts').click();
-        cy.get(selectMenuOption(6)).click();
-        cy.dataCy('VnConfirm_confirm').click();
-        cy.checkNotification('The invoice PDF document has been regenerated');
-    });
-
-    it('should refund the invoice ', () => {
-        cy.dataCy('descriptor-more-opts').click();
-        cy.get(selectMenuOption(7)).click();
-        cy.get('#q-portal--menu--3 > .q-menu > .q-list > :nth-child(2)').click();
-        cy.checkNotification('The following refund ticket have been created');
+        cy.get('.q-menu > .q-list > :nth-child(1)').click();
+        cy.fillInForm(transferInvoice);
+        cy.get('.q-mt-lg > .q-btn').click();
+        cy.checkNotification('Transferred invoice');
     });
 });

test/cypress/integration/item/ItemFixedPrice.spec.js

@@ -11,7 +11,7 @@ describe('Handle Items FixedPrice', () => {
         cy.visit('/#/item/fixed-price', { timeout: 5000 });
         cy.waitForElement('.q-table');
         cy.get(
-            '.q-header > .q-toolbar > :nth-child(1) > .q-btn__content > .q-icon',
+            '.q-header > .q-toolbar > :nth-child(1) > .q-btn__content > .q-icon'
         ).click();
     });
     it.skip('filter', function () {
@@ -38,7 +38,7 @@ describe('Handle Items FixedPrice', () => {
         cy.get('.q-gutter-x-sm > .q-btn > .q-btn__content > .q-icon').click();
         cy.get(`${firstRow} > .text-right > .q-btn > .q-btn__content > .q-icon`).click();
         cy.get(
-            '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block',
+            '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block'
         ).click();
         cy.get('.q-notification__message').should('have.text', 'Data saved');
     });
@@ -56,7 +56,7 @@ describe('Handle Items FixedPrice', () => {
         cy.get(' .bg-header > :nth-child(1) > .q-checkbox > .q-checkbox__inner ').click();
         cy.get('#subToolbar > .q-btn--flat').click();
         cy.get(
-            '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block',
+            '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block'
         ).click();
         cy.get('.q-notification__message').should('have.text', 'Data saved');
     });

test/cypress/integration/item/itemList.spec.js

@@ -15,7 +15,6 @@ describe('Item list', () => {
         cy.get('.q-menu .q-item').contains('Anthurium').click();
         cy.get('.q-virtual-scroll__content > :nth-child(4) > :nth-child(4)').click();
     });
-
     // https://redmine.verdnatura.es/issues/8421
     it.skip('should create an item', () => {
         const data = {
@@ -29,7 +28,7 @@ describe('Item list', () => {
         cy.dataCy('FormModelPopup_save').click();
         cy.checkNotification('Data created');
         cy.get(
-            ':nth-child(2) > .q-drawer > .q-drawer__content > .q-scrollarea > .q-scrollarea__container > .q-scrollarea__content',
+            ':nth-child(2) > .q-drawer > .q-drawer__content > .q-scrollarea > .q-scrollarea__container > .q-scrollarea__content'
         ).should('be.visible');
     });
 });

test/cypress/integration/outLogin/recoverPassword.spec.js

@@ -24,7 +24,7 @@ describe('Recover Password', () => {
     it('should change password to user', () => {
         // Get token from mail
         cy.request(
-            `/api/Mails?filter=%7B%22where%22%3A%20%7B%22receiver%22%3A%20%22${username}%40mydomain.com%22%7D%2C%20%22order%22%3A%20%5B%22id%20DESC%22%5D%7D&access_token=DEFAULT_TOKEN`
+            `http://localhost:3000/api/Mails?filter=%7B%22where%22%3A%20%7B%22receiver%22%3A%20%22${username}%40mydomain.com%22%7D%2C%20%22order%22%3A%20%5B%22id%20DESC%22%5D%7D&access_token=DEFAULT_TOKEN`
         ).then((response) => {
             const regex = /access_token=([a-zA-Z0-9]+)/;
             const [match] = response.body[0].body.match(regex);

test/cypress/integration/outLogin/twoFactor.spec.js

@@ -11,7 +11,7 @@ describe('Two Factor', () => {
     it('should enable two factor to sysadmin', () => {
         cy.request(
             'PATCH',
-            `/api/VnUsers/${userId}/update-user?access_token=DEFAULT_TOKEN`,
+            `http://localhost:3000/api/VnUsers/${userId}/update-user?access_token=DEFAULT_TOKEN`,
             { twoFactor: 'email' }
         );
     });
@@ -41,7 +41,7 @@ describe('Two Factor', () => {
 
         // Get code from mail
         cy.request(
-            `/api/Mails?filter=%7B%22where%22%3A%20%7B%22receiver%22%3A%20%22${username}%40mydomain.com%22%7D%2C%20%22order%22%3A%20%5B%22id%20DESC%22%5D%7D&access_token=DEFAULT_TOKEN`
+            `http://localhost:3000/api/Mails?filter=%7B%22where%22%3A%20%7B%22receiver%22%3A%20%22${username}%40mydomain.com%22%7D%2C%20%22order%22%3A%20%5B%22id%20DESC%22%5D%7D&access_token=DEFAULT_TOKEN`
         ).then((response) => {
             const tempDiv = document.createElement('div');
             tempDiv.innerHTML = response.body[0].body;

test/cypress/integration/parking/parkingBasicData.spec.js

@@ -0,0 +1,23 @@
+/// <reference types="cypress" />
+describe('ParkingBasicData', () => {
+    const codeInput = 'form .q-card .q-input input';
+    const sectorSelect = 'form .q-card .q-select input';
+    const sectorOpt = '.q-menu .q-item';
+    beforeEach(() => {
+        cy.login('developer');
+        cy.visit(`/#/shelving/parking/1/basic-data`);
+    });
+
+    it('should edit the code and sector', () => {
+        cy.get(sectorSelect).type('Second');
+        cy.get(sectorOpt).click();
+
+        cy.get(codeInput).eq(0).clear();
+        cy.get(codeInput).eq(0).type('900-001');
+
+        cy.saveCard();
+
+        cy.get(sectorSelect).should('have.value', 'Second sector');
+        cy.get(codeInput).should('have.value', '900-001');
+    });
+});

test/cypress/integration/parking/parkingList.spec.js

@@ -0,0 +1,33 @@
+/// <reference types="cypress" />
+describe('ParkingList', () => {
+    const searchbar = '#searchbar input';
+    const firstCard = '.q-card:nth-child(1)';
+    const firstChipId =
+        ':nth-child(1) > :nth-child(1) > .justify-between > .flex > .q-chip > .q-chip__content';
+    const firstDetailBtn =
+        ':nth-child(1) > :nth-child(1) > .card-list-body > .actions > .q-btn';
+    const summaryHeader = '.summaryBody .header';
+
+    beforeEach(() => {
+        cy.viewport(1920, 1080);
+        cy.login('developer');
+        cy.visit(`/#/shelving/parking/list`);
+    });
+
+    it('should redirect on clicking a parking', () => {
+        cy.get(searchbar).type('{enter}');
+        cy.get(firstChipId)
+            .invoke('text')
+            .then((content) => {
+                const id = content.substring(4);
+                cy.get(firstCard).click();
+                cy.url().should('include', `/parking/${id}/summary`);
+            });
+    });
+
+    it('should open the details', () => {
+        cy.get(searchbar).type('{enter}');
+        cy.get(firstDetailBtn).click();
+        cy.get(summaryHeader).contains('Basic data');
+    });
+});