Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix-front into 8219-InvoiceOutE2E

CHANGELOG.md

@@ -1,3 +1,189 @@
+# Version 24.48 - 2024-11-25
+
+### Added 🆕
+
+-   chore: correct checkNotification (fix_customer_issues) by:alexm
+-   chore: perf (warmFix_order_equalSalix) by:alexm
+-   chore: refs #6818 add spaces by:jorgep
+-   chore: refs #6818 drop useless code & comment by:jorgep
+-   chore: refs #7273 sticky add btn & refactor by:jorgep
+-   chore: refs #7524 fix test by:jorgep
+-   chore: refs #8039 not required by:alexm
+-   chore: refs #8078 fiz tests by:jorgep
+-   chore: refs #8078 rollback ref by:jorgep
+-   chore: remove console.log (warmFix_invoiceOut_Global) by:alexm
+-   chore: typo (fix_itemType-redirection) by:alexm
+-   feat: #6943 use openURL quasar by:Javier Segarra
+-   feat: #7782 add cypress report by:Javier Segarra
+-   feat: #7782 cypress.config watchForFileChanges by:Javier Segarra
+-   feat: #7782 npm run resetDatabase by:Javier Segarra
+-   feat: #7782 waitUntil domContentLoad by:Javier Segarra
+-   feat: added composable to confirm orders by:Jon
+-   feat: add /reports in gitignore (warmFix_reports_in_gitignore) by:alexm
+-   feat: apply changes for customerModule by:Javier Segarra
+-   feat: disabled buttons by:Javier Segarra
+-   feat: move buttons to DescriptorMenu by:Javier Segarra
+-   feat: refs #6818 add icon by:jorgep
+-   feat: refs #6818 fetch url & default channel by:jorgep
+-   feat: refs #6818 saysimple integration by:jorgep
+-   feat: refs #6839 module searching (6839-addSearchMenu) by:jorgep
+-   feat: refs #6839 normalize search by:jorgep
+-   feat: refs #6919 sync entry data by:jorgep
+-   feat: refs #7006 itemType basic data new inputs by:guillermo
+-   feat: refs #7006 itemTypeLog added by:guillermo
+-   feat: refs #7193 modified parking to use the scope and corrected small errors by:Jon
+-   feat: refs #7206 added inactive label and corrected minor errors by:Jon
+-   feat: refs #7308 #7308 remove warnings related to useSession by:Javier Segarra
+-   feat: refs #7349 usa back con permisos by:jgallego
+-   feat: refs #7524 add front test by:jorgep
+-   feat: refs #7874 improve vn-notes ui by:jorgep
+-   feat: refs #7970 notify changes by:Jon
+-   feat(): refs #8039 canceledError not notify by:alexm
+-   feat: refs #8039 notify error unify by:alexm
+-   feat: refs #8039 show duplicate request in local by:alexm
+-   feat: refs #8078 add shortcut multi selection by:jorgep
+-   feat: refs #8078 add tests by:jorgep
+-   feat: refs#8087 Redadas en travel by:Carlos Andrés
+-   feat: refs #8087 Traspasar redadas a travels by:Carlos Andrés
+-   feat: remove comments by:Javier Segarra
+-   feat(Supplier): add companySize by:alexm
+-   feat: use composable to unify logic by:Javier Segarra
+-   feat(VnInput): empty to null by:alexm
+-   feat(VnSelect): order data equal salix by:alexm
+-   feat(VnSelect): refs #7136 add scroll (7136-vnSelect_paginate_simplify_2) by:alexm
+
+### Changed 📦
+
+-   chore: perf (warmFix_order_equalSalix) by:alexm
+-   chore: refs #7273 sticky add btn & refactor by:jorgep
+-   fix: better performance (warmFix_accountAcls) by:alexm
+-   perf: minor bugs detected by:Javier Segarra
+-   perf: refs #6943 #6943 merge command by:Javier Segarra
+-   perf: refs #7283 #7283 declare composable inst4ead code duplicated by:Javier Segarra
+-   perf: refs #7283 #7283 handle composable i18n by:Javier Segarra
+-   perf: refs #7283 #7283 handle i18n by:Javier Segarra
+-   perf: refs #7283 #7283 i18n params by:Javier Segarra
+-   perf: refs #7308 #7308 remove comments by:Javier Segarra
+-   perf: remove appendParams by:Javier Segarra
+-   perf: use const in VnLocation by:Javier Segarra
+-   perf: use required instead :required="true" by:Javier Segarra
+-   refactor: apply QPopupProxy by:wbuezas
+-   refactor: changed confirmOrder directory by:Jon
+-   refactor: change keyup.enter for update:model-value by:wbuezas
+-   refactor(InvoiceInBasicData): use VnDms by:alexm
+-   refactor: modified composable by:Jon
+-   refactor: refs #6818 change channel source by:jorgep
+-   refactor: refs #6818 channel logic by:jorgep
+-   refactor: refs #6919 export filter by:jorgep
+-   refactor: refs #7132 1st wave of changes in global translations files by:Jon
+-   refactor: refs #7132 account's module translations by:Jon
+-   refactor: refs #7132 customer's module translations by:Jon
+-   refactor: refs #7132 deleted pageTitles repeated by:Jon
+-   refactor: refs #7132 delete duplicate translations' keys by:Jon
+-   refactor: refs #7132 deleted useless code by:Jon
+-   refactor: refs #7132 global translations files changed by:Jon
+-   refactor: refs #7266 Changed method name by:guillermo
+-   refactor: refs #7950 Created cmr model by:guillermo
+-   refactor: refs #7970 added emit by:Jon
+-   refactor: refs #7970 refactored VnConfirm to emit events by:Jon
+-   refactor: refs #8185 modified LeftMenu to avoid duplicates by:Jon
+-   refactor: remove unused variable by:wbuezas
+-   refactor: revert catalog changes by:Jon
+-   refactor: small change by:wbuezas
+-   test: refactor e2e by:alexm
+-   test: refs #8039 add hasNotify and, refactor: agencyWorkCenter test by:alexm
+
+### Fixed 🛠️
+
+-   chore: refs #7524 fix test by:jorgep
+-   fix: better performance (warmFix_accountAcls) by:alexm
+-   fix: catalog view category and type filter by:wbuezas
+-   fix: category and tags filters by:Jon
+-   fix: changed route.query by:Jon
+-   fix: change type vnput by:Javier Segarra
+-   fix(ClaimList): stateCode orderBy priority by:alexm
+-   fix: entryFilters by:carlossa
+-   fix: filter panel by:Jon
+-   fix(InvoiceOutGlobal): parallelism by:alexm
+-   fix: itemBotanical by:Javier Segarra
+-   fix: itemType redirection and fix filters by:alexm
+-   fix: logout spec (warmFix_logout.spec) by:alexm
+-   fix: merge errors by:alexm
+-   fix: order catalog by:wbuezas
+-   fix: order catalog fixes by:wbuezas
+-   fix: refs #6818 use right icon by:jorgep
+-   fix: refs #6896 fixed module problems by:Jon
+-   fix: refs #7193 fixed e2e test by:Jon
+-   fix: refs #7206 deleted duplicate code by:Jon
+-   fix: refs #7273 use same filter by:jorgep
+-   fix: refs #7283 #7283 bugs by:Javier Segarra
+-   fix: refs #7283 #7283 ItemDiary subToolbar by:Javier Segarra
+-   fix: refs #7283 #7283 ItemSummary bugs by:Javier Segarra
+-   fix: refs #7283 Account image resolution by:guillermo
+-   fix: refs #7283 css by:jorgep
+-   fix: refs #7283 filter by:carlossa
+-   fix: refs #7283 fix image by:carlossa
+-   fix: refs #7283 fix pr by:carlossa
+-   fix: refs #7283 fix preview by:carlossa
+-   fix: refs #7283 fix required by:carlossa
+-   fix: refs #7283 item filters by:carlossa
+-   fix: refs #7283 itemtype fix by:carlossa
+-   fix: refs #7283 order translation by:carlossa
+-   fix: refs #7283 preview by:carlossa
+-   fix: refs #7283 tooltips !Item by:Javier Segarra
+-   fix: refs #7306 clean warning by:carlossa
+-   fix: refs #7310 clean warning by:carlossa
+-   fix: refs #7323 locale #7396 by:jorgep
+-   fix: refs #7323 show advanced fields by:jorgep
+-   fix: refs #7349 dependencia no usada by:jgallego
+-   fix: refs #7524 e2e & worker module by:jorgep
+-   fix: refs #7874 add title by:jorgep
+-   fix: refs #7874 show name by:jorgep
+-   fix: refs #7943 use correct data-key by:jorgep
+-   fix: refs #7943 use summary by:jorgep
+-   fix: refs #8039 bad tests by:alexm
+-   fix: refs #8039 o not handle unnecessary errors by:alexm
+-   fix: refs #8078 e2e #7970 by:jorgep
+-   fix: refs #8078 handleSelection by:jorgep
+-   fix: refs #8078 improve cy command (8078-enableMultiSelection) by:jorgep
+-   fix: refs #8078 improve handleSelection by:jorgep
+-   fix: reset category by:wbuezas
+-   fix: tag chips by:Jon
+-   fix: vnSearchbar spec (warmFix_vnSearchBar.spec) by:alexm
+-   fix(VnSelect): setOptions when applyFilter by:alexm
+-   fix: worker test e2e by:Jon
+-   Merge branch 'dev' into fix_customer_issues by:Javier Segarra
+-   refactor: revert catalog changes by:Jon
+-   refs #7283 fix conflicts by:carlossa
+-   refs #7283 fix descriptorproxy by:carlossa
+-   refs #7283 fixedPrice by:carlossa
+-   refs #7283 fixedPrices by:carlossa
+-   refs #7283 fix itemFixed by:carlossa
+-   refs #7283 fix itemFixedPrice by:carlossa
+-   refs #7283 fix itemMigration by:carlossa
+-   refs #7283 fix itemMigration list filters by:carlossa
+-   refs #7283 fix items by:carlossa
+-   refs #7283 fix items error get images by:carlossa
+-   refs #7283 fix items images by:carlossa
+-   refs #7283 fix request by:carlossa
+-   refs #7283 fix searchbar by:carlossa
+-   refs #7283 fix viewSummary by:carlossa
+-   refs #7283 fix yml list basicData by:carlossa
+-   refs #7283 itemRequest fix by:carlossa
+-   refs #7283 itemRequest fix deny by:carlossa
+-   refs #7283 itemRequest fix reload by:carlossa
+-   refs #72983 fix filters by:carlossa
+-   revert: commit by:Javier Segarra
+-   revert e57a253c6f649382da187d1129449d265fb26d3b by:Javier Segarra
+-   test: #8162 fix clientList spec by:Javier Segarra
+-   test: #8162 fix vnLocation spec by:Javier Segarra
+-   test: fix arrayData by:Javier Segarra
+-   test: fix e2e by:alexm
+-   test: fix e2e by:Javier Segarra
+-   test: refs #8039 fix WorkerNotification e2e by:alexm
+-   test: refs #8039 fix ZoneWarehouse e2e by:alexm
+-   warmfix: ItemLastEntries to date (origin/warmfix_itemLastEntriesFilter) by:Javier Segarra
+
 # Version 24.40 - 2024-10-02
 
 ### Added 🆕

cypress.config.js

@@ -1,4 +1,7 @@
 const { defineConfig } = require('cypress');
+// https://docs.cypress.io/app/tooling/reporters
+// https://docs.cypress.io/app/references/configuration
+// https://www.npmjs.com/package/cypress-mochawesome-reporter
 
 module.exports = defineConfig({
     e2e: {
@@ -16,6 +19,7 @@ module.exports = defineConfig({
         reporterOptions: {
             charts: true,
             reportPageTitle: 'Cypress Inline Reporter',
+            reportFilename: '[status]_[datetime]-report',
             embeddedScreenshots: true,
             reportDir: 'test/cypress/reports',
             inlineAssets: true,

src/components/CreateNewCityForm.vue

@@ -17,10 +17,6 @@ const $props = defineProps({
         type: Number,
         default: null,
     },
-    provinces: {
-        type: Array,
-        default: () => [],
-    },
 });
 const { t } = useI18n();
 
@@ -48,15 +44,16 @@ const onDataSaved = (...args) => {
         <template #form-inputs="{ data, validate }">
             <VnRow>
                 <VnInput
-                    :label="t('Names')"
+                    :label="t('Name')"
                     v-model="data.name"
                     :rules="validate('city.name')"
+                    required
                 />
                 <VnSelectProvince
                     :province-selected="$props.provinceSelected"
                     :country-fk="$props.countryFk"
                     v-model="data.provinceFk"
-                    :provinces="$props.provinces"
+                    required
                 />
             </VnRow>
         </template>

src/components/CreateNewPostcodeForm.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { reactive, ref, watch } from 'vue';
+import { computed, reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
@@ -22,12 +22,14 @@ const postcodeFormData = reactive({
     townFk: null,
 });
 
-const townsFetchDataRef = ref(null);
+const townsFetchDataRef = ref(false);
-const provincesFetchDataRef = ref(null);
+const countriesRef = ref(false);
-const countriesOptions = ref([]);
+const townsRef = ref(false);
+const provincesFetchDataRef = ref(false);
 const provincesOptions = ref([]);
-const townsOptions = ref([]);
 const town = ref({});
+const townFilter = ref({});
+const countryFilter = ref({});
 
 function onDataSaved(formData) {
     const newPostcode = {
@@ -39,7 +41,7 @@ function onDataSaved(formData) {
         ({ id }) => id === formData.provinceFk
     );
     newPostcode.province = provinceObject?.name;
-    const countryObject = countriesOptions.value.find(
+    const countryObject = countriesRef.value.opts.find(
         ({ id }) => id === formData.countryFk
     );
     newPostcode.country = countryObject?.name;
@@ -56,10 +58,19 @@ async function onCityCreated(newTown, formData) {
 }
 
 function setTown(newTown, data) {
-    if (!newTown) return;
     town.value = newTown;
-    data.provinceFk = newTown.provinceFk;
+    data.provinceFk = newTown?.provinceFk ?? newTown;
-    data.countryFk = newTown.province.countryFk;
+    data.countryFk = newTown?.province?.countryFk ?? newTown;
+}
+
+async function setCountry(countryFk, data) {
+    data.townFk = null;
+    data.provinceFk = null;
+    data.countryFk = countryFk;
+}
+
+async function handleProvinces(data) {
+    provincesOptions.value = data;
 }
 
 async function setProvince(id, data) {
@@ -73,61 +84,16 @@ async function onProvinceCreated(data) {
     await provincesFetchDataRef.value.fetch({
         where: { countryFk: postcodeFormData.countryFk },
     });
-    postcodeFormData.provinceFk.value = data.id;
+    postcodeFormData.provinceFk = data.id;
 }
 
-watch(
+const whereTowns = computed(() => {
-    () => [postcodeFormData.countryFk],
+    return {
-    async (newCountryFk, oldValueFk) => {
+        provinceFk: {
-        if (Array.isArray(newCountryFk)) {
+            inq: provincesOptions.value.map(({ id }) => id),
-            newCountryFk = newCountryFk[0];
+        },
-        }
+    };
-        if (Array.isArray(oldValueFk)) {
+});
-            oldValueFk = oldValueFk[0];
-        }
-        if (!!oldValueFk && newCountryFk !== oldValueFk) {
-            postcodeFormData.provinceFk = null;
-            postcodeFormData.townFk = null;
-        }
-        if (oldValueFk !== newCountryFk) {
-            await provincesFetchDataRef.value.fetch({
-                where: {
-                    countryFk: newCountryFk,
-                },
-            });
-            await townsFetchDataRef.value.fetch({
-                where: {
-                    provinceFk: {
-                        inq: provincesOptions.value.map(({ id }) => id),
-                    },
-                },
-            });
-        }
-    }
-);
-
-watch(
-    () => postcodeFormData.provinceFk,
-    async (newProvinceFk, oldValueFk) => {
-        if (Array.isArray(newProvinceFk)) {
-            newProvinceFk = newProvinceFk[0];
-        }
-        if (newProvinceFk !== oldValueFk) {
-            await townsFetchDataRef.value.fetch({
-                where: { provinceFk: newProvinceFk },
-            });
-        }
-    }
-);
-async function handleProvinces(data) {
-    provincesOptions.value = data;
-}
-async function handleTowns(data) {
-    townsOptions.value = data;
-}
-async function handleCountries(data) {
-    countriesOptions.value = data;
-}
 </script>
 
 <template>
@@ -139,14 +105,6 @@ async function handleCountries(data) {
         auto-load
         url="Provinces/location"
     />
-    <FetchData
-        ref="townsFetchDataRef"
-        :sort-by="['name ASC']"
-        :limit="30"
-        @on-fetch="handleTowns"
-        auto-load
-        url="Towns/location"
-    />
 
     <FormModelPopup
         url-create="postcodes"
@@ -164,19 +122,26 @@ async function handleCountries(data) {
                     v-model="data.code"
                     :rules="validate('postcode.code')"
                     clearable
+                    required
                 />
                 <VnSelectDialog
+                    ref="townsRef"
+                    :sort-by="['name ASC']"
+                    :limit="30"
+                    auto-load
+                    url="Towns/location"
+                    :where="whereTowns"
                     :label="t('City')"
                     @update:model-value="(value) => setTown(value, data)"
                     :tooltip="t('Create city')"
                     v-model="data.townFk"
-                    :options="townsOptions"
                     option-label="name"
                     option-value="id"
                     :rules="validate('postcode.city')"
                     :acls="[{ model: 'Town', props: '*', accessType: 'WRITE' }]"
                     :emit-value="false"
                     :clearable="true"
+                    required
                 >
                     <template #option="{ itemProps, opt }">
                         <QItem v-bind="itemProps">
@@ -193,7 +158,6 @@ async function handleCountries(data) {
                         <CreateNewCityForm
                             :country-fk="data.countryFk"
                             :province-selected="data.provinceFk"
-                            :provinces="provincesOptions"
                             @on-data-saved="
                                 (_, requestResponse) =>
                                     onCityCreated(requestResponse, data)
@@ -208,20 +172,25 @@ async function handleCountries(data) {
                     :province-selected="data.provinceFk"
                     @update:model-value="(value) => setProvince(value, data)"
                     v-model="data.provinceFk"
-                    :clearable="true"
+                    @on-province-fetched="handleProvinces"
-                    :provinces="provincesOptions"
                     @on-province-created="onProvinceCreated"
+                    required
                 />
                 <VnSelect
-                    url="Countries"
+                    ref="countriesRef"
+                    :limit="30"
+                    :filter="countryFilter"
                     :sort-by="['name ASC']"
+                    auto-load
+                    url="Countries"
+                    required
                     :label="t('Country')"
-                    @update:options="handleCountries"
                     hide-selected
                     option-label="name"
                     option-value="id"
                     v-model="data.countryFk"
                     :rules="validate('postcode.countryFk')"
+                    @update:model-value="(value) => setCountry(value, data)"
                 />
             </VnRow>
         </template>

src/components/CreateNewProvinceForm.vue

@@ -1,8 +1,7 @@
 <script setup>
-import { reactive, ref } from 'vue';
+import { computed, reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -21,34 +20,24 @@ const $props = defineProps({
         type: Number,
         default: null,
     },
-    provinces: {
-        type: Array,
-        default: () => [],
-    },
 });
-const autonomiesOptions = ref([]);
+const autonomiesRef = ref([]);
 
 const onDataSaved = (dataSaved, requestResponse) => {
-    requestResponse.autonomy = autonomiesOptions.value.find(
+    requestResponse.autonomy = autonomiesRef.value.opts.find(
         (autonomy) => autonomy.id == requestResponse.autonomyFk
     );
     emit('onDataSaved', dataSaved, requestResponse);
 };
+const where = computed(() => {
+    if (!$props.countryFk) {
+        return {};
+    }
+    return { countryFk: $props.countryFk };
+});
 </script>
 
 <template>
-    <FetchData
-        @on-fetch="(data) => (autonomiesOptions = data)"
-        auto-load
-        :filter="{
-            where: {
-                countryFk: $props.countryFk,
-            },
-        }"
-        url="Autonomies/location"
-        :sort-by="['name ASC']"
-        :limit="30"
-    />
     <FormModelPopup
         :title="t('New province')"
         :subtitle="t('Please, ensure you put the correct data!')"
@@ -63,10 +52,17 @@ const onDataSaved = (dataSaved, requestResponse) => {
                     :label="t('Name')"
                     v-model="data.name"
                     :rules="validate('province.name')"
+                    required
                 />
                 <VnSelect
+                    required
+                    ref="autonomiesRef"
+                    auto-load
+                    :where="where"
+                    url="Autonomies/location"
+                    :sort-by="['name ASC']"
+                    :limit="30"
                     :label="t('Autonomy')"
-                    :options="autonomiesOptions"
                     hide-selected
                     option-label="name"
                     option-value="id"

src/components/CrudModel.vue

@@ -94,6 +94,7 @@ defineExpose({
     saveChanges,
     getChanges,
     formData,
+    originalData,
     vnPaginateRef,
 });
 

src/components/FormModel.vue

@@ -91,6 +91,10 @@ const $props = defineProps({
         type: Boolean,
         default: true,
     },
+    maxWidth: {
+        type: [String, Boolean],
+        default: '800px',
+    },
 });
 const emit = defineEmits(['onFetch', 'onDataSaved']);
 const modelValue = computed(
@@ -283,6 +287,7 @@ defineExpose({
             @submit="save"
             @reset="reset"
             class="q-pa-md"
+            :style="maxWidth ? 'max-width: ' + maxWidth : ''"
             id="formModel"
         >
             <QCard>
@@ -371,7 +376,6 @@ defineExpose({
     color: black;
 }
 #formModel {
-    max-width: 800px;
     width: 100%;
 }
 

src/components/FormPopup.vue

@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 const emit = defineEmits(['onSubmit']);
 
-defineProps({
+const $props = defineProps({
     title: {
         type: String,
         default: '',
@@ -25,16 +25,21 @@ defineProps({
         type: String,
         default: '',
     },
+    submitOnEnter: {
+        type: Boolean,
+        default: true,
+    },
 });
 
 const { t } = useI18n();
-
 const closeButton = ref(null);
 const isLoading = ref(false);
 
 const onSubmit = () => {
-    emit('onSubmit');
+    if ($props.submitOnEnter) {
-    closeForm();
+        emit('onSubmit');
+        closeForm();
+    }
 };
 
 const closeForm = () => {

src/components/VnSelectProvince.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import { useValidator } from 'src/composables/useValidator';
 import { useI18n } from 'vue-i18n';
 
@@ -7,7 +7,7 @@ import VnSelectDialog from 'components/common/VnSelectDialog.vue';
 import FetchData from 'components/FetchData.vue';
 import CreateNewProvinceForm from './CreateNewProvinceForm.vue';
 
-const emit = defineEmits(['onProvinceCreated']);
+const emit = defineEmits(['onProvinceCreated', 'onProvinceFetched']);
 const $props = defineProps({
     countryFk: {
         type: Number,
@@ -17,20 +17,23 @@ const $props = defineProps({
         type: Number,
         default: null,
     },
-    provinces: {
-        type: Array,
-        default: () => [],
-    },
 });
 const provinceFk = defineModel({ type: Number, default: null });
 
 const { validate } = useValidator();
 const { t } = useI18n();
-
+const filter = ref({
+    include: { relation: 'country' },
+    where: {
+        countryFk: $props.countryFk,
+    },
+});
 const provincesOptions = ref($props.provinces);
-provinceFk.value = $props.provinceSelected;
 const provincesFetchDataRef = ref();
-
+provinceFk.value = $props.provinceSelected;
+if (!$props.countryFk) {
+    filter.value.where = {};
+}
 async function onProvinceCreated(_, data) {
     await provincesFetchDataRef.value.fetch({ where: { countryFk: $props.countryFk } });
     provinceFk.value = data.id;
@@ -39,25 +42,33 @@ async function onProvinceCreated(_, data) {
 async function handleProvinces(data) {
     provincesOptions.value = data;
 }
+
+watch(
+    () => $props.countryFk,
+    async () => {
+        if ($props.countryFk) {
+            filter.value.where.countryFk = $props.countryFk;
+        } else filter.value.where = {};
+        await provincesFetchDataRef.value.fetch({});
+        emit('onProvinceFetched', provincesOptions.value);
+    }
+);
 </script>
 
 <template>
     <FetchData
         ref="provincesFetchDataRef"
-        :filter="{
+        :filter="filter"
-            include: { relation: 'country' },
-            where: {
-                countryFk: $props.countryFk,
-            },
-        }"
         @on-fetch="handleProvinces"
         url="Provinces"
+        auto-load
     />
     <VnSelectDialog
         :label="t('Province')"
-        :options="$props.provinces"
+        :options="provincesOptions"
         :tooltip="t('Create province')"
         hide-selected
+        :clearable="true"
         v-model="provinceFk"
         :rules="validate && validate('postcode.provinceFk')"
         :acls="[{ model: 'Province', props: '*', accessType: 'WRITE' }]"

src/components/common/VnAccountNumber.vue

@@ -1,20 +1,24 @@
 <script setup>
-import { ref, watch } from 'vue';
+import { nextTick, ref, watch } from 'vue';
 import { QInput } from 'quasar';
 
-const props = defineProps({
+const $props = defineProps({
     modelValue: {
         type: String,
         default: '',
     },
+    insertable: {
+        type: Boolean,
+        default: false,
+    },
 });
 
 const emit = defineEmits(['update:modelValue', 'accountShortToStandard']);
 
-let internalValue = ref(props.modelValue);
+let internalValue = ref($props.modelValue);
 
 watch(
-    () => props.modelValue,
+    () => $props.modelValue,
     (newVal) => {
         internalValue.value = newVal;
     }
@@ -28,8 +32,46 @@ watch(
     }
 );
 
+const handleKeydown = (e) => {
+    if (e.key === 'Backspace') return;
+    if (e.key === '.') {
+        accountShortToStandard();
+        // TODO: Fix this setTimeout, with nextTick doesn't work
+        setTimeout(() => {
+            setCursorPosition(0, e.target);
+        }, 1);
+        return;
+    }
+
+    if ($props.insertable && e.key.match(/[0-9]/)) {
+        handleInsertMode(e);
+    }
+};
+function setCursorPosition(pos, el = vnInputRef.value) {
+    el.focus();
+    el.setSelectionRange(pos, pos);
+}
+const vnInputRef = ref(false);
+const handleInsertMode = (e) => {
+    e.preventDefault();
+    const input = e.target;
+    const cursorPos = input.selectionStart;
+    const { maxlength } = vnInputRef.value;
+    let currentValue = internalValue.value;
+    if (!currentValue) currentValue = e.key;
+    const newValue = e.key;
+    if (newValue && !isNaN(newValue) && cursorPos < maxlength) {
+        internalValue.value =
+            currentValue.substring(0, cursorPos) +
+            newValue +
+            currentValue.substring(cursorPos + 1);
+    }
+    nextTick(() => {
+        input.setSelectionRange(cursorPos + 1, cursorPos + 1);
+    });
+};
 function accountShortToStandard() {
-    internalValue.value = internalValue.value.replace(
+    internalValue.value = internalValue.value?.replace(
         '.',
         '0'.repeat(11 - internalValue.value.length)
     );
@@ -37,5 +79,5 @@ function accountShortToStandard() {
 </script>
 
 <template>
-    <q-input v-model="internalValue" />
+    <QInput @keydown="handleKeydown" ref="vnInputRef" v-model="internalValue" />
 </template>

src/components/common/VnInput.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, ref, useAttrs } from 'vue';
+import { computed, ref, useAttrs, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRequired } from 'src/composables/useRequired';
 
@@ -34,6 +34,14 @@ const $props = defineProps({
         type: Boolean,
         default: true,
     },
+    insertable: {
+        type: Boolean,
+        default: false,
+    },
+    maxlength: {
+        type: Number,
+        default: null,
+    },
 });
 
 const vnInputRef = ref(null);
@@ -69,6 +77,9 @@ const mixinRules = [
     requiredFieldRule,
     ...($attrs.rules ?? []),
     (val) => {
+        const { maxlength } = vnInputRef.value;
+        if (maxlength && +val.length > maxlength)
+            return t(`maxLength`, { value: maxlength });
         const { min, max } = vnInputRef.value.$attrs;
         if (!min) return null;
         if (min >= 0) if (Math.floor(val) < min) return t('inputMin', { value: min });
@@ -78,6 +89,33 @@ const mixinRules = [
         }
     },
 ];
+
+const handleKeydown = (e) => {
+    if (e.key === 'Backspace') return;
+
+    if ($props.insertable && e.key.match(/[0-9]/)) {
+        handleInsertMode(e);
+    }
+};
+
+const handleInsertMode = (e) => {
+    e.preventDefault();
+    const input = e.target;
+    const cursorPos = input.selectionStart;
+    const { maxlength } = vnInputRef.value;
+    let currentValue = value.value;
+    if (!currentValue) currentValue = e.key;
+    const newValue = e.key;
+    if (newValue && !isNaN(newValue) && cursorPos < maxlength) {
+        value.value =
+            currentValue.substring(0, cursorPos) +
+            newValue +
+            currentValue.substring(cursorPos + 1);
+    }
+    nextTick(() => {
+        input.setSelectionRange(cursorPos + 1, cursorPos + 1);
+    });
+};
 </script>
 
 <template>
@@ -89,10 +127,12 @@ const mixinRules = [
             :type="$attrs.type"
             :class="{ required: isRequired }"
             @keyup.enter="emit('keyup.enter')"
+            @keydown="handleKeydown"
             :clearable="false"
             :rules="mixinRules"
             :lazy-rules="true"
             hide-bottom-space
+            :data-cy="$attrs.dataCy ?? $attrs.label + '_input'"
         >
             <template v-if="$slots.prepend" #prepend>
                 <slot name="prepend" />
@@ -129,9 +169,11 @@ const mixinRules = [
 <i18n>
     en:
         inputMin: Must be more than {value}
+        maxLength: The value exceeds {value} characters
         inputMax: Must be less than {value}
     es:
         inputMin: Debe ser mayor a {value}
+        maxLength: El valor excede los {value} carácteres
         inputMax: Debe ser menor a {value}
 </i18n>
 <style lang="scss">

src/components/common/VnSelect.vue

@@ -306,6 +306,7 @@ function handleKeyDown(event) {
         :input-debounce="useURL ? '300' : '0'"
         :loading="isLoading"
         @virtual-scroll="onScroll"
+        :data-cy="$attrs.dataCy ?? $attrs.label + '_select'"
     >
         <template v-if="isClearable" #append>
             <QIcon

src/components/ui/VnFilterPanel.vue

@@ -273,6 +273,7 @@ function sanitizer(params) {
                         :key="chip.label"
                         :removable="!unremovableParams?.includes(chip.label)"
                         @remove="remove(chip.label)"
+                        data-cy="vnFilterPanelChip"
                     >
                         <slot name="tags" :tag="chip" :format-fn="formatValue">
                             <div class="q-gutter-x-xs">

src/components/ui/VnLinkPhone.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { reactive, useAttrs, onBeforeMount, capitalize } from 'vue';
 import axios from 'axios';
+import { parsePhone } from 'src/filters';
 const props = defineProps({
     phoneNumber: { type: [String, Number], default: null },
     channel: { type: Number, default: null },
@@ -24,9 +25,9 @@ onBeforeMount(async () => {
             .data;
         if (!channel) channel = defaultChannel;
 
-        config[
+        config[type].href = `${url}?customerIdentity=%2B${parsePhone(
-            type
+            props.phoneNumber
-        ].href = `${url}?customerIdentity=%2B${props.phoneNumber}&channelId=${channel}`;
+        )}&channelId=${channel}`;
     }
 });
 </script>

src/components/ui/VnPaginate.vue

@@ -132,10 +132,24 @@ const addFilter = async (filter, params) => {
 
 async function fetch(params) {
     useArrayData(props.dataKey, params);
-    arrayData.reset(['filter.skip', 'skip']);
+    arrayData.reset(['filter.skip', 'skip', 'page']);
-    await arrayData.fetch({ append: false });
+    await arrayData.fetch({ append: false, updateRouter: mounted.value });
-    if (!store.hasMoreData) isLoading.value = false;
+    return emitStoreData();
+}
 
+async function update(params) {
+    useArrayData(props.dataKey, params);
+    const { limit, skip } = store;
+    store.limit = limit + skip;
+    store.skip = 0;
+    await arrayData.fetch({ append: false });
+    store.limit = limit;
+    store.skip = skip;
+    return emitStoreData();
+}
+
+function emitStoreData() {
+    if (!store.hasMoreData) isLoading.value = false;
     emit('onFetch', store.data);
     return store.data;
 }
@@ -181,7 +195,7 @@ async function onLoad(index, done) {
     done(isDone);
 }
 
-defineExpose({ fetch, addFilter, paginate });
+defineExpose({ fetch, update, addFilter, paginate });
 </script>
 
 <template>

src/composables/downloadFile.js

@@ -9,7 +9,7 @@ const token = getTokenMultimedia();
 export async function downloadFile(id, model = 'dms', urlPath = '/downloadFile', url) {
     const appUrl = (await getUrl('', 'lilium')).replace('/#/', '');
     const response = await axios.get(
-        url ?? `${appUrl}/${model}/${id}${urlPath}?access_token=${token}`,
+        url ?? `${appUrl}/api/${model}/${id}${urlPath}?access_token=${token}`,
         { responseType: 'blob' }
     );
 

src/filters/index.js

@@ -12,10 +12,12 @@ import dateRange from './dateRange';
 import toHour from './toHour';
 import dashOrCurrency from './dashOrCurrency';
 import getParamWhere from './getParamWhere';
+import parsePhone from './parsePhone';
 import isDialogOpened from './isDialogOpened';
 
 export {
     isDialogOpened,
+    parsePhone,
     toLowerCase,
     toLowerCamel,
     toDate,

src/filters/parsePhone.js

@@ -0,0 +1,12 @@
+export default function (phone, prefix = 34) {
+    if (phone.startsWith('+')) {
+        return `${phone.slice(1)}`;
+    }
+    if (phone.startsWith('00')) {
+        return `${phone.slice(2)}`;
+    }
+    if (phone.startsWith(prefix) && phone.length === prefix.length + 9) {
+        return `${prefix}${phone.slice(prefix.length)}`;
+    }
+    return `${prefix}${phone}`;
+}

src/i18n/locale/en.yml

@@ -60,7 +60,7 @@ globals:
     reference: Reference
     agency: Agency
     warehouseOut: Warehouse Out
-    wareHouseIn: Warehouse In
+    warehouseIn: Warehouse In
     landed: Landed
     shipped: Shipped
     totalEntries: Total entries
@@ -298,6 +298,7 @@ globals:
         clientsActionsMonitor: Clients and actions
         serial: Serial
         medical: Mutual
+        pit: IRPF
         RouteExtendedList: Router
         wasteRecalc: Waste recaclulate
         operator: Operator
@@ -864,7 +865,6 @@ components:
     cardDescriptor:
         mainList: Main list
         summary: Summary
-        moreOptions: More options
     leftMenu:
         addToPinned: Add to pinned
         removeFromPinned: Remove from pinned

src/i18n/locale/es.yml

@@ -303,6 +303,7 @@ globals:
         clientsActionsMonitor: Clientes y acciones
         serial: Facturas por serie
         medical: Mutua
+        pit: IRPF
         wasteRecalc: Recalcular mermas
         operator: Operario
         parking: Parking

src/pages/Claim/ClaimList.vue

@@ -95,6 +95,7 @@ const columns = computed(() => [
                 optionLabel: 'description',
             },
         },
+        orderBy: 'priority',
     },
     {
         align: 'right',

src/pages/Customer/CustomerFilter.vue

@@ -101,8 +101,8 @@ const exprBuilder = (param, value) => {
                 </QItemSection>
             </QItem>
             <QItem class="q-mb-sm">
-                <QItemSection
+                <QItemSection>
-                    ><VnSelect
+                    <VnSelect
                         url="Provinces"
                         :label="t('Province')"
                         v-model="params.provinceFk"
@@ -120,32 +120,31 @@ const exprBuilder = (param, value) => {
                     />
                 </QItemSection>
             </QItem>
-            <QItem class="q-mb-md">
+            <QItem class="q-mb-sm">
                 <QItemSection>
                     <VnInput :label="t('City')" v-model="params.city" is-outlined />
                 </QItemSection>
             </QItem>
-            <QSeparator />
+            <QItem class="q-mb-sm">
-            <QExpansionItem :label="t('More options')" expand-separator>
+                <QItemSection>
-                <QItem>
+                    <VnInput :label="t('Phone')" v-model="params.phone" is-outlined>
-                    <QItemSection>
+                        <template #prepend>
-                        <VnInput :label="t('Phone')" v-model="params.phone" is-outlined>
+                            <QIcon name="phone" size="xs" />
-                            <template #prepend>
+                        </template>
-                                <QIcon name="phone" size="xs" />
+                    </VnInput>
-                            </template>
+                </QItemSection>
-                        </VnInput>
+            </QItem>
-                    </QItemSection>
+            <QItem class="q-mb-sm">
-                </QItem>
+                <QItemSection>
-                <QItem>
+                    <VnInput :label="t('Email')" v-model="params.email" is-outlined>
-                    <QItemSection>
+                        <template #prepend>
-                        <VnInput :label="t('Email')" v-model="params.email" is-outlined>
+                            <QIcon name="email" size="sm" />
-                            <template #prepend>
+                        </template>
-                                <QIcon name="email" size="sm" />
+                    </VnInput>
-                            </template>
+                </QItemSection>
-                        </VnInput>
+            </QItem>
-                    </QItemSection>
+            <QItem class="q-mb-sm">
-                </QItem>
+                <QItemSection>
-                <QItem>
                     <VnSelect
                         url="Zones"
                         :label="t('Zone')"
@@ -160,18 +159,17 @@ const exprBuilder = (param, value) => {
                         outlined
                         rounded
                         auto-load
+                /></QItemSection>
+            </QItem>
+            <QItem class="q-mb-sm">
+                <QItemSection>
+                    <VnInput
+                        :label="t('Postcode')"
+                        v-model="params.postcode"
+                        is-outlined
                     />
-                </QItem>
+                </QItemSection>
-                <QItem>
+            </QItem>
-                    <QItemSection>
-                        <VnInput
-                            :label="t('Postcode')"
-                            v-model="params.postcode"
-                            is-outlined
-                        />
-                    </QItemSection>
-                </QItem>
-            </QExpansionItem>
         </template>
     </VnFilterPanel>
 </template>
@@ -203,7 +201,6 @@ es:
     Salesperson: Comercial
     Province: Provincia
     City: Ciudad
-    More options: Más opciones
     Phone: Teléfono
     Email: Email
     Zone: Zona

src/pages/Entry/EntryBuysTableDialog.vue

@@ -86,7 +86,7 @@ const entriesTableColumns = computed(() => [
                     color="primary"
                     icon="print"
                     :loading="isLoading"
-                    @click="openReport(`Entries/${entityId}/print`)"
+                    @click="openReport(`Entries/${entityId}/buy-label-supplier`)"
                     unelevated
                     autofocus
                 />

src/pages/InvoiceIn/InvoiceInFilter.vue

@@ -184,5 +184,4 @@ es:
     Amount: Importe
     Issued: Fecha factura
     Id or supplier: Id o proveedor
-    More options: Más opciones
 </i18n>

src/pages/InvoiceOut/InvoiceOutFilter.vue

@@ -84,36 +84,29 @@ const states = ref();
                     />
                 </QItemSection>
             </QItem>
-            <QSeparator />
+            <QItem>
-            <QExpansionItem :label="t('More options')" expand-separator>
+                <QItemSection>
-                <QItem>
+                    <VnInputDate
-                    <QItemSection>
+                        v-model="params.issued"
-                        <VnInputDate
+                        :label="t('Issued')"
-                            v-model="params.issued"
+                        is-outlined
-                            :label="t('Issued')"
+                    />
-                            is-outlined
+                </QItemSection>
-                        />
+            </QItem>
-                    </QItemSection>
+            <QItem>
-                </QItem>
+                <QItemSection>
-                <QItem>
+                    <VnInputDate
-                    <QItemSection>
+                        v-model="params.created"
-                        <VnInputDate
+                        :label="t('Created')"
-                            v-model="params.created"
+                        is-outlined
-                            :label="t('Created')"
+                    />
-                            is-outlined
+                </QItemSection>
-                        />
+            </QItem>
-                    </QItemSection>
+            <QItem>
-                </QItem>
+                <QItemSection>
-                <QItem>
+                    <VnInputDate v-model="params.dued" :label="t('Dued')" is-outlined />
-                    <QItemSection>
+                </QItemSection>
-                        <VnInputDate
+            </QItem>
-                            v-model="params.dued"
-                            :label="t('Dued')"
-                            is-outlined
-                        />
-                    </QItemSection>
-                </QItem>
-            </QExpansionItem>
         </template>
     </VnFilterPanel>
 </template>
@@ -150,5 +143,4 @@ es:
     Issued: Fecha emisión
     Created: Fecha creación
     Dued: Fecha vencimiento
-    More options: Más opciones
 </i18n>

src/pages/InvoiceOut/InvoiceOutList.vue

@@ -60,8 +60,15 @@ const columns = computed(() => [
         label: t('globals.reference'),
         isTitle: true,
         component: 'select',
-        attrs: { url: MODEL, optionLabel: 'ref', optionValue: 'id' },
+        attrs: {
+            url: MODEL,
+            optionLabel: 'ref',
+            optionValue: 'ref',
+        },
         columnField: { component: null },
+        columnFilter: {
+            inWhere: true,
+        },
     },
     {
         align: 'left',

src/pages/Monitor/Ticket/MonitorTicketFilter.vue

@@ -18,7 +18,7 @@ const groupedStates = ref();
 const handleScopeDays = (params, days, callback) => {
     const [from, to] = dateRange(Date.vnNew());
     if (!days) {
-        Object.assign(params, { from, to, scopeDays: 1 });
+        Object.assign(params, { from, to, scopeDays: 0 });
     } else {
         params.from = from;
         to.setDate(to.getDate() + days);
@@ -59,7 +59,7 @@ const getLocale = (label) => {
         </template>
         <template #customTags="{ params, searchFn, formatFn }">
             <VnFilterPanelChip
-                v-if="params.scopeDays"
+                v-if="params.scopeDays !== null"
                 removable
                 @remove="handleScopeDays(params, null, searchFn)"
             >

src/pages/Monitor/Ticket/MonitorTickets.vue

@@ -25,11 +25,8 @@ const provinceOpts = ref([]);
 const stateOpts = ref([]);
 const zoneOpts = ref([]);
 const { viewSummary } = useSummaryDialog();
-const from = Date.vnNew();
+
-from.setHours(0, 0, 0, 0);
+const [from, to] = dateRange(Date.vnNew());
-const to = new Date(from.getTime());
-to.setDate(to.getDate() + 1);
-to.setHours(23, 59, 59, 999);
 const stateColors = {
     notice: 'info',
     success: 'positive',
@@ -340,7 +337,7 @@ const openTab = (id) =>
         auto-load
         :row-click="({ id }) => openTab(id)"
         :disable-option="{ card: true }"
-        :user-params="{ from, to, scopeDays: 1 }"
+        :user-params="{ from, to, scopeDays: 0 }"
     >
         <template #top-left>
             <QBtn
@@ -350,7 +347,7 @@ const openTab = (id) =>
                 class="q-mr-sm"
                 dense
                 flat
-                @click="$refs.tableRef.reload()"
+                @click="tableRef.CrudModelRef.vnPaginateRef.update()"
             >
                 <QTooltip>{{ $t('globals.refresh') }}</QTooltip>
             </QBtn>

src/pages/Order/Card/CatalogFilterValueDialog.vue

@@ -36,7 +36,6 @@ const getSelectedTagValues = async (tag) => {
     const filter = {
         fields: ['value'],
         order: 'value ASC',
-        limit: 30,
     };
 
     const url = `Tags/${tag?.id}/filterValue`;
@@ -50,7 +49,7 @@ const getSelectedTagValues = async (tag) => {
 
 <template>
     <QForm @submit="applyTags()" class="all-pointer-events">
-        <QCard class="q-pa-sm column q-pa-lg">
+        <QCard class="q-pa-sm column q-pa-lg" data-cy="catalogFilterValueDialog">
             <VnSelect
                 :label="t('params.tag')"
                 v-model="selectedTag"
@@ -64,6 +63,7 @@ const getSelectedTagValues = async (tag) => {
                 :emit-value="false"
                 use-input
                 @update:model-value="getSelectedTagValues"
+                data-cy="catalogFilterValueDialogTagSelect"
             />
             <div
                 v-for="(value, index) in tagValues"
@@ -94,6 +94,7 @@ const getSelectedTagValues = async (tag) => {
                         :disable="!value"
                         is-outlined
                         class="col"
+                        data-cy="catalogFilterValueDialogValueInput"
                     />
                     <QBtn
                         icon="delete"

src/pages/Order/Card/OrderCatalog.vue

@@ -98,7 +98,7 @@ watch(
             />
         </QScrollArea>
     </QDrawer>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" data-cy="orderCatalogPage">
         <div class="full-width">
             <VnPaginate
                 :data-key="dataKey"
@@ -118,6 +118,7 @@ watch(
                             :item="row"
                             is-catalog
                             class="fill-icon"
+                            data-cy="orderCatalogItem"
                         />
                     </div>
                 </template>

src/pages/Order/Card/OrderCatalogFilter.vue

@@ -178,6 +178,7 @@ function addOrder(value, field, params) {
                             ? resetCategory(params, searchFn)
                             : removeTagGroupParam(params, searchFn, valIndex)
                     "
+                    data-cy="catalogFilterCustomTag"
                 >
                     <strong v-if="customTag.label === 'categoryFk' && categoryList">
                         {{
@@ -211,6 +212,7 @@ function addOrder(value, field, params) {
                         :name="category.icon"
                         class="category-icon"
                         @click="selectCategory(params, category, searchFn)"
+                        data-cy="catalogFilterCategory"
                     >
                         <QTooltip>
                             {{ t(category.name) }}
@@ -234,6 +236,7 @@ function addOrder(value, field, params) {
                         sort-by="name ASC"
                         :disable="!params.categoryFk"
                         @update:model-value="searchFn()"
+                        data-cy="catalogFilterType"
                     >
                         <template #option="{ itemProps, opt }">
                             <QItem v-bind="itemProps">
@@ -285,6 +288,7 @@ function addOrder(value, field, params) {
                     :is-clearable="false"
                     v-model="searchByTag"
                     @keyup.enter="(val) => onSearchByTag(val, params)"
+                    data-cy="catalogFilterValueInput"
                 >
                     <template #prepend>
                         <QIcon name="search" />
@@ -297,6 +301,7 @@ function addOrder(value, field, params) {
                             color="primary"
                             size="md"
                             dense
+                            data-cy="catalogFilterValueDialogBtn"
                         />
                         <QPopupProxy>
                             <CatalogFilterValueDialog

src/pages/Order/OrderList.vue

@@ -15,6 +15,7 @@ import CustomerDescriptorProxy from '../Customer/Card/CustomerDescriptorProxy.vu
 import WorkerDescriptorProxy from '../Worker/Card/WorkerDescriptorProxy.vue';
 import { toDateTimeFormat } from 'src/filters/date';
 import { useRoute } from 'vue-router';
+import dataByOrder from 'src/utils/dataByOrder';
 
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
@@ -149,7 +150,12 @@ onMounted(() => {
 });
 async function fetchClientAddress(id, formData = {}) {
     const { data } = await axios.get(`Clients/${id}`, {
-        params: { filter: { include: { relation: 'addresses' } } },
+        params: {
+            filter: {
+                order: ['isDefaultAddress DESC', 'isActive DESC', 'nickname ASC'],
+                include: { relation: 'addresses' },
+            },
+        },
     });
     addressesList.value = data.addresses;
     formData.addressId = data.defaultAddressFk;
@@ -162,7 +168,7 @@ async function fetchAgencies({ landed, addressId }) {
     const { data } = await axios.get('Agencies/landsThatDay', {
         params: { addressFk: addressId, landed },
     });
-    agencyList.value = data;
+    agencyList.value = dataByOrder(data, 'agencyMode ASC');
 }
 
 const getDateColor = (date) => {
@@ -191,7 +197,7 @@ const getDateColor = (date) => {
             urlCreate: 'Orders/new',
             title: t('module.cerateOrder'),
             onDataSaved: (url) => {
-               tableRef.redirect(`${url}/catalog`);
+                tableRef.redirect(`${url}/catalog`);
             },
             formInitialData: {
                 active: true,
@@ -253,22 +259,27 @@ const getDateColor = (date) => {
                 @update:model-value="() => fetchAgencies(data)"
             >
                 <template #option="scope">
-                    <QItem v-bind="scope.itemProps">
+                    <QItem
+                        v-bind="scope.itemProps"
+                        :class="{ disabled: !scope.opt.isActive }"
+                    >
+                        <QItemSection style="min-width: min-content" avatar>
+                            <QIcon
+                                v-if="
+                                    scope.opt.isActive && data.addressId === scope.opt.id
+                                "
+                                size="sm"
+                                color="grey"
+                                name="star"
+                                class="fill-icon"
+                            />
+                        </QItemSection>
                         <QItemSection>
-                            <QItemLabel
+                            <QItemLabel>
-                                :class="{
+                                {{ scope.opt.nickname }}
-                                    'color-vn-label': !scope.opt?.isActive,
+                            </QItemLabel>
-                                }"
+                            <QItemLabel caption>
-                            >
+                                {{ `${scope.opt.street}, ${scope.opt.city}` }}
-                                {{
-                                    `${
-                                        !scope.opt?.isActive
-                                            ? t('basicData.inactive')
-                                            : ''
-                                    } `
-                                }}
-                                {{ scope.opt?.nickname }}: {{ scope.opt?.street }},
-                                {{ scope.opt?.city }}
                             </QItemLabel>
                         </QItemSection>
                     </QItem>

src/pages/Supplier/Card/SupplierFiscalData.vue

@@ -9,6 +9,7 @@ import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnLocation from 'src/components/common/VnLocation.vue';
+import VnAccountNumber from 'src/components/common/VnAccountNumber.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -100,10 +101,13 @@ function handleLocation(data, location) {
                 />
             </VnRow>
             <VnRow>
-                <VnInput
+                <VnAccountNumber
                     v-model="data.account"
                     :label="t('supplier.fiscalData.account')"
                     clearable
+                    data-cy="supplierFiscalDataAccount"
+                    insertable
+                    :maxlength="10"
                 />
                 <VnSelect
                     :label="t('supplier.fiscalData.sageTaxTypeFk')"

src/pages/Ticket/Card/TicketSale.vue

@@ -183,18 +183,25 @@ const resetChanges = async () => {
 };
 
 const updateQuantity = async (sale) => {
-    const payload = { quantity: sale.quantity };
+    const params = { quantity: sale.quantity };
-    await axios.post(`Sales/${sale.id}/updateQuantity`, payload);
+    try {
+        await axios.post(`Sales/${sale.id}/updateQuantity`, params);
+    } catch (e) {
+        sale.quantity = tableRef.value.CrudModelRef.originalData.find(
+            (s) => s.id === sale.id
+        ).quantity;
+        throw e;
+    }
     notify('globals.dataSaved', 'positive');
 };
 
 const addSale = async (sale) => {
-    const payload = {
+    const params = {
         barcode: sale.itemFk,
         quantity: sale.quantity,
     };
 
-    const { data } = await axios.post(`tickets/${route.params.id}/addSale`, payload);
+    const { data } = await axios.post(`tickets/${route.params.id}/addSale`, params);
 
     if (!data) return;
 
@@ -222,7 +229,7 @@ const changeQuantity = async (sale) => {
     )
         return;
     if (!sale.id) return addSale(sale);
-    updateQuantity(sale);
+    await updateQuantity(sale);
 };
 
 const updateConcept = async (sale) => {

src/pages/Ticket/TicketFilter.vue

@@ -212,81 +212,78 @@ const getGroupedStates = (data) => {
                     />
                 </QItemSection>
             </QItem>
-            <QSeparator />
+            <QItem>
-            <QExpansionItem :label="t('More options')" expand-separator>
+                <QItemSection v-if="!provinces">
-                <QItem>
+                    <QSkeleton type="QInput" class="full-width" />
-                    <QItemSection v-if="!provinces">
+                </QItemSection>
-                        <QSkeleton type="QInput" class="full-width" />
+                <QItemSection v-if="provinces">
-                    </QItemSection>
+                    <QSelect
-                    <QItemSection v-if="provinces">
+                        :label="t('Province')"
-                        <QSelect
+                        v-model="params.provinceFk"
-                            :label="t('Province')"
+                        @update:model-value="searchFn()"
-                            v-model="params.provinceFk"
+                        :options="provinces"
-                            @update:model-value="searchFn()"
+                        option-value="id"
-                            :options="provinces"
+                        option-label="name"
-                            option-value="id"
+                        emit-value
-                            option-label="name"
+                        map-options
-                            emit-value
+                        use-input
-                            map-options
+                        dense
-                            use-input
+                        outlined
-                            dense
+                        rounded
-                            outlined
+                    />
-                            rounded
+                </QItemSection>
-                        />
+            </QItem>
-                    </QItemSection>
+            <QItem>
-                </QItem>
+                <QItemSection v-if="!agencies">
-                <QItem>
+                    <QSkeleton type="QInput" class="full-width" />
-                    <QItemSection v-if="!agencies">
+                </QItemSection>
-                        <QSkeleton type="QInput" class="full-width" />
+                <QItemSection v-if="agencies">
-                    </QItemSection>
+                    <QSelect
-                    <QItemSection v-if="agencies">
+                        :label="t('Agency')"
-                        <QSelect
+                        v-model="params.agencyModeFk"
-                            :label="t('Agency')"
+                        @update:model-value="searchFn()"
-                            v-model="params.agencyModeFk"
+                        :options="agencies"
-                            @update:model-value="searchFn()"
+                        option-value="id"
-                            :options="agencies"
+                        option-label="name"
-                            option-value="id"
+                        emit-value
-                            option-label="name"
+                        map-options
-                            emit-value
+                        use-input
-                            map-options
+                        dense
-                            use-input
+                        outlined
-                            dense
+                        rounded
-                            outlined
+                    />
-                            rounded
+                </QItemSection>
-                        />
+            </QItem>
-                    </QItemSection>
+            <QItem>
-                </QItem>
+                <QItemSection v-if="!warehouses">
-                <QItem>
+                    <QSkeleton type="QInput" class="full-width" />
-                    <QItemSection v-if="!warehouses">
+                </QItemSection>
-                        <QSkeleton type="QInput" class="full-width" />
+                <QItemSection v-if="warehouses">
-                    </QItemSection>
+                    <QSelect
-                    <QItemSection v-if="warehouses">
+                        :label="t('Warehouse')"
-                        <QSelect
+                        v-model="params.warehouseFk"
-                            :label="t('Warehouse')"
+                        @update:model-value="searchFn()"
-                            v-model="params.warehouseFk"
+                        :options="warehouses"
-                            @update:model-value="searchFn()"
+                        option-value="id"
-                            :options="warehouses"
+                        option-label="name"
-                            option-value="id"
+                        emit-value
-                            option-label="name"
+                        map-options
-                            emit-value
+                        use-input
-                            map-options
+                        dense
-                            use-input
+                        outlined
-                            dense
+                        rounded
-                            outlined
+                    />
-                            rounded
+                </QItemSection>
-                        />
+            </QItem>
-                    </QItemSection>
+            <QItem>
-                </QItem>
+                <QItemSection>
-                <QItem>
+                    <VnInput
-                    <QItemSection>
+                        v-model="params.collectionFk"
-                        <VnInput
+                        :label="t('Collection')"
-                            v-model="params.collectionFk"
+                        is-outlined
-                            :label="t('Collection')"
+                    />
-                            is-outlined
+                </QItemSection>
-                        />
+            </QItem>
-                    </QItemSection>
-                </QItem>
-            </QExpansionItem>
         </template>
     </VnFilterPanel>
 </template>
@@ -340,7 +337,6 @@ es:
     With problems: Con problemas
     Invoiced: Facturado
     Routed: Enrutado
-    More options: Más opciones
     Province: Provincia
     Agency: Agencia
     Warehouse: Almacén

src/pages/Ticket/TicketList.vue

@@ -274,7 +274,7 @@ const fetchAddresses = async (formData) => {
 
     const filter = {
         fields: ['nickname', 'street', 'city', 'id', 'isActive'],
-        order: 'nickname ASC',
+        order: ['isDefaultAddress DESC', 'isActive DESC', 'nickname ASC'],
     };
     const params = { filter: JSON.stringify(filter) };
     const { data } = await axios.get(`Clients/${formData.clientId}/addresses`, {
@@ -590,7 +590,22 @@ function setReference(data) {
                     @update:model-value="() => fetchAvailableAgencies(data)"
                 >
                     <template #option="scope">
-                        <QItem v-bind="scope.itemProps">
+                        <QItem
+                            v-bind="scope.itemProps"
+                            :class="{ disabled: !scope.opt.isActive }"
+                        >
+                            <QItemSection style="min-width: min-content" avatar>
+                                <QIcon
+                                    v-if="
+                                        scope.opt.isActive &&
+                                        selectedClient?.defaultAddressFk === scope.opt.id
+                                    "
+                                    size="sm"
+                                    color="grey"
+                                    name="star"
+                                    class="fill-icon"
+                                />
+                            </QItemSection>
                             <QItemSection>
                                 <QItemLabel
                                     :class="{

src/pages/Travel/Card/TravelBasicData.vue

@@ -14,6 +14,8 @@ const route = useRoute();
 const { t } = useI18n();
 
 const agenciesOptions = ref([]);
+const warehousesOptionsOut = ref([]);
+const warehousesOptionsIn = ref([]);
 </script>
 <template>
     <FetchData
@@ -21,6 +23,18 @@ const agenciesOptions = ref([]);
         @on-fetch="(data) => (agenciesOptions = data)"
         auto-load
     />
+    <FetchData
+        url="Warehouses"
+        @on-fetch="(data) => (warehousesOptionsOut = data)"
+        auto-load
+        :filter="{ where: { isOrigin: TRUE } }"
+    />
+    <FetchData
+        url="Warehouses"
+        @on-fetch="(data) => (warehousesOptionsIn = data)"
+        auto-load
+        :filter="{ where: { isDestiny: TRUE } }"
+    />
     <FormModel :url-update="`Travels/${route.params.id}`" model="Travel" auto-load>
         <template #form="{ data }">
             <VnRow>
@@ -39,11 +53,12 @@ const agenciesOptions = ref([]);
                 <VnInputDate v-model="data.shipped" :label="t('globals.shipped')" />
                 <VnInputDate v-model="data.landed" :label="t('globals.landed')" />
             </VnRow>
+
             <VnRow>
                 <VnSelect
                     :label="t('globals.warehouseOut')"
                     v-model="data.warehouseOutFk"
-                    :options="agenciesOptions"
+                    :options="warehousesOptionsOut"
                     option-value="id"
                     option-label="name"
                     map-options
@@ -52,7 +67,7 @@ const agenciesOptions = ref([]);
                 <VnSelect
                     :label="t('globals.warehouseIn')"
                     v-model="data.warehouseInFk"
-                    :options="agenciesOptions"
+                    :options="warehousesOptionsIn"
                     option-value="id"
                     option-label="name"
                     map-options
@@ -89,7 +104,7 @@ const agenciesOptions = ref([]);
 
 <i18n>
 es:
-    raidDays: Si se marca "Redada", la fecha de entrega se moverá automáticamente los días indicados (incluido 0). Si se deja vacio, la fecha no cambiará
+    raidDays: Si se marca "Redada", la fecha de entrega se moverá automáticamente los días indicados.
 en:
-    raidDays: If "Raid" is checked, the landing date will automatically shift by the specified number of days (including 0). If left empty, the date will stay the same.
+    raidDays: If "Raid" is checked, the landing date will automatically shift by the specified number of days.
 </i18n>

src/pages/Travel/Card/TravelDescriptor.vue

@@ -44,8 +44,8 @@ const setData = (entity) => (data.value = useCardDescription(entity.ref, entity.
             <TravelDescriptorMenuItems :travel="entity" />
         </template>
         <template #body="{ entity }">
-            <VnLv :label="t('globals.warehouseIn')" :value="entity.warehouseIn.name" />
+            <VnLv :label="t('globals.warehouseIn')" :value="entity.warehouseIn?.name" />
-            <VnLv :label="t('globals.warehouseOut')" :value="entity.warehouseOut.name" />
+            <VnLv :label="t('globals.warehouseOut')" :value="entity.warehouseOut?.name" />
             <VnLv :label="t('globals.shipped')" :value="toDate(entity.shipped)" />
             <VnLv :label="t('globals.landed')" :value="toDate(entity.landed)" />
             <VnLv :label="t('globals.totalEntries')" :value="entity.totalEntries" />

src/pages/Worker/Card/WorkerPit.vue

@@ -0,0 +1,263 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import axios from 'axios';
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'src/components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import CrudModel from 'components/CrudModel.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
+import { useQuasar } from 'quasar';
+import VnConfirm from 'components/ui/VnConfirm.vue';
+import useNotify from 'src/composables/useNotify.js';
+const { notify } = useNotify();
+const route = useRoute();
+const { t } = useI18n();
+const disabilityGradesOptions = ref();
+const workerPitCrudRef = ref({});
+const insertTag = () => {
+    workerPitCrudRef.value.insert();
+};
+const quasar = useQuasar();
+const deleteRelative = async (id) => {
+    await new Promise((resolve) => {
+        quasar
+            .dialog({
+                component: VnConfirm,
+                componentProps: {
+                    title: t('Remove Relative'),
+                    message: t('Do you want to remove this relative?'),
+                },
+            })
+            .onOk(() => {
+                resolve(true);
+            })
+            .onCancel(() => {
+                resolve(false);
+            });
+    });
+    await axios.delete(`WorkerRelatives/${id}`);
+    workerPitCrudRef.value.reload();
+    notify('Relative removed', 'positive');
+};
+</script>
+
+<template>
+    <FetchData
+        url="DisabilityGrades"
+        @on-fetch="(data) => (disabilityGradesOptions = data)"
+        auto-load
+    />
+
+    <FormModel
+        url="WorkerIrpfs"
+        :filter="{ where: { workerFk: route.params.id } }"
+        auto-load
+        data-key="workerIrpfs"
+        :max-width="false"
+    >
+        <template #form="{ data }">
+            <QCard class="q-px-lg q-py-lg">
+                <VnTitle :text="t('IRPF')" />
+                <VnRow>
+                    <VnInput
+                        :label="t('familySituation')"
+                        clearable
+                        v-model="data.familySituation"
+                    />
+                    <VnInput :label="t('spouseNif')" clearable v-model="data.spouseNif" />
+                </VnRow>
+                <VnRow>
+                    <VnSelect
+                        :label="t('disabilityGrades')"
+                        :options="disabilityGradesOptions"
+                        option-label="description"
+                        option-value="id"
+                        v-model="data.disabilityGradeFk"
+                        id="disabilityGrades"
+                        data-cy="disabilityGrades"
+                        hide-selected
+                    />
+
+                    <VnInputDate
+                        :label="t('geographicMobilityDate')"
+                        v-model="data.geographicMobilityDate"
+                    />
+                </VnRow>
+                <VnRow>
+                    <VnInput
+                        clearable
+                        v-model="data.childPension"
+                        :label="t(`childPension`)"
+                    />
+                    <VnInput
+                        clearable
+                        v-model="data.spousePension"
+                        :label="t(`spousePension`)"
+                    />
+                </VnRow>
+                <VnRow>
+                    <QCheckbox v-model="data.isDependend" :label="t(`isDependend`)" />
+                    <QCheckbox
+                        v-model="data.hasHousingPaymentBefore"
+                        :label="t(`hasHousingPaymentBefore`)"
+                    />
+                </VnRow>
+                <VnRow>
+                    <QCheckbox
+                        v-model="data.hasHousingPaymentAfter"
+                        :label="t(`hasHousingPaymentAfter`)"
+                    />
+                    <QCheckbox
+                        v-model="data.hasExtendedWorking"
+                        :label="t(`hasExtendedWorking`)"
+                    />
+                </VnRow>
+            </QCard>
+
+            <CrudModel
+                ref="workerPitCrudRef"
+                data-key="workerPit"
+                url="WorkerRelatives"
+                auto-load
+                :filter="{
+                    where: { workerFk: route.params.id },
+                }"
+                :data-required="{ workerFk: route.params.id }"
+                :has-sub-toolbar="false"
+            >
+                <template #body="{ rows }">
+                    <QCard class="q-px-lg q-py-lg" flat>
+                        <div class="row no-wrap justify-between q-pb-md">
+                            <VnTitle :text="t('Relatives')" />
+                            <QBtnGroup push style="column-gap: 10px">
+                                <QBtn
+                                    color="primary"
+                                    icon="restart_alt"
+                                    flat
+                                    @click="workerPitCrudRef.reset"
+                                    :disable="!workerPitCrudRef.hasChanges"
+                                    :title="t('globals.reset')"
+                                />
+                                <QBtn
+                                    ref="saveButtonRef"
+                                    color="primary"
+                                    icon="save"
+                                    @click="workerPitCrudRef.onSubmit"
+                                    :disable="!workerPitCrudRef.hasChanges"
+                                    :title="t('globals.save')"
+                                    data-cy="workerPitRelativeSaveBtn"
+                                />
+                            </QBtnGroup>
+                        </div>
+                        <div
+                            v-for="(row, index) in rows"
+                            :key="index"
+                            class="row no-wrap q-mb-lg q-gutter-lg"
+                            padding="none"
+                        >
+                            <VnSelect
+                                :options="[
+                                    { id: 0, name: 'Ascendiente' },
+                                    { id: 1, name: 'Descendiente' },
+                                ]"
+                                :label="t('isDescendant')"
+                                v-model="row.isDescendant"
+                                class="q-gutter-xs q-mb-xs"
+                            />
+                            <VnSelect
+                                :label="t('disabilityGrades')"
+                                :options="disabilityGradesOptions"
+                                option-label="description"
+                                option-value="id"
+                                v-model="row.disabilityGradeFk"
+                                class="q-gutter-xs q-mb-xs"
+                            />
+                            <VnInput
+                                type="number"
+                                v-model="row.birthed"
+                                :label="t(`birthed`)"
+                            />
+
+                            <VnInput
+                                type="number"
+                                v-model="row.adoptionYear"
+                                :label="t(`adoptionYear`)"
+                            />
+                            <QCheckbox
+                                v-model="row.isDependend"
+                                :label="t(`isDependend`)"
+                            />
+                            <QCheckbox
+                                v-model="row.isJointCustody"
+                                :label="t(`isJointCustody`)"
+                                size="xs"
+                            />
+                            <QBtn
+                                @click="deleteRelative(rows[0].id)"
+                                class="cursor-pointer"
+                                color="primary"
+                                flat
+                                icon="delete"
+                                style="flex: 0"
+                            />
+                        </div>
+                        <VnRow class="justify-left items-center">
+                            <QBtn
+                                @click="insertTag(rows)"
+                                class="cursor-pointer"
+                                color="primary"
+                                flat
+                                icon="add"
+                                shortcut="+"
+                                style="flex: 0"
+                                data-cy="addRelative"
+                            />
+                        </VnRow>
+                    </QCard>
+                </template>
+            </CrudModel>
+        </template>
+    </FormModel>
+</template>
+
+<i18n>
+es:
+    familySituation: Situación familiar
+    disabilityGrades: Discapacidad
+    geographicMobilityDate: Movilidad geografica
+    childPension: Pensión hijos
+    spousePension: Pensión cónyuge
+    isDependend: Ayuda / Movilidad reducida
+    spouseNif: NIF cónyuge
+    hasHousingPaymentBefore: Pagos vivienda anterior 2011
+    hasHousingPaymentAfter: Pagos vivienda posterior 2011
+    hasExtendedWorking: Prolongación actividad laboral
+    isDescendant: Descen/Ascen
+    disabilityGradeFk: Discapacidad
+    birthed: Año nacimiento
+    adoptionYear: Año adopción
+    isJointCustody: Computo por entero
+    Relatives: Relacionados
+en:
+    familySituation: Family Situation
+    disabilityGrades: Disability Grades
+    geographicMobilityDate: Geographic Mobility Date
+    childPension: Child Pension
+    spousePension: Spouse Pension
+    isDependend: Dependent Suport / Reduced Mobility
+    spouseNif: Spouse NIF (Tax ID)
+    hasHousingPaymentBefore: Housing Payments Before 2011
+    hasHousingPaymentAfter: Housing Payments After 2011
+    hasExtendedWorking: Extended Work Activity
+    isDescendant: Descendant/Ascendant
+    disabilityGradeFk: Disability Grade
+    birthed: Birth Year
+    adoptionYear: Adoption Year
+    isJointCustody: Joint custody
+    Relatives: Relatives
+</i18n>

src/pages/Zone/Card/ZoneEventExclusionForm.vue

@@ -43,7 +43,7 @@ const { t } = useI18n();
 const { openConfirmationModal } = useVnConfirm();
 
 const isNew = computed(() => props.isNewMode);
-const dated = ref(null);
+const dated = ref(props.date);
 const tickedNodes = ref();
 
 const _excludeType = ref('all');
@@ -73,7 +73,6 @@ const exclusionCreate = async () => {
         await axios.post(`Zones/${route.params.id}/exclusions`, {
             dated: dated.value,
         });
-
     await refetchEvents();
 };
 
@@ -115,13 +114,14 @@ onMounted(() => {
         @on-submit="onSubmit()"
         :default-cancel-button="false"
         :default-submit-button="false"
+        :submit-on-enter="false"
     >
         <template #form-inputs>
             <VnRow class="row q-gutter-md q-mb-lg">
                 <VnInputDate
                     :label="t('eventsInclusionForm.day')"
                     v-model="dated"
-                    :model-value="props.date"
+                    :required="true"
                 />
             </VnRow>
             <div class="column q-gutter-y-sm q-mb-md">
@@ -182,6 +182,7 @@ onMounted(() => {
                 :label="isNew ? t('globals.add') : t('globals.save')"
                 type="submit"
                 color="primary"
+                @click="onSubmit()"
             />
         </template>
     </FormPopup>

src/pages/Zone/Card/ZoneLocationsTree.vue

@@ -38,6 +38,7 @@ const datakey = 'ZoneLocations';
 const url = computed(() => `Zones/${route.params.id}/getLeaves`);
 const arrayData = useArrayData(datakey, {
     url: url.value,
+    limit: null,
 });
 const store = arrayData.store;
 
@@ -74,6 +75,7 @@ const onNodeExpanded = async (nodeKeysArray) => {
         if (response.data) {
             node.childs = response.data.map((n) => {
                 if (n.sons > 0) n.childs = [{}];
+                n.selected = isSelected(n.selected);
                 return n;
             });
         }
@@ -90,21 +92,16 @@ const onNodeExpanded = async (nodeKeysArray) => {
     previousExpandedNodes.value = nodeKeysSet;
 };
 
-const formatNodeSelected = (node) => {
-    if (node.selected === 1) node.selected = true;
-    else if (node.selected === 0) node.selected = false;
-
-    if (node.sons > 0 && !node.childs) node.childs = [{}];
-};
-
 const fetchNodeLeaves = async (nodeKey) => {
     if (!treeRef.value) return;
     const node = treeRef.value?.getNodeByKey(nodeKey);
-    if (node.selected === 1) node.selected = true;
+    if (typeof node.selected === 'number') node.selected = !!node.selected;
-    else if (node.selected === 0) node.selected = false;
+    if (node.sons > 0 && !node.childs) {
+        node.childs = [{}];
+        const index = expanded.value.indexOf(node.id);
+        expanded.value.splice(index, 1);
+    }
     if (!node || node.sons === 0) return;
-
-    state.set('Tree', node);
 };
 
 function getNodeIds(node) {
@@ -119,6 +116,10 @@ function getNodeIds(node) {
     return ids;
 }
 
+function isSelected(selected) {
+    if (typeof selected === 'number') return !!selected;
+}
+
 watch(
     () => store.data,
     async (val) => {
@@ -128,18 +129,9 @@ watch(
         nodes.value[0].childs = [...val];
         const fetchedNodeKeys = val.flatMap(getNodeIds);
         state.set('Tree', [...fetchedNodeKeys]);
-
+        expanded.value = [null, ...fetchedNodeKeys];
-        if (!store.userParams?.search) {
+        for (let n of state.get('Tree')) {
-            val.forEach((n) => {
+            await fetchNodeLeaves(n);
-                formatNodeSelected(n);
-            });
-            store.data = null;
-            expanded.value = [null];
-        } else {
-            for (let n of state.get('Tree')) {
-                await fetchNodeLeaves(n);
-            }
-            expanded.value = [null, ...fetchedNodeKeys];
         }
         previousExpandedNodes.value = new Set(expanded.value);
     },
@@ -147,13 +139,11 @@ watch(
 );
 
 const reFetch = async () => {
-    const { data } = await arrayData.fetch({ append: false });
+    await arrayData.fetch({});
-    nodes.value = data;
-    expanded.value = [null];
 };
 
 onMounted(async () => {
-    if (store.userParams?.search) await arrayData.fetch({});
+    await reFetch();
 });
 
 onUnmounted(() => {
@@ -167,13 +157,13 @@ onUnmounted(() => {
         v-if="showSearchBar"
         v-model="store.userParams.search"
         :placeholder="$t('globals.search')"
-        @update:model-value="reFetch()"
+        @keydown.enter.stop.prevent="reFetch"
     >
         <template #prepend>
             <QBtn color="primary" icon="search" dense flat @click="reFetch()" />
         </template>
     </VnInput>
-    <VnSearchbar :data-key="datakey" :url="url" :redirect="false" />
+    <VnSearchbar v-if="!showSearchBar" :data-key="datakey" :url="url" :redirect="false" />
     <QTree
         ref="treeRef"
         :nodes="nodes"

src/router/modules/worker.js

@@ -24,6 +24,7 @@ export default {
             'WorkerDms',
             'WorkerTimeControl',
             'WorkerLocker',
+            'WorkerPit',
             'WorkerBalance',
             'WorkerFormation',
             'WorkerMedical',
@@ -216,6 +217,15 @@ export default {
                     },
                     component: () => import('src/pages/Worker/Card/WorkerMedical.vue'),
                 },
+                {
+                    name: 'WorkerPit',
+                    path: 'pit',
+                    meta: {
+                        title: 'pit',
+                        icon: 'lock',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerPit.vue'),
+                },
                 {
                     name: 'WorkerOperator',
                     path: 'operator',

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

@@ -0,0 +1,112 @@
+/// <reference types="cypress" />
+describe('OrderCatalog', () => {
+    beforeEach(() => {
+        cy.login('developer');
+        cy.viewport(1920, 720);
+        cy.visit('/#/order/8/catalog');
+    });
+
+    const checkCustomFilterTag = (filterName = 'Plant') => {
+        cy.dataCy('catalogFilterCustomTag').should('exist');
+        cy.dataCy('catalogFilterCustomTag').contains(filterName);
+    };
+
+    const checkFilterTag = (filterName = 'Plant') => {
+        cy.dataCy('vnFilterPanelChip').should('exist');
+        cy.dataCy('vnFilterPanelChip').contains(filterName);
+    };
+
+    const selectCategory = (categoryIndex = 1, categoryName = 'Plant') => {
+        cy.get(
+            `div.q-page-container div:nth-of-type(${categoryIndex}) > [data-cy='catalogFilterCategory']`
+        ).should('exist');
+        cy.get(
+            `div.q-page-container div:nth-of-type(${categoryIndex}) > [data-cy='catalogFilterCategory']`
+        ).click();
+        checkCustomFilterTag(categoryName);
+    };
+
+    const searchByCustomTagInput = (option) => {
+        cy.dataCy('catalogFilterValueInput').find('input').last().focus();
+        cy.dataCy('catalogFilterValueInput').find('input').last().type(option);
+        cy.dataCy('catalogFilterValueInput').find('input').last().type('{enter}');
+        checkCustomFilterTag(option);
+    };
+
+    const selectTypeFilter = (option) => {
+        cy.selectOption(
+            'div.q-page-container div.list > div:nth-of-type(2) div:nth-of-type(3)',
+            option
+        );
+        checkFilterTag(option);
+    };
+
+    it('Shows empty state', () => {
+        cy.dataCy('orderCatalogPage').should('exist');
+        cy.dataCy('orderCatalogPage').contains('No data to display');
+    });
+
+    it('filter by category', () => {
+        selectCategory();
+        cy.dataCy('orderCatalogItem').should('exist');
+    });
+
+    it('filters by type', () => {
+        selectCategory();
+        selectTypeFilter('Anthurium');
+    });
+
+    it('filters by custom value select', () => {
+        selectCategory();
+        searchByCustomTagInput('Silver');
+    });
+
+    it('filters by custom value dialog', () => {
+        Cypress.on('uncaught:exception', (err) => {
+            if (err.message.includes('canceled')) {
+                return false;
+            }
+        });
+        selectCategory();
+        cy.dataCy('catalogFilterValueDialogBtn').should('exist');
+        cy.dataCy('catalogFilterValueDialogBtn').last().click();
+        cy.dataCy('catalogFilterValueDialogTagSelect').should('exist');
+        cy.selectOption("[data-cy='catalogFilterValueDialogTagSelect']", 'Tallos');
+        cy.dataCy('catalogFilterValueDialogValueInput').find('input').focus();
+        cy.dataCy('catalogFilterValueDialogValueInput').find('input').type('2');
+        cy.dataCy('catalogFilterValueDialogValueInput').find('input').type('{enter}');
+        checkCustomFilterTag('2');
+    });
+
+    it('removes a secondary tag', () => {
+        selectCategory();
+        selectTypeFilter('Anthurium');
+        cy.dataCy('vnFilterPanelChip').should('exist');
+        cy.get(
+            "div.q-page-container [data-cy='vnFilterPanelChip'] > i.q-chip__icon--remove"
+        )
+            .contains('cancel')
+            .should('exist');
+        cy.get(
+            "div.q-page-container [data-cy='vnFilterPanelChip'] > i.q-chip__icon--remove"
+        )
+            .contains('cancel')
+            .click();
+        cy.dataCy('vnFilterPanelChip').should('not.exist');
+    });
+
+    it('Removes category tag', () => {
+        selectCategory();
+        cy.get(
+            "div.q-page-container [data-cy='catalogFilterCustomTag'] > i.q-chip__icon--remove"
+        )
+            .contains('cancel')
+            .should('exist');
+        cy.get(
+            "div.q-page-container [data-cy='catalogFilterCustomTag'] > i.q-chip__icon--remove"
+        )
+            .contains('cancel')
+            .click();
+        cy.dataCy('catalogFilterCustomTag').should('not.exist');
+    });
+});

test/cypress/integration/vnComponent/VnAccountNumber.spec.js

@@ -0,0 +1,39 @@
+describe('VnInput Component', () => {
+    beforeEach(() => {
+        cy.login('developer');
+        cy.viewport(1920, 1080);
+        cy.visit('/#/supplier/1/fiscal-data');
+        cy.domContentLoad();
+    });
+
+    it('should replace character at cursor position in insert mode', () => {
+        // Simula escribir en el input
+        cy.dataCy('supplierFiscalDataAccount').clear();
+        cy.dataCy('supplierFiscalDataAccount').type('4100000001');
+        // Coloca el cursor en la posición 0
+        cy.dataCy('supplierFiscalDataAccount').type('{movetostart}');
+        // Escribe un número y verifica que se reemplace correctamente
+        cy.dataCy('supplierFiscalDataAccount').type('999');
+        cy.dataCy('supplierFiscalDataAccount')
+        .should('have.value', '9990000001');
+    });
+
+    it('should replace character at cursor position in insert mode', () => {
+        // Simula escribir en el input
+        cy.dataCy('supplierFiscalDataAccount').clear();
+        cy.dataCy('supplierFiscalDataAccount').type('4100000001');
+        // Coloca el cursor en la posición 0
+        cy.dataCy('supplierFiscalDataAccount').type('{movetostart}');
+        // Escribe un número y verifica que se reemplace correctamente en la posicion incial
+        cy.dataCy('supplierFiscalDataAccount').type('999');
+        cy.dataCy('supplierFiscalDataAccount')
+        .should('have.value', '9990000001');
+    });
+
+    it('should respect maxlength prop', () => {
+        cy.dataCy('supplierFiscalDataAccount').clear();
+        cy.dataCy('supplierFiscalDataAccount').type('123456789012345');
+        cy.dataCy('supplierFiscalDataAccount')
+        .should('have.value', '1234567890'); // asumiendo que maxlength es 10
+    });
+});

test/cypress/integration/vnComponent/VnLocation.spec.js

@@ -1,3 +1,5 @@
+const { randomNumber, randomString } = require('../../support');
+
 describe('VnLocation', () => {
     const locationOptions = '[role="listbox"] > div.q-virtual-scroll__content > .q-item';
     const dialogInputs = '.q-dialog label input';
@@ -99,25 +101,26 @@ describe('VnLocation', () => {
         });
 
         it('Create postCode', () => {
-            const postCode = '1234475';
+            const postCode = Math.floor(100000 + Math.random() * 900000);
             const province = 'Valencia';
             cy.get(createLocationButton).click();
             cy.get('.q-card > h1').should('have.text', 'New postcode');
-            cy.get(dialogInputs).eq(0).clear();
-            cy.get(dialogInputs).eq(0).type(postCode);
             cy.selectOption(
                 `${createForm.prefix} > :nth-child(4) > .q-select > ${createForm.sufix}`,
                 province
             );
+            cy.get(dialogInputs).eq(0).clear();
+            cy.get(dialogInputs).eq(0).type(postCode);
             cy.get('.q-mt-lg > .q-btn--standard').click();
             cy.get(`${createForm.prefix}`).should('not.exist');
             cy.waitForElement('.q-form');
 
             checkVnLocation(postCode, province);
         });
-        it('Create city', () => {
+
-            const postCode = '9011';
+        it('Create city without country', () => {
-            const province = 'Saskatchew';
+            const postCode = randomNumber();
+            const province = randomString({ length: 4 });
             cy.get(createLocationButton).click();
             cy.get(dialogInputs).eq(0).type(postCode);
             cy.get(
@@ -131,6 +134,58 @@ describe('VnLocation', () => {
             checkVnLocation(postCode, province);
         });
 
+        it('Create province without country', () => {
+            const provinceName = 'Saskatchew'.concat(Math.random(1 * 100));
+            cy.get(createLocationButton).click();
+            cy.get(
+                `${createForm.prefix} > :nth-child(5) > .q-select > ${createForm.sufix} > :nth-child(2) `
+            )
+                .eq(0)
+                .click();
+            cy.selectOption('#q-portal--dialog--3 .q-select', 'one');
+            cy.countSelectOptions('#q-portal--dialog--3 .q-select', 4);
+            cy.get('#q-portal--dialog--3 .q-input').type(provinceName);
+
+            cy.get('#q-portal--dialog--3 .q-btn--standard').click();
+        });
+
+        it('Create city with country', () => {
+            const cityName = 'Saskatchew'.concat(Math.random(1 * 100));
+            cy.get(createLocationButton).click();
+            cy.selectOption(
+                `${createForm.prefix} > :nth-child(5) > :nth-child(3) `,
+                'Italia'
+            );
+            cy.get(
+                `${createForm.prefix} > :nth-child(4) > .q-select > ${createForm.sufix} > :nth-child(2) > .q-icon`
+            ).click();
+            cy.selectOption('#q-portal--dialog--4 .q-select', 'Province four');
+            cy.countSelectOptions('#q-portal--dialog--4 .q-select', 1);
+
+            cy.get('#q-portal--dialog--4 .q-input').type(cityName);
+            cy.get('#q-portal--dialog--4 .q-btn--standard').click();
+        });
+
+        it('Create province with country', () => {
+            const provinceName = 'Saskatchew'.concat(Math.random(1 * 100));
+            cy.get(createLocationButton).click();
+            cy.selectOption(
+                `${createForm.prefix} > :nth-child(5) > :nth-child(3) `,
+                'España'
+            );
+            cy.get(
+                `${createForm.prefix} > :nth-child(5) > .q-select > ${createForm.sufix} > :nth-child(2) `
+            )
+                .eq(0)
+                .click();
+
+            cy.selectOption('#q-portal--dialog--4 .q-select', 'one');
+            cy.countSelectOptions('#q-portal--dialog--4 .q-select', 2);
+
+            cy.get('#q-portal--dialog--4 .q-input').type(provinceName);
+            cy.get('#q-portal--dialog--4 .q-btn--standard').click();
+        });
+
         function checkVnLocation(postCode, province) {
             cy.get(`${createForm.prefix}`).should('not.exist');
             cy.get('.q-form > .q-card > .vn-row:nth-child(6)')

test/cypress/integration/worker/workerPit.spec.js

@@ -0,0 +1,40 @@
+describe('WorkerPit', () => {
+    const familySituationInput = '[data-cy="Family Situation_input"]';
+    const familySituation = '1';
+    const childPensionInput = '[data-cy="Child Pension_input"]';
+    const childPension = '120';
+    const spouseNifInput = '[data-cy="Spouse Pension_input"]';
+    const spouseNif = '65117125P';
+    const spousePensionInput = '[data-cy="Spouse Pension_input"]';
+    const spousePension = '120';
+    const addRelative = '[data-cy="addRelative"]';
+    const isDescendantSelect = '[data-cy="Descendant/Ascendant_select"]';
+    const birthedInput = '[data-cy="Birth Year_input"]';
+    const birthed = '2002';
+    const adoptionYearInput = '[data-cy="Adoption Year_input"]';
+    const adoptionYear = '2004';
+    const saveRelative = '[data-cy="workerPitRelativeSaveBtn"]';
+    const savePIT = '#st-actions > .q-btn-group > .q-btn--standard';
+
+    beforeEach(() => {
+        cy.viewport(1920, 1080);
+        cy.login('developer');
+        cy.visit(`/#/worker/1107/pit`);
+    });
+
+    it('complete PIT', () => {
+        cy.get(familySituationInput).type(familySituation);
+        cy.get(childPensionInput).type(childPension);
+        cy.get(spouseNifInput).type(spouseNif);
+        cy.get(spousePensionInput).type(spousePension);
+        cy.get(savePIT).click();
+    });
+
+    it('complete relative', () => {
+        cy.get(addRelative).click();
+        cy.get(isDescendantSelect).type('{downArrow}{downArrow}{enter}');
+        cy.get(birthedInput).type(birthed);
+        cy.get(adoptionYearInput).type(adoptionYear);
+        cy.get(saveRelative).click();
+    });
+});

test/cypress/support/commands.js

@@ -86,11 +86,17 @@ Cypress.Commands.add('getValue', (selector) => {
 });
 
 // Fill Inputs
-Cypress.Commands.add('selectOption', (selector, option) => {
+Cypress.Commands.add('selectOption', (selector, option, timeout) => {
     cy.waitForElement(selector);
     cy.get(selector).click();
+    cy.wait(timeout || 1000);
     cy.get('.q-menu .q-item').contains(option).click();
 });
+Cypress.Commands.add('countSelectOptions', (selector, option) => {
+    cy.waitForElement(selector);
+    cy.get(selector).click();
+    cy.get('.q-menu .q-item').should('have.length', option);
+});
 
 Cypress.Commands.add('fillInForm', (obj, form = '.q-form > .q-card') => {
     cy.waitForElement('.q-form > .q-card');

test/cypress/support/index.js

@@ -15,3 +15,19 @@
 
 import './commands';
 
+function randomString(options = { length: 10 }) {
+    let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
+    return randomizeValue(possible, options);
+}
+
+function randomNumber(options = { length: 10 }) {
+    let possible = '0123456789';
+    return randomizeValue(possible, options);
+}
+
+function randomizeValue(characterSet, options) {
+    return Array.from({ length: options.length }, () =>
+        characterSet.charAt(Math.floor(Math.random() * characterSet.length))
+    ).join('');
+}
+export { randomString, randomNumber, randomizeValue };

test/vitest/__tests__/components/common/VnLinkPhone.spec.js

@@ -0,0 +1,29 @@
+import { describe, it, expect } from 'vitest';
+import parsePhone from 'src/filters/parsePhone';
+
+describe('parsePhone filter', () => {
+    it("adds prefix +34 if it doesn't have one", () => {
+        const resultado = parsePhone('123456789', '34');
+        expect(resultado).toBe('34123456789');
+    });
+
+    it('maintains prefix +34 if it is already correct', () => {
+        const resultado = parsePhone('+34123456789', '34');
+        expect(resultado).toBe('34123456789');
+    });
+
+    it('converts prefix 0034 to +34', () => {
+        const resultado = parsePhone('0034123456789', '34');
+        expect(resultado).toBe('34123456789');
+    });
+
+    it('converts prefix 34 without symbol to +34', () => {
+        const resultado = parsePhone('34123456789', '34');
+        expect(resultado).toBe('34123456789');
+    });
+
+    it('replaces incorrect prefix with the correct one', () => {
+        const resultado = parsePhone('+44123456789', '34');
+        expect(resultado).toBe('44123456789');
+    });
+});

test/vitest/__tests__/composables/downloadFile.spec.js

@@ -29,7 +29,7 @@ describe('downloadFile', () => {
         await downloadFile(1);
 
         expect(axios.get).toHaveBeenCalledWith(
-            `${baseUrl}/dms/1/downloadFile?access_token=${token}`,
+            `${baseUrl}/api/dms/1/downloadFile?access_token=${token}`,
             { responseType: 'blob' }
         );
     });