Merge pull request 'feat: refs #8828 add warehouse filtering for tickets and travels' (!1678) from 8828-filterVnSelectWarehouses into dev

Reviewed-on: #1678
Reviewed-by: Pablo Natek <pablone@verdnatura.es>

src/components/FilterTravelForm.vue

@@ -156,6 +156,9 @@ const selectTravel = ({ id }) => {
                     option-label="name"
                     option-value="id"
                     v-model="travelFilterParams.warehouseOutFk"
+                    :where="{
+                        isOrigin: true,
+                    }"
                 />
                 <VnSelect
                     :label="t('globals.warehouseIn')"
@@ -164,6 +167,9 @@ const selectTravel = ({ id }) => {
                     option-label="name"
                     option-value="id"
                     v-model="travelFilterParams.warehouseInFk"
+                    :where="{
+                        isDestiny: true,
+                    }"
                 />
                 <VnInputDate
                     :label="t('globals.shipped')"

src/components/RegularizeStockForm.vue

@@ -40,6 +40,9 @@ const onDataSaved = (data) => {
         url="Warehouses"
         @on-fetch="(data) => (warehousesOptions = data)"
         auto-load
+        :where="{
+            isInventory: true,
+        }"
     />
     <FormModelPopup
         url-create="Items/regularize"

src/pages/Entry/EntryFilter.vue

@@ -162,6 +162,9 @@ const entryFilterPanel = ref();
                         v-model="params.warehouseOutFk"
                         @update:model-value="searchFn()"
                         url="Warehouses"
+                        :where="{
+                            isOrigin: true,
+                        }"
                         :fields="['id', 'name']"
                         sort-by="name ASC"
                         hide-selected
@@ -177,6 +180,9 @@ const entryFilterPanel = ref();
                         v-model="params.warehouseInFk"
                         @update:model-value="searchFn()"
                         url="Warehouses"
+                        :where="{
+                            isDestiny: true,
+                        }"
                         :fields="['id', 'name']"
                         sort-by="name ASC"
                         hide-selected

src/pages/Ticket/Card/BasicData/TicketBasicDataForm.vue

@@ -239,6 +239,9 @@ async function getZone(options) {
     <FetchData
         url="Warehouses"
         @on-fetch="(data) => (warehousesOptions = data)"
+        :where="{
+            isForTicket: true,
+        }"
         auto-load
     />
     <FetchData

src/pages/Ticket/Negative/TicketLackFilter.vue

@@ -47,7 +47,14 @@ const setUserParams = (params) => {
 </script>
 
 <template>
-    <FetchData url="Warehouses" @on-fetch="(data) => (warehouses = data)" auto-load />
+    <FetchData
+        url="Warehouses"
+        @on-fetch="(data) => (warehouses = data)"
+        :where="{
+            isForTicket: true,
+        }"
+        auto-load
+    />
     <FetchData
         url="ItemCategories"
         :filter="{ fields: ['id', 'name'], order: 'name ASC' }"

src/pages/Ticket/TicketAdvanceFilter.vue

@@ -51,6 +51,9 @@ onMounted(async () => await getItemPackingTypes());
     <FetchData
         url="Warehouses"
         @on-fetch="(data) => (warehousesOptions = data)"
+        :where="{
+            isForTicket: true,
+        }"
         auto-load
     />
     <VnFilterPanel

src/pages/Ticket/TicketCreate.vue

@@ -70,11 +70,9 @@ const fetchAvailableAgencies = async (formData) => {
     const response = await getAgencies(formData, selectedClient.value);
     if (!response) return;
 
-    const { options, agency } =  response
+    const { options, agency } = response;
-    if(options)
+    if (options) agenciesOptions.value = options;
-        agenciesOptions.value = options;
+    if (agency) formData.agencyModeId = agency;
-    if(agency)
-        formData.agencyModeId = agency;
 };
 
 const redirectToTicketList = (_, { id }) => {
@@ -92,6 +90,9 @@ const redirectToTicketList = (_, { id }) => {
     <FetchData
         url="Warehouses"
         @on-fetch="(data) => (warehousesOptions = data)"
+        :where="{
+            isForTicket: true,
+        }"
         order="name"
         auto-load
     />

src/pages/Ticket/TicketCreateDialog.vue

@@ -70,11 +70,9 @@ const fetchAvailableAgencies = async (formData) => {
     const response = await getAgencies(formData, selectedClient.value);
     if (!response) return;
 
-    const { options, agency } =  response
+    const { options, agency } = response;
-    if(options)
+    if (options) agenciesOptions.value = options;
-        agenciesOptions.value = options;
+    if (agency) formData.agencyModeId = agency;
-    if(agency)
-        formData.agencyModeId = agency;
 };
 
 const redirectToTicketList = (_, { id }) => {
@@ -86,6 +84,9 @@ const redirectToTicketList = (_, { id }) => {
     <FetchData
         url="Warehouses"
         @on-fetch="(data) => (warehousesOptions = data)"
+        :where="{
+            isForTicket: true,
+        }"
         order="name"
         auto-load
     />

src/pages/Ticket/TicketFilter.vue

@@ -41,8 +41,19 @@ const groupedStates = ref([]);
         @on-fetch="(data) => (agencies = data)"
         auto-load
     />
-    <FetchData url="Warehouses" @on-fetch="(data) => (warehouses = data)" auto-load />
+    <FetchData
-    <VnFilterPanel :data-key="props.dataKey" :search-button="true">
+        url="Warehouses"
+        @on-fetch="(data) => (warehouses = data)"
+        auto-load
+        :where="{
+            isForTicket: true,
+        }"
+    />
+    <VnFilterPanel
+        :data-key="props.dataKey"
+        :search-button="true"
+        :unremovableParams="['from', 'to']"
+    >
         <template #tags="{ tag, formatFn }">
             <div class="q-gutter-x-xs">
                 <strong>{{ t(`params.${tag.label}`) }}: </strong>

src/pages/Ticket/TicketFutureFilter.vue

@@ -55,6 +55,9 @@ onMounted(async () => {
     <FetchData
         url="Warehouses"
         @on-fetch="(data) => (warehousesOptions = data)"
+        :where="{
+            isForTicket: true,
+        }"
         auto-load
     />
     <VnFilterPanel

src/pages/Ticket/TicketList.vue

@@ -204,6 +204,9 @@ const columns = computed(() => [
         attrs: {
             url: 'warehouses',
             fields: ['id', 'name'],
+            where: {
+                isForTicket: true,
+            },
         },
         format: (row) => row.warehouse,
         columnField: {
@@ -670,9 +673,11 @@ function setReference(data) {
                                 :sort-by="['name']"
                                 :label="t('globals.warehouse')"
                                 v-model="data.warehouseId"
-                                :options="warehousesOptions"
                                 hide-selected
                                 required
+                                :where="{
+                                    isForTicket: true,
+                                }"
                                 @update:model-value="() => fetchAvailableAgencies(data)"
                             />
                         </div>

src/pages/Ticket/TicketWeekly.vue

@@ -102,6 +102,9 @@ const columns = computed(() => [
             attrs: {
                 url: 'Warehouses',
                 fields: ['id', 'name'],
+                where: {
+                    isForTicket: true,
+                },
             },
             inWhere: true,
         },

src/pages/Ticket/locale/en.yml

@@ -208,6 +208,7 @@ ticketList:
     hour: Hour
     rounding: Rounding
     noVerifiedData: No verified data
+    warehouse: Warehouse
     purchaseRequest: Purchase request
     notVisible: Not visible
     clientFrozen: Client frozen

src/pages/Travel/Card/TravelBasicData.vue

@@ -28,13 +28,17 @@ const warehousesOptionsIn = ref([]);
         url="Warehouses"
         @on-fetch="(data) => (warehousesOptionsOut = data)"
         auto-load
-        :filter="{ where: { isOrigin: TRUE } }"
+        :where="{
+            isOrigin: true,
+        }"
     />
     <FetchData
         url="Warehouses"
         @on-fetch="(data) => (warehousesOptionsIn = data)"
         auto-load
-        :filter="{ where: { isDestiny: TRUE } }"
+        :where="{
+            isDestiny: true,
+        }"
     />
     <FormModel :url-update="`Travels/${route.params.id}`" model="Travel">
         <template #form="{ data }">

src/pages/Travel/ExtraCommunityFilter.vue

@@ -183,7 +183,9 @@ warehouses();
                     <VnSelect
                         :label="t('extraCommunity.filter.warehouseOutFk')"
                         v-model="params.warehouseOutFk"
-                        :options="warehousesOptions"
+                        :options="
+                            warehousesOptions.filter((option) => option.isOrigin === true)
+                        "
                         option-value="id"
                         option-label="name"
                         hide-selected
@@ -197,7 +199,11 @@ warehouses();
                     <VnSelect
                         :label="t('extraCommunity.filter.warehouseInFk')"
                         v-model="params.warehouseInFk"
-                        :options="warehousesOptions"
+                        :options="
+                            warehousesOptions.filter(
+                                (option) => option.isDestiny === true,
+                            )
+                        "
                         option-value="id"
                         option-label="name"
                         hide-selected

src/pages/Travel/TravelCreate.vue

@@ -81,6 +81,9 @@ const redirectToTravelBasicData = (_, { id }) => {
                         option-value="id"
                         option-label="name"
                         hide-selected
+                        :where="{
+                            isOrigin: true,
+                        }"
                     />
                     <VnSelect
                         :label="t('globals.warehouseIn')"
@@ -89,6 +92,9 @@ const redirectToTravelBasicData = (_, { id }) => {
                         option-value="id"
                         option-label="name"
                         hide-selected
+                        :where="{
+                            isDestiny: true,
+                        }"
                     />
                 </VnRow>
             </template>

src/pages/Travel/TravelFilter.vue

@@ -64,6 +64,9 @@ defineExpose({ states });
                     option-filter="name"
                     dense
                     filled
+                    :where="{
+                        isDestiny: true,
+                    }"
                 />
                 <VnInputDate
                     :label="t('travel.shipped')"
@@ -89,6 +92,9 @@ defineExpose({ states });
                     option-filter="name"
                     dense
                     filled
+                    :where="{
+                        isOrigin: true,
+                    }"
                 />
                 <VnInputDate
                     :label="t('travel.landed')"

src/pages/Travel/TravelList.vue

@@ -99,6 +99,7 @@ const columns = computed(() => [
             fields: ['id', 'name'],
             optionLabel: 'name',
             optionValue: 'id',
+            where: { isDestiny: true },
         },
         format: (row) => row.warehouseInName,
         columnField: {
@@ -133,6 +134,7 @@ const columns = computed(() => [
         attrs: {
             url: 'warehouses',
             fields: ['id', 'name'],
+            where: { isOrigin: true },
         },
         format: (row) => row.warehouseOutName,
         columnField: {

test/cypress/integration/ticket/ticketList.spec.js

@@ -76,16 +76,13 @@ describe('TicketList', () => {
             });
         }).as('ticket');
 
-        cy.get('[data-cy="Warehouse_select"]').type('Warehouse Five');
+        cy.get('[data-cy="Warehouse_select"]').type('Warehouse One');
-        cy.get('.q-menu .q-item').contains('Warehouse Five').click();
+        cy.get('.q-menu .q-item').contains('Warehouse One').click();
         cy.wait('@ticket').then((interception) => {
-            const data = interception.response.body[1];
+            const data = interception.response.body[0];
             expect(data.hasComponentLack).to.equal(1);
-            expect(data.isTooLittle).to.equal(1);
-            expect(data.hasItemShortage).to.equal(1);
         });
         cy.get('.icon-components').should('exist');
         cy.get('.icon-unavailable').should('exist');
-        cy.get('.icon-isTooLittle').should('exist');
     });
 });