From c43e7011a4ab887a6e7682a8f3cdd34436511317 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 25 Jan 2024 08:53:24 -0300
Subject: [PATCH 01/22] WIP

---
 src/css/app.scss                         | 10 +++++
 src/i18n/en/index.js                     |  1 +
 src/i18n/es/index.js                     |  1 +
 src/pages/Entry/Card/EntryBasicData.vue  |  3 +-
 src/pages/Entry/Card/EntryBuys.vue       | 47 ++++++++++++++++++++++++
 src/pages/Entry/Card/EntryCard.vue       |  1 +
 src/pages/Entry/Card/EntryDescriptor.vue |  7 ----
 src/pages/Entry/Card/EntryNotes.vue      |  1 +
 src/pages/Entry/EntryCreate.vue          | 23 ++++++++----
 src/pages/Entry/EntryFilter.vue          | 14 +++++--
 src/pages/Entry/EntryMain.vue            |  1 +
 11 files changed, 90 insertions(+), 19 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index b742dae2f..e7be2ddf2 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -67,3 +67,13 @@ body.body--dark {
 .q-field.required .q-field__label:after {
     content: ' *';
 }
+
+input[type='number'] {
+    -moz-appearance: textfield;
+}
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+}
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 1a7a4c27e..eb257e0c9 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -266,6 +266,7 @@ export default {
             buys: 'Buys',
             notes: 'Notes',
             log: 'Log',
+            create: 'Create',
         },
         list: {
             newEntry: 'New entry',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 83de42ee0..5141fff4e 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -265,6 +265,7 @@ export default {
             buys: 'Compras',
             notes: 'Notas',
             log: 'Historial',
+            create: 'Crear',
         },
         list: {
             newEntry: 'Nueva entrada',
diff --git a/src/pages/Entry/Card/EntryBasicData.vue b/src/pages/Entry/Card/EntryBasicData.vue
index a5565fbf6..9dc59ec21 100644
--- a/src/pages/Entry/Card/EntryBasicData.vue
+++ b/src/pages/Entry/Card/EntryBasicData.vue
@@ -163,8 +163,9 @@ const currenciesOptions = ref([]);
                         :label="t('entry.basicData.observation')"
                         type="textarea"
                         v-model="data.observation"
+                        :maxlength="45"
+                        counter
                         fill-input
-                        autogrow
                     />
                 </div>
             </VnRow>
diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index 5eee14d29..c4427c09a 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -256,6 +256,33 @@ const deleteBuys = async () => {
 const importBuys = () => {
     router.push({ name: 'EntryBuysImport' });
 };
+
+const toggleGroupingMode = async (buy, mode) => {
+    try {
+        const grouping = 1;
+        const packing = 2;
+        const groupingMode = mode === 'grouping' ? grouping : packing;
+
+        const newGroupingMode = buy.groupingMode === groupingMode ? 0 : groupingMode;
+
+        const params = {
+            groupingMode: newGroupingMode,
+        };
+
+        await axios.patch(`Buys/${buy.id}`, params);
+        buy.groupingMode = newGroupingMode;
+    } catch (err) {
+        console.error('Error toggling grouping mode');
+    }
+};
+
+const showLockIcon = (groupingMode, mode) => {
+    if (mode === 'packing') {
+        return groupingMode === 2 ? 'lock' : 'lock_open';
+    } else {
+        return groupingMode === 1 ? 'lock' : 'lock_open';
+    }
+};
 </script>
 
 <template>
@@ -309,6 +336,25 @@ const importBuys = () => {
                                 v-model="props.row[col.field]"
                                 v-on="tableColumnComponents[col.name].event(props)"
                             >
+                                <template
+                                    v-if="
+                                        col.name === 'grouping' || col.name === 'packing'
+                                    "
+                                    #append
+                                >
+                                    <QBtn
+                                        :icon="
+                                            showLockIcon(props.row.groupingMode, col.name)
+                                        "
+                                        @click="toggleGroupingMode(props.row, col.name)"
+                                        class="cursor-pointer"
+                                        size="sm"
+                                        flat
+                                        dense
+                                        unelevated
+                                        push
+                                    />
+                                </template>
                                 <template
                                     v-if="col.name === 'item' || col.name === 'import'"
                                 >
@@ -381,6 +427,7 @@ const importBuys = () => {
             </QTable>
         </template>
     </VnPaginate>
+
     <QPageSticky :offset="[20, 20]">
         <QBtn fab icon="upload" color="primary" @click="importBuys()" />
         <QTooltip class="text-no-wrap">
diff --git a/src/pages/Entry/Card/EntryCard.vue b/src/pages/Entry/Card/EntryCard.vue
index f6399cc0b..fe4d73f99 100644
--- a/src/pages/Entry/Card/EntryCard.vue
+++ b/src/pages/Entry/Card/EntryCard.vue
@@ -16,6 +16,7 @@ const stateStore = useStateStore();
         <Teleport to="#searchbar">
             <VnSearchbar
                 data-key="EntryList"
+                url="Entries/filter"
                 :label="t('Search entries')"
                 :info="t('You can search by entry reference')"
             />
diff --git a/src/pages/Entry/Card/EntryDescriptor.vue b/src/pages/Entry/Card/EntryDescriptor.vue
index b1658ccd3..28c4c0a78 100644
--- a/src/pages/Entry/Card/EntryDescriptor.vue
+++ b/src/pages/Entry/Card/EntryDescriptor.vue
@@ -111,13 +111,6 @@ const showEntryReport = () => {
             <QItem v-ripple clickable @click="showEntryReport(entity)">
                 <QItemSection>{{ t('Show entry report') }}</QItemSection>
             </QItem>
-            <QItem v-ripple clickable>
-                <QItemSection>
-                    <RouterLink :to="{ name: 'EntryList' }" class="color-vn-text">
-                        {{ t('Go to module index') }}
-                    </RouterLink>
-                </QItemSection>
-            </QItem>
         </template>
         <template #body="{ entity }">
             <VnLv
diff --git a/src/pages/Entry/Card/EntryNotes.vue b/src/pages/Entry/Card/EntryNotes.vue
index c78d6c842..b3f535132 100644
--- a/src/pages/Entry/Card/EntryNotes.vue
+++ b/src/pages/Entry/Card/EntryNotes.vue
@@ -49,6 +49,7 @@ onMounted(() => {
                             :label="t('entry.notes.observationType')"
                             v-model="row.observationTypeFk"
                             :options="entryObservationsOptions"
+                            :disable="!!row.id"
                             option-label="description"
                             option-value="id"
                             hide-selected
diff --git a/src/pages/Entry/EntryCreate.vue b/src/pages/Entry/EntryCreate.vue
index d4eb8a3ef..3063845b0 100644
--- a/src/pages/Entry/EntryCreate.vue
+++ b/src/pages/Entry/EntryCreate.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
@@ -9,20 +9,27 @@ import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import FetchData from 'components/FetchData.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
+import { useState } from 'src/composables/useState';
 import { toDate } from 'src/filters';
 
+const state = useState();
 const { t } = useI18n();
 const route = useRoute();
+const router = useRouter();
 
+const user = state.getUser();
 const newEntryForm = reactive({
     supplierFk: null,
     travelFk: route.query?.travelFk || null,
-    companyFk: null,
+    companyFk: user.value.companyFk || null,
 });
-
 const suppliersOptions = ref([]);
 const travelsOptionsOptions = ref([]);
 const companiesOptions = ref([]);
+
+const redirectToEntryBasicData = (_, { id }) => {
+    router.push({ name: 'EntryBasicData', params: { id } });
+};
 </script>
 
 <template>
@@ -48,12 +55,14 @@ const companiesOptions = ref([]);
         @on-fetch="(data) => (companiesOptions = data)"
         auto-load
     />
-
-    <!-- Agregar searchbar de entries -->
-
     <QPage>
         <VnSubToolbar />
-        <FormModel url-create="Entries" model="entry" :form-initial-data="newEntryForm">
+        <FormModel
+            url-create="Entries"
+            model="entry"
+            :form-initial-data="newEntryForm"
+            @on-data-saved="redirectToEntryBasicData"
+        >
             <template #form="{ data, validate }">
                 <VnRow class="row q-gutter-md q-mb-md">
                     <VnSelectFilter
diff --git a/src/pages/Entry/EntryFilter.vue b/src/pages/Entry/EntryFilter.vue
index f137b05e8..22ddf0bbf 100644
--- a/src/pages/Entry/EntryFilter.vue
+++ b/src/pages/Entry/EntryFilter.vue
@@ -53,7 +53,7 @@ const suppliersOptions = ref([]);
                 <span>{{ formatFn(tag.value) }}</span>
             </div>
         </template>
-        <template #body="{ params }">
+        <template #body="{ params, searchFn }">
             <QItem>
                 <QItemSection>
                     <VnInput
@@ -95,6 +95,7 @@ const suppliersOptions = ref([]);
                     <VnSelectFilter
                         :label="t('params.companyFk')"
                         v-model="params.companyFk"
+                        @update:model-value="searchFn()"
                         :options="companiesOptions"
                         option-value="id"
                         option-label="code"
@@ -110,6 +111,7 @@ const suppliersOptions = ref([]);
                     <VnSelectFilter
                         :label="t('params.currencyFk')"
                         v-model="params.currencyFk"
+                        @update:model-value="searchFn()"
                         :options="currenciesOptions"
                         option-value="id"
                         option-label="name"
@@ -125,6 +127,7 @@ const suppliersOptions = ref([]);
                     <VnSelectFilter
                         :label="t('params.supplierFk')"
                         v-model="params.supplierFk"
+                        @update:model-value="searchFn()"
                         :options="suppliersOptions"
                         option-value="id"
                         option-label="name"
@@ -149,8 +152,9 @@ const suppliersOptions = ref([]);
                 <QItemSection>
                     <VnInputDate
                         :label="t('params.created')"
-                        is-outlined
                         v-model="params.created"
+                        @update:model-value="searchFn()"
+                        is-outlined
                     />
                 </QItemSection>
             </QItem>
@@ -158,8 +162,9 @@ const suppliersOptions = ref([]);
                 <QItemSection>
                     <VnInputDate
                         :label="t('params.from')"
-                        is-outlined
                         v-model="params.from"
+                        @update:model-value="searchFn()"
+                        is-outlined
                     />
                 </QItemSection>
             </QItem>
@@ -167,8 +172,9 @@ const suppliersOptions = ref([]);
                 <QItemSection>
                     <VnInputDate
                         :label="t('params.to')"
-                        is-outlined
                         v-model="params.to"
+                        @update:model-value="searchFn()"
+                        is-outlined
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Entry/EntryMain.vue b/src/pages/Entry/EntryMain.vue
index 8fa17a899..40f885d30 100644
--- a/src/pages/Entry/EntryMain.vue
+++ b/src/pages/Entry/EntryMain.vue
@@ -14,6 +14,7 @@ const stateStore = useStateStore();
         <Teleport to="#searchbar">
             <VnSearchbar
                 data-key="EntryList"
+                url="Entries/filter"
                 :label="t('Search entries')"
                 :info="t('You can search by entry reference')"
             />

From 93a4409c26056d7ef3fd21c4b82fa32602cb136b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 25 Jan 2024 16:24:32 -0300
Subject: [PATCH 02/22] More entries corrections

---
 src/components/CreateNewPostcodeForm.vue      |  10 +-
 src/components/FilterTravelForm.vue           | 241 ++++++++++++++++++
 ...{VnSelectCreate.vue => VnSelectDialog.vue} |  19 +-
 src/i18n/en/index.js                          |   6 +
 src/i18n/es/index.js                          |   6 +
 .../Customer/Card/CustomerBillingData.vue     |   6 +-
 .../Customer/Card/CustomerFiscalData.vue      |   6 +-
 src/pages/Customer/CustomerCreate.vue         |   6 +-
 .../components/CustomerConsigneeCreate.vue    |  10 +-
 .../components/CustomerConsigneeEdit.vue      |  10 +-
 src/pages/Entry/Card/EntryBasicData.vue       |  16 +-
 src/pages/Entry/Card/EntryBuys.vue            |  68 +++--
 src/pages/Supplier/Card/SupplierAccounts.vue  |   6 +-
 .../Supplier/Card/SupplierAddressesCreate.vue |   6 +-
 .../Supplier/Card/SupplierFiscalData.vue      |   6 +-
 src/pages/Worker/WorkerCreate.vue             |  10 +-
 16 files changed, 366 insertions(+), 66 deletions(-)
 create mode 100644 src/components/FilterTravelForm.vue
 rename src/components/common/{VnSelectCreate.vue => VnSelectDialog.vue} (80%)

diff --git a/src/components/CreateNewPostcodeForm.vue b/src/components/CreateNewPostcodeForm.vue
index ccffb2ec2..47836c05b 100644
--- a/src/components/CreateNewPostcodeForm.vue
+++ b/src/components/CreateNewPostcodeForm.vue
@@ -8,7 +8,7 @@ import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import CreateNewCityForm from './CreateNewCityForm.vue';
 import CreateNewProvinceForm from './CreateNewProvinceForm.vue';
-import VnSelectCreate from 'components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'components/common/VnSelectDialog.vue';
 import FormModelPopup from './FormModelPopup.vue';
 
 const emit = defineEmits(['onDataSaved']);
@@ -85,7 +85,7 @@ const onProvinceCreated = async ({ name }, formData) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('City')"
                         :options="townsLocationOptions"
                         v-model="data.townFk"
@@ -100,12 +100,12 @@ const onProvinceCreated = async ({ name }, formData) => {
                                 @on-data-saved="onCityCreated($event, data)"
                             />
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-xl">
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('Province')"
                         :options="provincesOptions"
                         hide-selected
@@ -120,7 +120,7 @@ const onProvinceCreated = async ({ name }, formData) => {
                                 @on-data-saved="onProvinceCreated($event, data)"
                             />
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
                 <div class="col">
                     <VnSelectFilter
diff --git a/src/components/FilterTravelForm.vue b/src/components/FilterTravelForm.vue
new file mode 100644
index 000000000..0c5ee7f4f
--- /dev/null
+++ b/src/components/FilterTravelForm.vue
@@ -0,0 +1,241 @@
+<script setup>
+import { ref, reactive, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import VnRow from 'components/ui/VnRow.vue';
+import FetchData from 'components/FetchData.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
+
+import axios from 'axios';
+import { toDate } from 'src/filters';
+
+const emit = defineEmits(['travelSelected']);
+
+const { t } = useI18n();
+
+const travelFilter = {
+    include: [
+        {
+            relation: 'agency',
+            scope: {
+                fields: ['name'],
+            },
+        },
+        {
+            relation: 'warehouseIn',
+            scope: {
+                fields: ['name'],
+            },
+        },
+        {
+            relation: 'warehouseOut',
+            scope: {
+                fields: ['name'],
+            },
+        },
+    ],
+};
+
+const travelFilterParams = reactive({});
+const closeButton = ref(null);
+const isLoading = ref(false);
+const agenciesOptions = ref([]);
+const warehousesOptions = ref([]);
+const tableRows = ref([]);
+const loading = ref(false);
+
+const tableColumns = computed(() => [
+    {
+        label: t('entry.basicData.id'),
+        name: 'id',
+        field: 'id',
+        align: 'left',
+    },
+    {
+        label: t('entry.basicData.warehouseOut'),
+        name: 'warehouseOutFk',
+        field: 'warehouseOutFk',
+        align: 'left',
+        format: (val) =>
+            warehousesOptions.value.find((warehouse) => warehouse.id === val).name,
+    },
+    {
+        label: t('entry.basicData.warehouseIn'),
+        name: 'warehouseInFk',
+        field: 'warehouseInFk',
+        align: 'left',
+        format: (val) =>
+            warehousesOptions.value.find((warehouse) => warehouse.id === val).name,
+    },
+    {
+        label: t('entry.basicData.shipped'),
+        name: 'shipped',
+        field: 'shipped',
+        align: 'left',
+        format: (val) => toDate(val),
+    },
+    {
+        label: t('entry.basicData.landed'),
+        name: 'landed',
+        field: 'landed',
+        align: 'left',
+        format: (val) => toDate(val),
+    },
+]);
+
+const fetchResults = async () => {
+    try {
+        let filter = travelFilter;
+        const params = travelFilterParams;
+        const where = {};
+        for (let key in params) {
+            const value = params[key];
+            if (!value) continue;
+
+            switch (key) {
+                case 'agencyModeFk':
+                case 'warehouseInFk':
+                case 'warehouseOutFk':
+                case 'shipped':
+                case 'landed':
+                    where[key] = value;
+            }
+        }
+
+        filter.where = where;
+        const { data } = await axios.get('Travels', {
+            params: { filter: JSON.stringify(filter) },
+        });
+        tableRows.value = data;
+    } catch (err) {
+        console.error('Error fetching travels');
+    }
+};
+
+const closeForm = () => {
+    if (closeButton.value) closeButton.value.click();
+};
+
+const selectTravel = ({ id }) => {
+    console.log('row:: ', id);
+    emit('travelSelected', id);
+    closeForm();
+};
+</script>
+
+<template>
+    <FetchData
+        url="AgencyModes"
+        @on-fetch="(data) => (agenciesOptions = data)"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC', limit: 30 }"
+        auto-load
+    />
+    <FetchData
+        url="Warehouses"
+        :filter="{ fields: ['id', 'name'] }"
+        order="name"
+        @on-fetch="(data) => (warehousesOptions = data)"
+        auto-load
+    />
+    <QForm @submit="fetchResults()" class="all-pointer-events">
+        <QCard class="column" style="padding: 32px; z-index: 100">
+            <span ref="closeButton" class="close-icon" v-close-popup>
+                <QIcon name="close" size="sm" />
+            </span>
+            <h1 class="title">{{ t('Filter travels') }}</h1>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('entry.basicData.agency')"
+                        :options="agenciesOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="travelFilterParams.agencyModeFk"
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('entry.basicData.warehouseOut')"
+                        :options="warehousesOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="travelFilterParams.warehouseOutFk"
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('entry.basicData.warehouseIn')"
+                        :options="warehousesOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="travelFilterParams.warehouseInFk"
+                    />
+                </div>
+                <div class="col">
+                    <VnInputDate
+                        :label="t('entry.basicData.shipped')"
+                        v-model="travelFilterParams.shipped"
+                    />
+                </div>
+                <div class="col">
+                    <VnInputDate
+                        :label="t('entry.basicData.landed')"
+                        v-model="travelFilterParams.landed"
+                    />
+                </div>
+            </VnRow>
+            <div class="q-mt-lg row justify-end">
+                <QBtn
+                    :label="t('globals.search')"
+                    type="submit"
+                    color="primary"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                />
+            </div>
+            <QTable
+                :columns="tableColumns"
+                :rows="tableRows"
+                :pagination="{ rowsPerPage: 0 }"
+                :loading="loading"
+                :hide-header="!tableRows || !tableRows.length > 0"
+                :no-data-label="t('Enter a new search')"
+                class="q-mt-lg"
+                @row-click="(_, row) => selectTravel(row)"
+            >
+                <template #body-cell-id="{ row }">
+                    <QTd auto-width>
+                        <QBtn flat color="blue">{{ row.id }}</QBtn>
+                        <TravelDescriptorProxy :id="row.id" />
+                    </QTd>
+                </template>
+            </QTable>
+        </QCard>
+    </QForm>
+</template>
+
+<i18n>
+es:
+    Filter travels: Filtro envíos
+    Enter a new search: Introduce una nueva búsqueda
+</i18n>
+
+<style lang="scss" scoped>
+.title {
+    font-size: 17px;
+    font-weight: bold;
+    line-height: 20px;
+}
+
+.close-icon {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+}
+</style>
diff --git a/src/components/common/VnSelectCreate.vue b/src/components/common/VnSelectDialog.vue
similarity index 80%
rename from src/components/common/VnSelectCreate.vue
rename to src/components/common/VnSelectDialog.vue
index bdc3f5cc8..2ec3d1b1a 100644
--- a/src/components/common/VnSelectCreate.vue
+++ b/src/components/common/VnSelectDialog.vue
@@ -20,6 +20,10 @@ const $props = defineProps({
         type: Array,
         default: () => ['developer'],
     },
+    actionIcon: {
+        type: String,
+        default: 'add',
+    },
 });
 
 const role = useRole();
@@ -48,9 +52,9 @@ const toggleForm = () => {
         <template v-if="isAllowedToCreate" #append>
             <QIcon
                 @click.stop.prevent="toggleForm()"
-                name="add"
-                size="xs"
-                class="add-icon"
+                :name="actionIcon"
+                :size="actionIcon === 'add' ? 'xs' : 'sm'"
+                :class="['default-icon', { '--add-icon': actionIcon === 'add' }]"
             />
             <QDialog v-model="showForm" transition-show="scale" transition-hide="scale">
                 <slot name="form" />
@@ -63,9 +67,14 @@ const toggleForm = () => {
 </template>
 
 <style lang="scss" scoped>
-.add-icon {
+.default-icon {
     cursor: pointer;
-    background-color: $primary;
+    color: $primary;
     border-radius: 50px;
+
+    &.--add-icon {
+        color: var(--vn-text);
+        background-color: $primary;
+    }
 }
 </style>
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index eb257e0c9..e9723ebb2 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -322,6 +322,12 @@ export default {
             booked: 'Booked',
             raid: 'Raid',
             excludedFromAvailable: 'Inventory',
+            agency: 'Agency',
+            warehouseOut: 'Warehouse Out',
+            warehouseIn: 'Warehouse In',
+            shipped: 'Shipped',
+            landed: 'Landed',
+            id: 'ID',
         },
         buys: {
             groupingPrice: 'Grouping price',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 5141fff4e..86d56ba3e 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -321,6 +321,12 @@ export default {
             booked: 'Asentado',
             raid: 'Redada',
             excludedFromAvailable: 'Inventario',
+            agency: 'Agencia',
+            warehouseOut: 'Alm. salida',
+            warehouseIn: 'Alm. entrada',
+            shipped: 'F. envío',
+            landed: 'F. entrega',
+            id: 'ID',
         },
         buys: {
             groupingPrice: 'Precio grouping',
diff --git a/src/pages/Customer/Card/CustomerBillingData.vue b/src/pages/Customer/Card/CustomerBillingData.vue
index a455e6db2..94f089f7b 100644
--- a/src/pages/Customer/Card/CustomerBillingData.vue
+++ b/src/pages/Customer/Card/CustomerBillingData.vue
@@ -10,7 +10,7 @@ import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
 
 const { t } = useI18n();
@@ -63,7 +63,7 @@ const getBankEntities = async () => {
                     <VnInput :label="t('IBAN')" v-model="data.iban" />
                 </div>
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('Swift / BIC')"
                         :options="bankEntitiesOptions"
                         :roles-allowed-to-create="['salesAssistant', 'hr']"
@@ -86,7 +86,7 @@ const getBankEntities = async () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
             </VnRow>
 
diff --git a/src/pages/Customer/Card/CustomerFiscalData.vue b/src/pages/Customer/Card/CustomerFiscalData.vue
index 0edcc3c07..e5cdcb22a 100644
--- a/src/pages/Customer/Card/CustomerFiscalData.vue
+++ b/src/pages/Customer/Card/CustomerFiscalData.vue
@@ -9,7 +9,7 @@ import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -114,7 +114,7 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('Postcode')"
                         :options="postcodesOptions"
                         :roles-allowed-to-create="['deliveryAssistant']"
@@ -145,7 +145,7 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
                 <div class="col">
                     <VnSelectFilter
diff --git a/src/pages/Customer/CustomerCreate.vue b/src/pages/Customer/CustomerCreate.vue
index 310deb71a..f8302b87d 100644
--- a/src/pages/Customer/CustomerCreate.vue
+++ b/src/pages/Customer/CustomerCreate.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
 const { t } = useI18n();
@@ -139,7 +139,7 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectCreate
+                        <VnSelectDialog
                             v-model="data.postcode"
                             :label="t('Postcode')"
                             :rules="validate('Worker.postcode')"
@@ -170,7 +170,7 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectCreate>
+                        </VnSelectDialog>
                     </div>
                     <div class="col">
                         <!-- ciudades -->
diff --git a/src/pages/Customer/components/CustomerConsigneeCreate.vue b/src/pages/Customer/components/CustomerConsigneeCreate.vue
index 92ce47bf2..7bc6c2e88 100644
--- a/src/pages/Customer/components/CustomerConsigneeCreate.vue
+++ b/src/pages/Customer/components/CustomerConsigneeCreate.vue
@@ -10,7 +10,7 @@ import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import CustomsNewCustomsAgent from 'src/pages/Customer/components/CustomerNewCustomsAgent.vue';
 
@@ -113,7 +113,7 @@ const toCustomerConsignees = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('Postcode')"
                         :options="postcodesOptions"
                         :roles-allowed-to-create="['deliveryAssistant']"
@@ -141,7 +141,7 @@ const toCustomerConsignees = () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
                 <div class="col">
                     <!-- ciudades -->
@@ -223,7 +223,7 @@ const toCustomerConsignees = () => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('Customs agent')"
                         :options="customsAgents"
                         hide-selected
@@ -234,7 +234,7 @@ const toCustomerConsignees = () => {
                         <template #form>
                             <CustomsNewCustomsAgent @on-data-saved="refreshData()" />
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
             </VnRow>
         </template>
diff --git a/src/pages/Customer/components/CustomerConsigneeEdit.vue b/src/pages/Customer/components/CustomerConsigneeEdit.vue
index 43649c58e..98996e479 100644
--- a/src/pages/Customer/components/CustomerConsigneeEdit.vue
+++ b/src/pages/Customer/components/CustomerConsigneeEdit.vue
@@ -10,7 +10,7 @@ import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import CustomsNewCustomsAgent from 'src/pages/Customer/components/CustomerNewCustomsAgent.vue';
 
@@ -168,7 +168,7 @@ const onDataSaved = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('Postcode')"
                         :options="postcodesOptions"
                         :roles-allowed-to-create="['deliveryAssistant']"
@@ -196,7 +196,7 @@ const onDataSaved = () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
                 <div class="col">
                     <!-- ciudades -->
@@ -278,7 +278,7 @@ const onDataSaved = () => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('Customs agent')"
                         :options="customsAgents"
                         hide-selected
@@ -289,7 +289,7 @@ const onDataSaved = () => {
                         <template #form>
                             <CustomsNewCustomsAgent />
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
             </VnRow>
 
diff --git a/src/pages/Entry/Card/EntryBasicData.vue b/src/pages/Entry/Card/EntryBasicData.vue
index 9dc59ec21..a98a1227f 100644
--- a/src/pages/Entry/Card/EntryBasicData.vue
+++ b/src/pages/Entry/Card/EntryBasicData.vue
@@ -8,6 +8,8 @@ import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
+import FilterTravelForm from 'src/components/FilterTravelForm.vue';
 
 import { toDate } from 'src/filters';
 
@@ -18,6 +20,10 @@ const suppliersOptions = ref([]);
 const travelsOptions = ref([]);
 const companiesOptions = ref([]);
 const currenciesOptions = ref([]);
+
+const onFilterTravelSelected = (formData, id) => {
+    formData.travelFk = id;
+};
 </script>
 <template>
     <FetchData
@@ -82,7 +88,7 @@ const currenciesOptions = ref([]);
                     </VnSelectFilter>
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelectDialog
                         :label="t('entry.basicData.travel')"
                         v-model="data.travelFk"
                         :options="travelsOptions"
@@ -91,7 +97,13 @@ const currenciesOptions = ref([]);
                         map-options
                         hide-selected
                         :required="true"
+                        action-icon="filter_alt"
                     >
+                        <template #form>
+                            <FilterTravelForm
+                                @travel-selected="onFilterTravelSelected(data, $event)"
+                            />
+                        </template>
                         <template #option="scope">
                             <QItem v-bind="scope.itemProps">
                                 <QItemSection>
@@ -106,7 +118,7 @@ const currenciesOptions = ref([]);
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelectDialog>
                 </div>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index c4427c09a..dcc9e954e 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -26,6 +26,7 @@ const { notify } = useNotify();
 const rowsSelected = ref([]);
 const entryBuysPaginateRef = ref(null);
 const packagingsOptions = ref(null);
+const originalRowDataCopy = ref(null);
 
 const tableColumnComponents = computed(() => ({
     item: {
@@ -41,8 +42,9 @@ const tableColumnComponents = computed(() => ({
             label: col.label,
             class: 'input-number',
         }),
-        event: (props) => ({
-            'keyup.enter': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'keyup.enter': () => saveChange(colField, props),
+            blur: () => saveChange(colField, props),
         }),
     },
     packagingFk: {
@@ -56,8 +58,8 @@ const tableColumnComponents = computed(() => ({
             'hide-selected': true,
             options: packagingsOptions.value,
         }),
-        event: (props) => ({
-            'update:modelValue': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'update:modelValue': () => saveChange(colField, props),
         }),
     },
     stickers: {
@@ -68,8 +70,9 @@ const tableColumnComponents = computed(() => ({
             label: col.label,
             class: 'input-number',
         }),
-        event: (props) => ({
-            'keyup.enter': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'keyup.enter': () => saveChange(colField, props),
+            blur: () => saveChange(colField, props),
         }),
     },
     weight: {
@@ -79,8 +82,9 @@ const tableColumnComponents = computed(() => ({
             min: 0,
             label: col.label,
         }),
-        event: (props) => ({
-            'keyup.enter': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'keyup.enter': () => saveChange(colField, props),
+            blur: () => saveChange(colField, props),
         }),
     },
     packing: {
@@ -90,8 +94,9 @@ const tableColumnComponents = computed(() => ({
             min: 0,
             label: col.label,
         }),
-        event: (props) => ({
-            'keyup.enter': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'keyup.enter': () => saveChange(colField, props),
+            blur: () => saveChange(colField, props),
         }),
     },
     grouping: {
@@ -101,8 +106,9 @@ const tableColumnComponents = computed(() => ({
             min: 0,
             label: col.label,
         }),
-        event: (props) => ({
-            'keyup.enter': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'keyup.enter': () => saveChange(colField, props),
+            blur: () => saveChange(colField, props),
         }),
     },
     buyingValue: {
@@ -112,8 +118,9 @@ const tableColumnComponents = computed(() => ({
             min: 0,
             label: col.label,
         }),
-        event: (props) => ({
-            'keyup.enter': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'keyup.enter': () => saveChange(colField, props),
+            blur: () => saveChange(colField, props),
         }),
     },
     price2: {
@@ -123,8 +130,9 @@ const tableColumnComponents = computed(() => ({
             min: 0,
             label: col.label,
         }),
-        event: (props) => ({
-            'keyup.enter': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'keyup.enter': () => saveChange(colField, props),
+            blur: () => saveChange(colField, props),
         }),
     },
     price3: {
@@ -134,8 +142,9 @@ const tableColumnComponents = computed(() => ({
             min: 0,
             label: col.label,
         }),
-        event: (props) => ({
-            'keyup.enter': () => saveChange(props.row),
+        event: (colField, props) => ({
+            'keyup.enter': () => saveChange(colField, props),
+            blur: () => saveChange(colField, props),
         }),
     },
     import: {
@@ -217,8 +226,19 @@ const entriesTableColumns = computed(() => {
     ];
 });
 
-const saveChange = async (rowData) => {
-    await axios.patch(`Buys/${rowData.id}`, rowData);
+const copyOriginalRowsData = (rows) => {
+    // el objetivo de esto es guardar los valores iniciales de todas las rows para evitar guardar cambios si la data no cambió al disparar los eventos
+    originalRowDataCopy.value = JSON.parse(JSON.stringify(rows));
+};
+
+const saveChange = async (field, { rowIndex, row }) => {
+    try {
+        if (originalRowDataCopy.value[rowIndex][field] == row[field]) return;
+        await axios.patch(`Buys/${row.id}`, row);
+        originalRowDataCopy.value[rowIndex][field] = row[field];
+    } catch (err) {
+        console.error('Error saving changes', err);
+    }
 };
 
 const openRemoveDialog = async () => {
@@ -311,6 +331,7 @@ const showLockIcon = (groupingMode, mode) => {
         ref="entryBuysPaginateRef"
         data-key="EntryBuys"
         :url="`Entries/${route.params.id}/getBuys`"
+        @on-fetch="copyOriginalRowsData($event)"
         auto-load
     >
         <template #body="{ rows }">
@@ -334,7 +355,12 @@ const showLockIcon = (groupingMode, mode) => {
                                 :is="tableColumnComponents[col.name].component()"
                                 v-bind="tableColumnComponents[col.name].props(col)"
                                 v-model="props.row[col.field]"
-                                v-on="tableColumnComponents[col.name].event(props)"
+                                v-on="
+                                    tableColumnComponents[col.name].event(
+                                        col.field,
+                                        props
+                                    )
+                                "
                             >
                                 <template
                                     v-if="
diff --git a/src/pages/Supplier/Card/SupplierAccounts.vue b/src/pages/Supplier/Card/SupplierAccounts.vue
index 30edfb2fd..e6799ed58 100644
--- a/src/pages/Supplier/Card/SupplierAccounts.vue
+++ b/src/pages/Supplier/Card/SupplierAccounts.vue
@@ -8,7 +8,7 @@ import CrudModel from 'components/CrudModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 
 import axios from 'axios';
 import useNotify from 'src/composables/useNotify.js';
@@ -105,7 +105,7 @@ onMounted(() => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectCreate
+                        <VnSelectDialog
                             :label="t('worker.create.bankEntity')"
                             v-model="row.bankEntityFk"
                             :options="bankEntitiesOptions"
@@ -129,7 +129,7 @@ onMounted(() => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectCreate>
+                        </VnSelectDialog>
                     </div>
                     <div class="col">
                         <VnInput
diff --git a/src/pages/Supplier/Card/SupplierAddressesCreate.vue b/src/pages/Supplier/Card/SupplierAddressesCreate.vue
index 8ad0959f5..7b245f151 100644
--- a/src/pages/Supplier/Card/SupplierAddressesCreate.vue
+++ b/src/pages/Supplier/Card/SupplierAddressesCreate.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import FormModel from 'components/FormModel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 
@@ -104,7 +104,7 @@ onMounted(() => {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectCreate
+                        <VnSelectDialog
                             v-model="data.postalCode"
                             :label="t('supplier.addresses.postcode')"
                             :rules="validate('supplierAddress.postcode')"
@@ -135,7 +135,7 @@ onMounted(() => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectCreate>
+                        </VnSelectDialog>
                     </div>
                     <div class="col">
                         <VnSelectFilter
diff --git a/src/pages/Supplier/Card/SupplierFiscalData.vue b/src/pages/Supplier/Card/SupplierFiscalData.vue
index d481d6205..b2a75269a 100644
--- a/src/pages/Supplier/Card/SupplierFiscalData.vue
+++ b/src/pages/Supplier/Card/SupplierFiscalData.vue
@@ -8,7 +8,7 @@ import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 
 const route = useRoute();
@@ -173,7 +173,7 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
                     />
                 </div>
                 <div class="col">
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('supplier.fiscalData.postcode')"
                         v-model="data.postCode"
                         :options="postcodesOptions"
@@ -204,7 +204,7 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </div>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
diff --git a/src/pages/Worker/WorkerCreate.vue b/src/pages/Worker/WorkerCreate.vue
index 5cc3993ea..0883995e6 100644
--- a/src/pages/Worker/WorkerCreate.vue
+++ b/src/pages/Worker/WorkerCreate.vue
@@ -7,7 +7,7 @@ import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -184,7 +184,7 @@ onMounted(async () => {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectCreate
+                        <VnSelectDialog
                             v-model="data.postcode"
                             :label="t('worker.create.postcode')"
                             :rules="validate('Worker.postcode')"
@@ -215,7 +215,7 @@ onMounted(async () => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectCreate>
+                        </VnSelectDialog>
                     </div>
                     <div class="col">
                         <VnSelectFilter
@@ -336,7 +336,7 @@ onMounted(async () => {
                             :rules="validate('Worker.iban')"
                         />
                     </div>
-                    <VnSelectCreate
+                    <VnSelectDialog
                         :label="t('worker.create.bankEntity')"
                         v-model="data.bankEntityFk"
                         :options="bankEntitiesOptions"
@@ -361,7 +361,7 @@ onMounted(async () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectCreate>
+                    </VnSelectDialog>
                 </VnRow>
             </template>
         </FormModel>

From 21050362c88e4e6c58f047542f020ba817a0ad4d Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 26 Jan 2024 16:45:45 -0300
Subject: [PATCH 03/22] Add .json filter to ImportBuys QFile

---
 src/pages/Entry/Card/EntryBuysImport.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/Entry/Card/EntryBuysImport.vue b/src/pages/Entry/Card/EntryBuysImport.vue
index 50f5aeae8..386e71c84 100644
--- a/src/pages/Entry/Card/EntryBuysImport.vue
+++ b/src/pages/Entry/Card/EntryBuysImport.vue
@@ -198,8 +198,9 @@ const redirectToBuysView = () => {
                 <div class="col">
                     <QFile
                         :label="t('entry.buys.file')"
-                        :multiple="false"
                         v-model="importData.file"
+                        :multiple="false"
+                        accept=".json"
                         @update:model-value="onFileChange($event)"
                         class="required"
                     >

From 7d9b34d4c5cfb29acbaae6bfb4d4e9275cc61d99 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 29 Jan 2024 08:39:46 -0300
Subject: [PATCH 04/22] Latest buys WIP

---
 src/components/common/TableVisibleColumns.vue |   2 +-
 src/i18n/en/index.js                          |  31 ++
 src/i18n/es/index.js                          |  31 ++
 src/pages/Entry/EntryLatestBuys.vue           | 303 ++++++++++++++++++
 src/pages/Entry/EntryList.vue                 |  11 +
 src/pages/Entry/EntryMain.vue                 |  13 -
 src/router/modules/entry.js                   |  11 +-
 7 files changed, 387 insertions(+), 15 deletions(-)
 create mode 100644 src/pages/Entry/EntryLatestBuys.vue

diff --git a/src/components/common/TableVisibleColumns.vue b/src/components/common/TableVisibleColumns.vue
index d9a1a2004..7aa696a07 100644
--- a/src/components/common/TableVisibleColumns.vue
+++ b/src/components/common/TableVisibleColumns.vue
@@ -41,7 +41,7 @@ const setUserConfigViewData = (data) => {
     // Importante: El name de las columnas de la tabla debe conincidir con el name de las variables que devuelve la view config
     formattedCols.value = $props.allColumns.map((col) => ({
         name: col,
-        active: data[col],
+        active: data[col] == undefined ? true : data[col],
     }));
     emitSavedConfig();
 };
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index e9723ebb2..9c25d2b16 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -267,6 +267,7 @@ export default {
             notes: 'Notes',
             log: 'Log',
             create: 'Create',
+            latestBuys: 'Latest buys',
         },
         list: {
             newEntry: 'New entry',
@@ -352,6 +353,36 @@ export default {
             landed: 'Landed',
             warehouseOut: 'Warehouse Out',
         },
+        latestBuys: {
+            picture: 'Picture',
+            itemFk: 'Item ID',
+            packing: 'Packing',
+            grouping: 'Grouping',
+            quantity: 'Quantity',
+            description: 'Description',
+            size: 'Size',
+            tags: 'Tags',
+            type: 'Type',
+            intrastat: 'Intrastat',
+            origin: 'Origin',
+            weightByPiece: 'Weight/Piece',
+            isActive: 'Active',
+            family: 'Family',
+            entryFk: 'Entry',
+            buyingValue: 'Buying value',
+            freightValue: 'Freight value',
+            comissionValue: 'Commission value',
+            packageValue: 'Package value',
+            isIgnored: 'Is ignored',
+            price2: 'Grouping',
+            price3: 'Packing',
+            minPrice: 'Min',
+            ektFk: 'Ekt',
+            weight: 'Weight',
+            packagingFk: 'Package',
+            packingOut: 'Package out',
+            landing: 'Landing',
+        },
     },
     ticket: {
         pageTitles: {
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 86d56ba3e..65f555877 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -266,6 +266,7 @@ export default {
             notes: 'Notas',
             log: 'Historial',
             create: 'Crear',
+            latestBuys: 'Últimas compras',
         },
         list: {
             newEntry: 'Nueva entrada',
@@ -351,6 +352,36 @@ export default {
             landed: 'F. entrega',
             warehouseOut: 'Alm. salida',
         },
+        latestBuys: {
+            picture: 'Foto',
+            itemFk: 'ID Artículo',
+            packing: 'Packing',
+            grouping: 'Grouping',
+            quantity: 'Cantidad',
+            description: 'Descripción',
+            size: 'Medida',
+            tags: 'Etiquetas',
+            type: 'Tipo',
+            intrastat: 'Intrastat',
+            origin: 'Origen',
+            weightByPiece: 'Peso (gramos)/tallo',
+            isActive: 'Activo',
+            family: 'Familia',
+            entryFk: 'Entrada',
+            buyingValue: 'Coste',
+            freightValue: 'Porte',
+            comissionValue: 'Comisión',
+            packageValue: 'Embalaje',
+            isIgnored: 'Ignorado',
+            price2: 'Grouping',
+            price3: 'Packing',
+            minPrice: 'Min',
+            ektFk: 'Ekt',
+            weight: 'Peso',
+            packagingFk: 'Embalaje',
+            packingOut: 'Embalaje envíos',
+            landing: 'Llegada',
+        },
     },
     ticket: {
         pageTitles: {
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
new file mode 100644
index 000000000..d60723403
--- /dev/null
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -0,0 +1,303 @@
+<script setup>
+import { onMounted, ref, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import FetchedTags from 'components/ui/FetchedTags.vue';
+import EntryDescriptorProxy from './Card/EntryDescriptorProxy.vue';
+import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { toDate, toCurrency } from 'src/filters';
+import { useSession } from 'composables/useSession';
+import { dashIfEmpty } from 'src/filters';
+
+const session = useSession();
+const token = session.getToken();
+const stateStore = useStateStore();
+const { t } = useI18n();
+
+const visibleColumns = ref([]);
+const allColumnNames = ref([]);
+const rows = ref([]);
+const columns = computed(() => [
+    {
+        label: t('entry.latestBuys.picture'),
+        name: 'picture',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.itemFk'),
+        name: 'itemFk',
+        field: 'itemFk',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.packing'),
+        field: 'packing',
+        name: 'packing',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('entry.latestBuys.grouping'),
+        field: 'grouping',
+        name: 'grouping',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('entry.latestBuys.quantity'),
+        field: 'quantity',
+        name: 'quantity',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.description'),
+        field: 'description',
+        name: 'description',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('entry.latestBuys.size'),
+        field: 'size',
+        name: 'size',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.tags'),
+        name: 'tags',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.type'),
+        field: 'code',
+        name: 'type',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.intrastat'),
+        field: 'intrastat',
+        name: 'intrastat',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.origin'),
+        field: 'origin',
+        name: 'origin',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.weightByPiece'),
+        field: 'weightByPiece',
+        name: 'weightByPiece',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('entry.latestBuys.isActive'),
+        field: 'isActive',
+        name: 'isActive',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.family'),
+        field: 'family',
+        name: 'family',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.entryFk'),
+        field: 'entryFk',
+        name: 'entryFk',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.buyingValue'),
+        field: 'buyingValue',
+        name: 'buyingValue',
+        align: 'left',
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('entry.latestBuys.freightValue'),
+        field: 'freightValue',
+        name: 'freightValue',
+        align: 'left',
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('entry.latestBuys.comissionValue'),
+        field: 'comissionValue',
+        name: 'comissionValue',
+        align: 'left',
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('entry.latestBuys.packageValue'),
+        field: 'packageValue',
+        name: 'packageValue',
+        align: 'left',
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('entry.latestBuys.isIgnored'),
+        field: 'isIgnored',
+        name: 'isIgnored',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.price2'),
+        field: 'price2',
+        name: 'price2',
+        align: 'left',
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('entry.latestBuys.price3'),
+        field: 'price3',
+        name: 'price3',
+        align: 'left',
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('entry.latestBuys.minPrice'),
+        field: 'minPrice',
+        name: 'minPrice',
+        align: 'left',
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('entry.latestBuys.ektFk'),
+        field: 'ektFk',
+        name: 'ektFk',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('entry.latestBuys.weight'),
+        field: 'weight',
+        name: 'weight',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.packagingFk'),
+        field: 'packagingFk',
+        name: 'packagingFk',
+        align: 'left',
+    },
+    {
+        label: t('entry.latestBuys.packingOut'),
+        field: 'packingOut',
+        name: 'packingOut',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('entry.latestBuys.landing'),
+        field: 'landing',
+        name: 'landing',
+        align: 'left',
+        format: (val) => toDate(val),
+    },
+]);
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+    const filteredColumns = columns.value.filter((col) => col.name !== 'picture');
+    allColumnNames.value = filteredColumns.map((col) => col.name);
+});
+</script>
+
+<template>
+    <FetchData
+        url="Buys/latestBuysFilter"
+        :filter="{ order: 'itemFk DESC', limit: 20 }"
+        @on-fetch="(data) => (rows = data)"
+        auto-load
+    />
+    <QToolbar class="bg-vn-dark justify-end">
+        <div id="st-data">
+            <TableVisibleColumns
+                :all-columns="allColumnNames"
+                table-code="latestBuys"
+                labels-traductions-path="entry.latestBuys"
+                @on-config-saved="visibleColumns = ['picture', ...$event]"
+            />
+        </div>
+        <QSpace />
+        <div id="st-actions"></div>
+    </QToolbar>
+    <!-- <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ExtraCommunityFilter data-key="ExtraCommunity" />
+        </QScrollArea>
+    </QDrawer> -->
+    <QPage class="column items-center q-pa-md">
+        <QTable
+            :rows="rows"
+            :columns="columns"
+            hide-bottom
+            row-key="id"
+            :pagination="{ rowsPerPage: 0 }"
+            class="full-width q-mt-md"
+            :visible-columns="visibleColumns"
+        >
+            <template #body-cell-picture="{ row }">
+                <QTd>
+                    <QImg
+                        :src="`/api/Images/catalog/50x50/${row.itemFk}/download?access_token=${token}`"
+                        spinner-color="primary"
+                        :ratio="1"
+                        height="192"
+                        width="192"
+                        class="image"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-itemFk="{ row }">
+                <QTd>
+                    <QBtn flat color="blue">
+                        {{ row.itemFk }}
+                    </QBtn>
+                </QTd>
+            </template>
+            <template #body-cell-tags="{ row }">
+                <QTd>
+                    <fetched-tags :item="row" :max-length="6" />
+                </QTd>
+            </template>
+            <template #body-cell-entryFk="{ row }">
+                <QTd>
+                    <QBtn flat color="blue">
+                        <EntryDescriptorProxy :id="row.entryFk" />
+                        {{ row.entryFk }}
+                    </QBtn>
+                </QTd>
+            </template>
+            <template #body-cell-isIgnored="{ row }">
+                <QTd>
+                    <QIcon
+                        :name="row.isIgnored ? `check` : `close`"
+                        :color="row.isIgnored ? `positive` : `negative`"
+                        size="sm"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-isActive="{ row }">
+                <QTd>
+                    <QIcon
+                        :name="row.isActive ? `check` : `close`"
+                        :color="row.isActive ? `positive` : `negative`"
+                        size="sm"
+                    />
+                </QTd>
+            </template>
+        </QTable>
+    </QPage>
+</template>
+
+<i18n>
+es:
+</i18n>
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index 0cf707efa..8bbab74db 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -9,6 +9,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import EntrySummaryDialog from './Card/EntrySummaryDialog.vue';
 import EntryFilter from './EntryFilter.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDate } from 'src/filters/index';
@@ -41,6 +42,16 @@ onMounted(async () => {
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="EntryList"
+                url="Entries/filter"
+                :label="t('Search entries')"
+                :info="t('You can search by entry reference')"
+            />
+        </Teleport>
+    </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
             <EntryFilter data-key="EntryList" />
diff --git a/src/pages/Entry/EntryMain.vue b/src/pages/Entry/EntryMain.vue
index 40f885d30..d469b98ee 100644
--- a/src/pages/Entry/EntryMain.vue
+++ b/src/pages/Entry/EntryMain.vue
@@ -1,25 +1,12 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
 import LeftMenu from 'src/components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 
-const { t } = useI18n();
 const stateStore = useStateStore();
 </script>
 
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="EntryList"
-                url="Entries/filter"
-                :label="t('Search entries')"
-                :info="t('You can search by entry reference')"
-            />
-        </Teleport>
-    </template>
     <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
diff --git a/src/router/modules/entry.js b/src/router/modules/entry.js
index 8d25a8e0c..b3ab05a08 100644
--- a/src/router/modules/entry.js
+++ b/src/router/modules/entry.js
@@ -10,7 +10,7 @@ export default {
     component: RouterView,
     redirect: { name: 'EntryMain' },
     menus: {
-        main: ['EntryList'],
+        main: ['EntryList', 'EntryLatestBuys'],
         card: ['EntryBasicData', 'EntryBuys', 'EntryNotes', 'EntryLog'],
     },
     children: [
@@ -37,6 +37,15 @@ export default {
                     },
                     component: () => import('src/pages/Entry/EntryCreate.vue'),
                 },
+                {
+                    path: 'latest-buys',
+                    name: 'EntryLatestBuys',
+                    meta: {
+                        title: 'latestBuys',
+                        icon: 'contact_support',
+                    },
+                    component: () => import('src/pages/Entry/EntryLatestBuys.vue'),
+                },
             ],
         },
         {

From bb1ddf59007613c3fc9b88d8e422c4a237294544 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 31 Jan 2024 21:22:32 -0300
Subject: [PATCH 05/22] add table rows selection

---
 src/pages/Entry/EntryLatestBuys.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index d60723403..e12354940 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -20,6 +20,7 @@ const { t } = useI18n();
 const visibleColumns = ref([]);
 const allColumnNames = ref([]);
 const rows = ref([]);
+const rowsSelected = ref([]);
 const columns = computed(() => [
     {
         label: t('entry.latestBuys.picture'),
@@ -203,6 +204,10 @@ const columns = computed(() => [
     },
 ]);
 
+const openEditRowField = () => {
+    console.log('open edit row form: ', rowsSelected.value);
+};
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
     const filteredColumns = columns.value.filter((col) => col.name !== 'picture');
@@ -239,10 +244,12 @@ onMounted(async () => {
             :rows="rows"
             :columns="columns"
             hide-bottom
+            selection="multiple"
             row-key="id"
             :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
             :visible-columns="visibleColumns"
+            v-model:selected="rowsSelected"
         >
             <template #body-cell-picture="{ row }">
                 <QTd>
@@ -295,9 +302,16 @@ onMounted(async () => {
                 </QTd>
             </template>
         </QTable>
+        <QPageSticky :offset="[20, 20]">
+            <QBtn @click="openEditRowField()" color="primary" fab icon="edit" />
+            <QTooltip>
+                {{ t('Edit buy(s)') }}
+            </QTooltip>
+        </QPageSticky>
     </QPage>
 </template>
 
 <i18n>
 es:
+    Edit buy(s): Editar compra(s)
 </i18n>

From ba45f71a42f3b7fae4f4235e4994557cf95de970 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 2 Feb 2024 12:45:29 -0300
Subject: [PATCH 06/22] Entries several changes

---
 src/components/EditTableCellValueForm.vue | 146 ++++++++++++++++++++++
 src/components/FormModel.vue              |  13 +-
 src/pages/Entry/EntryLatestBuys.vue       |  33 ++++-
 src/pages/Entry/EntryList.vue             |  13 --
 src/pages/Entry/EntryMain.vue             |  14 +++
 5 files changed, 199 insertions(+), 20 deletions(-)
 create mode 100644 src/components/EditTableCellValueForm.vue

diff --git a/src/components/EditTableCellValueForm.vue b/src/components/EditTableCellValueForm.vue
new file mode 100644
index 000000000..1b8bc4747
--- /dev/null
+++ b/src/components/EditTableCellValueForm.vue
@@ -0,0 +1,146 @@
+<script setup>
+import { ref, reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify.js';
+
+const emit = defineEmits(['onDataSaved']);
+
+const $props = defineProps({
+    rows: {
+        type: Array,
+        default: () => [],
+    },
+});
+
+const { t } = useI18n();
+const { notify } = useNotify();
+
+const fieldsOptions = [
+    { field: 'packing', label: t('entry.latestBuys.packing') },
+    { field: 'grouping', label: t('entry.latestBuys.grouping') },
+    { field: 'packageValue', label: t('entry.latestBuys.packageValue') },
+    { field: 'weight', label: t('entry.latestBuys.weight') },
+    { field: 'description', label: t('entry.latestBuys.description') },
+    { field: 'size', label: t('entry.latestBuys.size') },
+    { field: 'weightByPiece', label: t('entry.latestBuys.weightByPiece') },
+    { field: 'packingOut', label: t('entry.latestBuys.packingOut') },
+    { field: 'landing', label: t('entry.latestBuys.landing') },
+];
+
+const formData = reactive({
+    field: null,
+    newValue: null,
+});
+
+const closeButton = ref(null);
+const isLoading = ref(false);
+
+const onDataSaved = () => {
+    notify('globals.dataSaved', 'positive');
+    emit('onDataSaved');
+    closeForm();
+};
+
+const submitData = async () => {
+    try {
+        isLoading.value = true;
+        const rowsToEdit = $props.rows.map((row) => ({ id: row.id, itemFk: row.itemFk }));
+        console.log('submit:: ');
+        const payload = {
+            field: formData.field,
+            newValue: formData.newValue,
+            lines: rowsToEdit,
+        };
+
+        await axios.post('Buys/editLatestBuys', payload);
+        onDataSaved();
+        isLoading.value = false;
+    } catch (err) {
+        console.error('Error submitting table cell edit');
+    }
+};
+
+const closeForm = () => {
+    if (closeButton.value) closeButton.value.click();
+};
+</script>
+
+<template>
+    <QForm @submit="submitData()" class="all-pointer-events">
+        <QCard class="q-pa-lg">
+            <span ref="closeButton" class="close-icon" v-close-popup>
+                <QIcon name="close" size="sm" />
+            </span>
+            <h1 class="title">
+                {{
+                    t('editBuyTitle', {
+                        buysAmount: rows.length,
+                    })
+                }}
+            </h1>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Field to edit')"
+                        :options="fieldsOptions"
+                        hide-selected
+                        option-label="label"
+                        option-value="field"
+                        v-model="formData.field"
+                    />
+                </div>
+                <div class="col">
+                    <VnInput :label="t('Value')" v-model="formData.newValue" />
+                </div>
+            </VnRow>
+            <div class="q-mt-lg row justify-end">
+                <QBtn
+                    :label="t('globals.save')"
+                    type="submit"
+                    color="primary"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                />
+                <QBtn
+                    :label="t('globals.cancel')"
+                    type="reset"
+                    color="primary"
+                    flat
+                    class="q-ml-sm"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                    v-close-popup
+                />
+            </div>
+        </QCard>
+    </QForm>
+</template>
+
+<style lang="scss" scoped>
+.title {
+    font-size: 17px;
+    font-weight: bold;
+    line-height: 20px;
+}
+
+.close-icon {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+}
+</style>
+
+<i18n>
+    en:
+        editBuyTitle: Edit {buysAmount} buy(s)
+    es:
+        editBuyTitle: Editar {buysAmount} compra(s)
+        Field to edit: Campo a editar
+        Value: Valor
+    </i18n>
diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index a8f7e901c..d612719c1 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -1,6 +1,6 @@
 <script setup>
 import axios from 'axios';
-import { onMounted, onUnmounted, computed, ref, watch } from 'vue';
+import { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 import { useState } from 'src/composables/useState';
@@ -67,7 +67,13 @@ defineExpose({
     save,
 });
 
+const componentIsRendered = ref(false);
+
 onMounted(async () => {
+    nextTick(() => {
+        componentIsRendered.value = true;
+    });
+
     // Podemos enviarle al form la estructura de data inicial sin necesidad de fetchearla
     if ($props.formInitialData && !$props.autoLoad) {
         state.set($props.model, $props.formInitialData);
@@ -205,7 +211,10 @@ watch(formUrl, async () => {
             </QCard>
         </QForm>
     </div>
-    <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
+    <Teleport
+        to="#st-actions"
+        v-if="stateStore?.isSubToolbarShown() && componentIsRendered"
+    >
         <div v-if="$props.defaultActions">
             <QBtnGroup push class="q-gutter-x-sm">
                 <slot name="moreActions" />
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index e12354940..ca91fa188 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -1,22 +1,27 @@
 <script setup>
 import { onMounted, ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 import EntryDescriptorProxy from './Card/EntryDescriptorProxy.vue';
 import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
+import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDate, toCurrency } from 'src/filters';
 import { useSession } from 'composables/useSession';
 import { dashIfEmpty } from 'src/filters';
 
+const router = useRouter();
 const session = useSession();
 const token = session.getToken();
 const stateStore = useStateStore();
 const { t } = useI18n();
 
+const rowsFetchDataRef = ref(null);
+const editTableCellDialogRef = ref(null);
 const visibleColumns = ref([]);
 const allColumnNames = ref([]);
 const rows = ref([]);
@@ -204,10 +209,20 @@ const columns = computed(() => [
     },
 ]);
 
-const openEditRowField = () => {
+const openEditTableCellDialog = () => {
+    editTableCellDialogRef.value.show();
     console.log('open edit row form: ', rowsSelected.value);
 };
 
+const onEditCellDataSaved = async () => {
+    rowsSelected.value = [];
+    await rowsFetchDataRef.value.fetch();
+};
+
+const redirectToEntryBuys = (entryFk) => {
+    router.push({ name: 'EntryBuys', params: { id: entryFk } });
+};
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
     const filteredColumns = columns.value.filter((col) => col.name !== 'picture');
@@ -217,6 +232,7 @@ onMounted(async () => {
 
 <template>
     <FetchData
+        ref="rowsFetchDataRef"
         url="Buys/latestBuysFilter"
         :filter="{ order: 'itemFk DESC', limit: 20 }"
         @on-fetch="(data) => (rows = data)"
@@ -250,6 +266,7 @@ onMounted(async () => {
             class="full-width q-mt-md"
             :visible-columns="visibleColumns"
             v-model:selected="rowsSelected"
+            @row-click="(_, row) => redirectToEntryBuys(row.entryFk)"
         >
             <template #body-cell-picture="{ row }">
                 <QTd>
@@ -264,7 +281,7 @@ onMounted(async () => {
                 </QTd>
             </template>
             <template #body-cell-itemFk="{ row }">
-                <QTd>
+                <QTd @click.stop="">
                     <QBtn flat color="blue">
                         {{ row.itemFk }}
                     </QBtn>
@@ -276,7 +293,7 @@ onMounted(async () => {
                 </QTd>
             </template>
             <template #body-cell-entryFk="{ row }">
-                <QTd>
+                <QTd @click.stop="">
                     <QBtn flat color="blue">
                         <EntryDescriptorProxy :id="row.entryFk" />
                         {{ row.entryFk }}
@@ -302,12 +319,18 @@ onMounted(async () => {
                 </QTd>
             </template>
         </QTable>
-        <QPageSticky :offset="[20, 20]">
-            <QBtn @click="openEditRowField()" color="primary" fab icon="edit" />
+        <QPageSticky v-if="rowsSelected.length > 0" :offset="[20, 20]">
+            <QBtn @click="openEditTableCellDialog()" color="primary" fab icon="edit" />
             <QTooltip>
                 {{ t('Edit buy(s)') }}
             </QTooltip>
         </QPageSticky>
+        <QDialog ref="editTableCellDialogRef">
+            <EditTableCellValueForm
+                :rows="rowsSelected"
+                @on-data-saved="onEditCellDataSaved()"
+            />
+        </QDialog>
     </QPage>
 </template>
 
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index 8bbab74db..b6eb27612 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -9,7 +9,6 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import EntrySummaryDialog from './Card/EntrySummaryDialog.vue';
 import EntryFilter from './EntryFilter.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDate } from 'src/filters/index';
@@ -42,16 +41,6 @@ onMounted(async () => {
 </script>
 
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="EntryList"
-                url="Entries/filter"
-                :label="t('Search entries')"
-                :info="t('You can search by entry reference')"
-            />
-        </Teleport>
-    </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
             <EntryFilter data-key="EntryList" />
@@ -141,8 +130,6 @@ onMounted(async () => {
 
 <i18n>
 es:
-    Search entries: Buscar entradas
-    You can search by entry reference: Puedes buscar por referencia de la entrada
     Inventory entry: Es inventario
     Virtual entry: Es una redada
 </i18n>
diff --git a/src/pages/Entry/EntryMain.vue b/src/pages/Entry/EntryMain.vue
index d469b98ee..62bbd7084 100644
--- a/src/pages/Entry/EntryMain.vue
+++ b/src/pages/Entry/EntryMain.vue
@@ -1,12 +1,26 @@
 <script setup>
+import { useI18n } from 'vue-i18n';
+
 import LeftMenu from 'src/components/LeftMenu.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 
 const stateStore = useStateStore();
+const { t } = useI18n();
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="EntryList"
+                url="Entries/filter"
+                :label="t('Search entries')"
+                :info="t('You can search by entry reference')"
+            />
+        </Teleport>
+    </template>
     <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />

From 6c8e736b17a71447b2c7cc345ded89452c9e7ebe Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 2 Feb 2024 14:08:17 -0300
Subject: [PATCH 07/22] changes in entry searchbar

---
 src/components/ui/VnSearchbar.vue | 14 +++++++++++++-
 src/pages/Entry/EntryCreate.vue   | 14 ++++++++++++++
 src/pages/Entry/EntryList.vue     | 13 +++++++++++++
 src/pages/Entry/EntryMain.vue     | 20 --------------------
 4 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index eca957092..99710408d 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -61,6 +61,10 @@ const props = defineProps({
         type: Function,
         default: null,
     },
+    customRouteRedirectName: {
+        type: String,
+        default: '',
+    },
 });
 
 const router = useRouter();
@@ -87,8 +91,16 @@ async function search() {
     });
     if (!props.redirect) return;
 
+    if (props.customRouteRedirectName) {
+        router.push({
+            name: props.customRouteRedirectName,
+            params: { id: searchText.value },
+        });
+        return;
+    }
+
     const { matched: matches } = route;
-    const { path } = matches[matches.length-1];
+    const { path } = matches[matches.length - 1];
     const newRoute = path.replace(':id', searchText.value);
     await router.push(newRoute);
 }
diff --git a/src/pages/Entry/EntryCreate.vue b/src/pages/Entry/EntryCreate.vue
index 3063845b0..80c3f609e 100644
--- a/src/pages/Entry/EntryCreate.vue
+++ b/src/pages/Entry/EntryCreate.vue
@@ -8,7 +8,9 @@ import VnRow from 'components/ui/VnRow.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import FetchData from 'components/FetchData.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
+import { useStateStore } from 'stores/useStateStore';
 import { useState } from 'src/composables/useState';
 import { toDate } from 'src/filters';
 
@@ -16,6 +18,7 @@ const state = useState();
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
+const stateStore = useStateStore();
 
 const user = state.getUser();
 const newEntryForm = reactive({
@@ -55,6 +58,17 @@ const redirectToEntryBasicData = (_, { id }) => {
         @on-fetch="(data) => (companiesOptions = data)"
         auto-load
     />
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                url="Entries/filter"
+                custom-route-redirect-name="EntrySummary"
+                data-key="EntrySummary"
+                :label="t('Search entries')"
+                :info="t('You can search by entry reference')"
+            />
+        </Teleport>
+    </template>
     <QPage>
         <VnSubToolbar />
         <FormModel
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index b6eb27612..6d762b09b 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -9,6 +9,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import EntrySummaryDialog from './Card/EntrySummaryDialog.vue';
 import EntryFilter from './EntryFilter.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDate } from 'src/filters/index';
@@ -41,6 +42,16 @@ onMounted(async () => {
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="EntryList"
+                url="Entries/filter"
+                :label="t('Search entries')"
+                :info="t('You can search by entry reference')"
+            />
+        </Teleport>
+    </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
             <EntryFilter data-key="EntryList" />
@@ -132,4 +143,6 @@ onMounted(async () => {
 es:
     Inventory entry: Es inventario
     Virtual entry: Es una redada
+    Search entries: Buscar entradas
+    You can search by entry reference: Puedes buscar por referencia de la entrada
 </i18n>
diff --git a/src/pages/Entry/EntryMain.vue b/src/pages/Entry/EntryMain.vue
index 62bbd7084..c1f2a31db 100644
--- a/src/pages/Entry/EntryMain.vue
+++ b/src/pages/Entry/EntryMain.vue
@@ -1,26 +1,12 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-
 import LeftMenu from 'src/components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 
 const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="EntryList"
-                url="Entries/filter"
-                :label="t('Search entries')"
-                :info="t('You can search by entry reference')"
-            />
-        </Teleport>
-    </template>
     <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
@@ -30,9 +16,3 @@ const { t } = useI18n();
         <RouterView></RouterView>
     </QPageContainer>
 </template>
-
-<i18n>
-es:
-    Search entries: Buscar entradas
-    You can search by entry reference: Puedes buscar por referencia de la entrada
-</i18n>

From 584511bc62f1e8f57465f0f11417e84edc488468 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 08:32:56 -0300
Subject: [PATCH 08/22] Change EntryBuys table image proportions

---
 src/pages/Entry/EntryLatestBuys.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 4291abcaf..a05755731 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -273,8 +273,8 @@ onMounted(async () => {
                         :src="`/api/Images/catalog/50x50/${row.itemFk}/download?access_token=${token}`"
                         spinner-color="primary"
                         :ratio="1"
-                        height="192"
-                        width="192"
+                        height="50px"
+                        width="50px"
                         class="image"
                     />
                 </QTd>

From 7089202fe18bb548b7b3b6c4a573e3faf5785fb2 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 08:35:26 -0300
Subject: [PATCH 09/22] remove comment

---
 src/pages/Entry/EntryLatestBuys.vue | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index a05755731..60e95fb3f 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -249,11 +249,6 @@ onMounted(async () => {
         <QSpace />
         <div id="st-actions"></div>
     </QToolbar>
-    <!-- <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
-        <QScrollArea class="fit text-grey-8">
-            <ExtraCommunityFilter data-key="ExtraCommunity" />
-        </QScrollArea>
-    </QDrawer> -->
     <QPage class="column items-center q-pa-md">
         <QTable
             :rows="rows"

From 5280a4fa2d4d1016956d4d46ef1b1f279b48373b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 08:36:54 -0300
Subject: [PATCH 10/22] Remove '' in click.stop handle

---
 src/pages/Entry/EntryLatestBuys.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 60e95fb3f..204383e87 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -275,7 +275,7 @@ onMounted(async () => {
                 </QTd>
             </template>
             <template #body-cell-itemFk="{ row }">
-                <QTd @click.stop="">
+                <QTd @click.stop>
                     <QBtn flat color="blue">
                         {{ row.itemFk }}
                     </QBtn>
@@ -287,7 +287,7 @@ onMounted(async () => {
                 </QTd>
             </template>
             <template #body-cell-entryFk="{ row }">
-                <QTd @click.stop="">
+                <QTd @click.stop>
                     <QBtn flat color="blue">
                         <EntryDescriptorProxy :id="row.entryFk" />
                         {{ row.entryFk }}

From 2de02723baa04064fbf8817dc55b7af7cbf18d26 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 09:31:12 -0300
Subject: [PATCH 11/22] Abstract repetitive returns in a function

---
 src/pages/Entry/Card/EntryBuys.vue | 89 +++++++++++++-----------------
 1 file changed, 37 insertions(+), 52 deletions(-)

diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index dcc9e954e..da46bfda2 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -27,28 +27,24 @@ const rowsSelected = ref([]);
 const entryBuysPaginateRef = ref(null);
 const packagingsOptions = ref(null);
 const originalRowDataCopy = ref(null);
-
-const tableColumnComponents = computed(() => ({
+const tableColumnComponents = {
     item: {
-        component: () => 'span',
+        component: 'span',
         props: () => {},
         event: () => ({}),
     },
     quantity: {
-        component: () => VnInput,
+        component: VnInput,
         props: (col) => ({
             type: 'number',
             min: 0,
             label: col.label,
             class: 'input-number',
         }),
-        event: (colField, props) => ({
-            'keyup.enter': () => saveChange(colField, props),
-            blur: () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     packagingFk: {
-        component: () => VnSelectFilter,
+        component: VnSelectFilter,
         props: () => ({
             'option-value': 'id',
             'option-label': 'id',
@@ -58,101 +54,78 @@ const tableColumnComponents = computed(() => ({
             'hide-selected': true,
             options: packagingsOptions.value,
         }),
-        event: (colField, props) => ({
-            'update:modelValue': () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     stickers: {
-        component: () => VnInput,
+        component: VnInput,
         props: (col) => ({
             type: 'number',
             min: 0,
             label: col.label,
             class: 'input-number',
         }),
-        event: (colField, props) => ({
-            'keyup.enter': () => saveChange(colField, props),
-            blur: () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     weight: {
-        component: () => VnInput,
+        component: VnInput,
         props: (col) => ({
             type: 'number',
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => ({
-            'keyup.enter': () => saveChange(colField, props),
-            blur: () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     packing: {
-        component: () => VnInput,
+        component: VnInput,
         props: (col) => ({
             type: 'number',
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => ({
-            'keyup.enter': () => saveChange(colField, props),
-            blur: () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     grouping: {
-        component: () => VnInput,
+        component: VnInput,
         props: (col) => ({
             type: 'number',
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => ({
-            'keyup.enter': () => saveChange(colField, props),
-            blur: () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     buyingValue: {
-        component: () => VnInput,
+        component: VnInput,
         props: (col) => ({
             type: 'number',
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => ({
-            'keyup.enter': () => saveChange(colField, props),
-            blur: () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     price2: {
-        component: () => VnInput,
+        component: VnInput,
         props: (col) => ({
             type: 'number',
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => ({
-            'keyup.enter': () => saveChange(colField, props),
-            blur: () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     price3: {
-        component: () => VnInput,
+        component: VnInput,
         props: (col) => ({
             type: 'number',
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => ({
-            'keyup.enter': () => saveChange(colField, props),
-            blur: () => saveChange(colField, props),
-        }),
+        event: (colField, props) => getInputEvents(colField, props),
     },
     import: {
-        component: () => 'span',
+        component: 'span',
         props: () => {},
         event: () => ({}),
     },
-}));
+};
 
 const entriesTableColumns = computed(() => {
     return [
@@ -231,6 +204,15 @@ const copyOriginalRowsData = (rows) => {
     originalRowDataCopy.value = JSON.parse(JSON.stringify(rows));
 };
 
+const getInputEvents = (colField, props) => {
+    return colField === 'packagingFk'
+        ? { 'update:modelValue': () => saveChange(colField, props) }
+        : {
+              'keyup.enter': () => saveChange(colField, props),
+              blur: () => saveChange(colField, props),
+          };
+};
+
 const saveChange = async (field, { rowIndex, row }) => {
     try {
         if (originalRowDataCopy.value[rowIndex][field] == row[field]) return;
@@ -352,7 +334,7 @@ const showLockIcon = (groupingMode, mode) => {
                         </QTd>
                         <QTd v-for="col in props.cols" :key="col.name">
                             <component
-                                :is="tableColumnComponents[col.name].component()"
+                                :is="tableColumnComponents[col.name].component"
                                 v-bind="tableColumnComponents[col.name].props(col)"
                                 v-model="props.row[col.field]"
                                 v-on="
@@ -426,13 +408,16 @@ const showLockIcon = (groupingMode, mode) => {
                             <QList dense>
                                 <QItem v-for="col in props.cols" :key="col.name">
                                     <component
-                                        :is="tableColumnComponents[col.name].component()"
+                                        :is="tableColumnComponents[col.name].component"
                                         v-bind="
                                             tableColumnComponents[col.name].props(col)
                                         "
                                         v-model="props.row[col.field]"
                                         v-on="
-                                            tableColumnComponents[col.name].event(props)
+                                            tableColumnComponents[col.name].event(
+                                                col.field,
+                                                props
+                                            )
                                         "
                                         class="full-width"
                                     >

From ddcbc5d8d77d6761007bb400b9ce8a39216d3206 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 09:37:29 -0300
Subject: [PATCH 12/22] make EditTableCellForm componente reusable

---
 src/components/EditTableCellValueForm.vue | 22 +++++++++-------------
 src/pages/Entry/EntryLatestBuys.vue       | 14 ++++++++++++++
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/components/EditTableCellValueForm.vue b/src/components/EditTableCellValueForm.vue
index 34c8f314c..6d3b7b08b 100644
--- a/src/components/EditTableCellValueForm.vue
+++ b/src/components/EditTableCellValueForm.vue
@@ -15,23 +15,19 @@ const $props = defineProps({
         type: Array,
         default: () => [],
     },
+    fieldsOptions: {
+        type: Array,
+        default: () => [],
+    },
+    editUrl: {
+        type: String,
+        default: '',
+    },
 });
 
 const { t } = useI18n();
 const { notify } = useNotify();
 
-const fieldsOptions = [
-    { field: 'packing', label: t('entry.latestBuys.packing') },
-    { field: 'grouping', label: t('entry.latestBuys.grouping') },
-    { field: 'packageValue', label: t('entry.latestBuys.packageValue') },
-    { field: 'weight', label: t('entry.latestBuys.weight') },
-    { field: 'description', label: t('entry.latestBuys.description') },
-    { field: 'size', label: t('entry.latestBuys.size') },
-    { field: 'weightByPiece', label: t('entry.latestBuys.weightByPiece') },
-    { field: 'packingOut', label: t('entry.latestBuys.packingOut') },
-    { field: 'landing', label: t('entry.latestBuys.landing') },
-];
-
 const formData = reactive({
     field: null,
     newValue: null,
@@ -56,7 +52,7 @@ const submitData = async () => {
             lines: rowsToEdit,
         };
 
-        await axios.post('Buys/editLatestBuys', payload);
+        await axios.post($props.editUrl, payload);
         onDataSaved();
         isLoading.value = false;
     } catch (err) {
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 204383e87..f4a423f3b 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -209,6 +209,18 @@ const columns = computed(() => [
     },
 ]);
 
+const editTableCellFormFieldsOptions = [
+    { field: 'packing', label: t('entry.latestBuys.packing') },
+    { field: 'grouping', label: t('entry.latestBuys.grouping') },
+    { field: 'packageValue', label: t('entry.latestBuys.packageValue') },
+    { field: 'weight', label: t('entry.latestBuys.weight') },
+    { field: 'description', label: t('entry.latestBuys.description') },
+    { field: 'size', label: t('entry.latestBuys.size') },
+    { field: 'weightByPiece', label: t('entry.latestBuys.weightByPiece') },
+    { field: 'packingOut', label: t('entry.latestBuys.packingOut') },
+    { field: 'landing', label: t('entry.latestBuys.landing') },
+];
+
 const openEditTableCellDialog = () => {
     editTableCellDialogRef.value.show();
 };
@@ -321,7 +333,9 @@ onMounted(async () => {
         </QPageSticky>
         <QDialog ref="editTableCellDialogRef">
             <EditTableCellValueForm
+                edit-url="Buys/editLatestBuys"
                 :rows="rowsSelected"
+                :fields-options="editTableCellFormFieldsOptions"
                 @on-data-saved="onEditCellDataSaved()"
             />
         </QDialog>

From 67e21303741bf441d7ecc89d9db1b399d26b08c5 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 11:36:56 -0300
Subject: [PATCH 13/22] Adjust spacing in entry create form

---
 src/pages/Entry/EntryCreate.vue | 129 +++++++++++++++++---------------
 1 file changed, 68 insertions(+), 61 deletions(-)

diff --git a/src/pages/Entry/EntryCreate.vue b/src/pages/Entry/EntryCreate.vue
index 80c3f609e..d0a2f7df1 100644
--- a/src/pages/Entry/EntryCreate.vue
+++ b/src/pages/Entry/EntryCreate.vue
@@ -79,71 +79,78 @@ const redirectToEntryBasicData = (_, { id }) => {
         >
             <template #form="{ data, validate }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <VnSelectFilter
-                        :label="t('Supplier')"
-                        class="full-width"
-                        v-model="data.supplierFk"
-                        :options="suppliersOptions"
-                        option-value="id"
-                        option-label="nickname"
-                        hide-selected
-                        :required="true"
-                        :rules="validate('entry.supplierFk')"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>{{ scope.opt?.nickname }}</QItemLabel>
-                                    <QItemLabel caption>
-                                        #{{ scope.opt?.id }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
+                    <div class="col">
+                        <VnSelectFilter
+                            :label="t('Supplier')"
+                            class="full-width"
+                            v-model="data.supplierFk"
+                            :options="suppliersOptions"
+                            option-value="id"
+                            option-label="nickname"
+                            hide-selected
+                            :required="true"
+                            :rules="validate('entry.supplierFk')"
+                        >
+                            <template #option="scope">
+                                <QItem v-bind="scope.itemProps">
+                                    <QItemSection>
+                                        <QItemLabel>{{ scope.opt?.nickname }}</QItemLabel>
+                                        <QItemLabel caption>
+                                            #{{ scope.opt?.id }}
+                                        </QItemLabel>
+                                    </QItemSection>
+                                </QItem>
+                            </template>
+                        </VnSelectFilter>
+                    </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <VnSelectFilter
-                        :label="t('Travel')"
-                        class="full-width"
-                        v-model="data.travelFk"
-                        :options="travelsOptionsOptions"
-                        option-value="id"
-                        option-label="warehouseInName"
-                        map-options
-                        hide-selected
-                        :required="true"
-                        :rules="validate('entry.travelFk')"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel
-                                        >{{ scope.opt?.agencyModeName }} -
-                                        {{ scope.opt?.warehouseInName }} ({{
-                                            toDate(scope.opt?.shipped)
-                                        }}) &#x2192; {{ scope.opt?.warehouseOutName }} ({{
-                                            toDate(scope.opt?.landed)
-                                        }})</QItemLabel
-                                    >
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
+                    <div class="col">
+                        <VnSelectFilter
+                            :label="t('Travel')"
+                            class="full-width"
+                            v-model="data.travelFk"
+                            :options="travelsOptionsOptions"
+                            option-value="id"
+                            option-label="warehouseInName"
+                            map-options
+                            hide-selected
+                            :required="true"
+                            :rules="validate('entry.travelFk')"
+                        >
+                            <template #option="scope">
+                                <QItem v-bind="scope.itemProps">
+                                    <QItemSection>
+                                        <QItemLabel
+                                            >{{ scope.opt?.agencyModeName }} -
+                                            {{ scope.opt?.warehouseInName }} ({{
+                                                toDate(scope.opt?.shipped)
+                                            }}) &#x2192;
+                                            {{ scope.opt?.warehouseOutName }} ({{
+                                                toDate(scope.opt?.landed)
+                                            }})</QItemLabel
+                                        >
+                                    </QItemSection>
+                                </QItem>
+                            </template>
+                        </VnSelectFilter>
+                    </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <VnSelectFilter
-                        :label="t('Company')"
-                        class="full-width"
-                        v-model="data.companyFk"
-                        :options="companiesOptions"
-                        option-value="id"
-                        option-label="code"
-                        map-options
-                        hide-selected
-                        :required="true"
-                        :rules="validate('entry.companyFk')"
-                    />
+                    <div class="col">
+                        <VnSelectFilter
+                            :label="t('Company')"
+                            class="full-width"
+                            v-model="data.companyFk"
+                            :options="companiesOptions"
+                            option-value="id"
+                            option-label="code"
+                            map-options
+                            hide-selected
+                            :required="true"
+                            :rules="validate('entry.companyFk')"
+                        />
+                    </div>
                 </VnRow>
             </template>
         </FormModel>

From cde41ab337fcb33c4995f56d0e5c8825f5ff6b46 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 11:55:22 -0300
Subject: [PATCH 14/22] Entry notes validation

---
 src/pages/Entry/Card/EntryNotes.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/Entry/Card/EntryNotes.vue b/src/pages/Entry/Card/EntryNotes.vue
index b3f535132..68be22633 100644
--- a/src/pages/Entry/Card/EntryNotes.vue
+++ b/src/pages/Entry/Card/EntryNotes.vue
@@ -37,7 +37,7 @@ onMounted(() => {
         :default-remove="false"
         :data-required="{ entryFk: route.params.id }"
     >
-        <template #body="{ rows }">
+        <template #body="{ rows, validate }">
             <QCard class="q-pa-md">
                 <VnRow
                     v-for="(row, index) in rows"
@@ -59,6 +59,7 @@ onMounted(() => {
                         <VnInput
                             :label="t('entry.notes.description')"
                             v-model="row.description"
+                            :rules="validate('EntryObservation.description')"
                         />
                     </div>
                     <div class="col-1 row justify-center items-center">

From 28790705ea4899d3d816cecbf31589c468ec64db Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 12:04:28 -0300
Subject: [PATCH 15/22] Sort entry observation options

---
 src/pages/Entry/Card/EntryNotes.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/Entry/Card/EntryNotes.vue b/src/pages/Entry/Card/EntryNotes.vue
index 68be22633..f56e59253 100644
--- a/src/pages/Entry/Card/EntryNotes.vue
+++ b/src/pages/Entry/Card/EntryNotes.vue
@@ -15,6 +15,12 @@ const { t } = useI18n();
 const entryObservationsRef = ref(null);
 const entryObservationsOptions = ref([]);
 
+const sortEntryObservationOptions = (data) => {
+    entryObservationsOptions.value = [...data].sort((a, b) =>
+        a.description.localeCompare(b.description)
+    );
+};
+
 onMounted(() => {
     if (entryObservationsRef.value) entryObservationsRef.value.reload();
 });
@@ -22,7 +28,7 @@ onMounted(() => {
 <template>
     <FetchData
         url="ObservationTypes"
-        @on-fetch="(data) => (entryObservationsOptions = data)"
+        @on-fetch="(data) => sortEntryObservationOptions(data)"
         auto-load
     />
     <CrudModel

From 0525f5fdd80c41bb44b63969b229e4137d324ce6 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 12:13:21 -0300
Subject: [PATCH 16/22] Add ItemDescriptor to EntryBuys table

---
 src/pages/Entry/Card/EntryBuys.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index da46bfda2..142f6d45b 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -2,6 +2,7 @@
 import { ref, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import { QBtn } from 'quasar';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import FetchData from 'src/components/FetchData.vue';
@@ -9,6 +10,7 @@ import VnSelectFilter from 'components/common/VnSelectFilter.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 import VnConfirm from 'components/ui/VnConfirm.vue';
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 
 import { useQuasar } from 'quasar';
 import { useStateStore } from 'stores/useStateStore';
@@ -29,8 +31,11 @@ const packagingsOptions = ref(null);
 const originalRowDataCopy = ref(null);
 const tableColumnComponents = {
     item: {
-        component: 'span',
-        props: () => {},
+        component: QBtn,
+        props: () => ({
+            color: 'blue',
+            flat: true,
+        }),
         event: () => ({}),
     },
     quantity: {
@@ -368,6 +373,10 @@ const showLockIcon = (groupingMode, mode) => {
                                 >
                                     {{ col.value }}
                                 </template>
+                                <ItemDescriptorProxy
+                                    v-if="col.name === 'item'"
+                                    :id="props.row.id"
+                                />
                             </component>
                         </QTd>
                     </QTr>

From 5da5bb204707ac7e0909be1cdc87a689366e17a7 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 12:31:57 -0300
Subject: [PATCH 17/22] get input events improvement

---
 src/pages/Entry/Card/EntryBuys.vue | 37 +++++++++++++++---------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index 142f6d45b..252618f03 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -29,6 +29,16 @@ const rowsSelected = ref([]);
 const entryBuysPaginateRef = ref(null);
 const packagingsOptions = ref(null);
 const originalRowDataCopy = ref(null);
+
+const getInputEvents = (colField, props) => {
+    return colField === 'packagingFk'
+        ? { 'update:modelValue': () => saveChange(colField, props) }
+        : {
+              'keyup.enter': () => saveChange(colField, props),
+              blur: () => saveChange(colField, props),
+          };
+};
+
 const tableColumnComponents = {
     item: {
         component: QBtn,
@@ -46,7 +56,7 @@ const tableColumnComponents = {
             label: col.label,
             class: 'input-number',
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     packagingFk: {
         component: VnSelectFilter,
@@ -59,7 +69,7 @@ const tableColumnComponents = {
             'hide-selected': true,
             options: packagingsOptions.value,
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     stickers: {
         component: VnInput,
@@ -69,7 +79,7 @@ const tableColumnComponents = {
             label: col.label,
             class: 'input-number',
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     weight: {
         component: VnInput,
@@ -78,7 +88,7 @@ const tableColumnComponents = {
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     packing: {
         component: VnInput,
@@ -87,7 +97,7 @@ const tableColumnComponents = {
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     grouping: {
         component: VnInput,
@@ -96,7 +106,7 @@ const tableColumnComponents = {
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     buyingValue: {
         component: VnInput,
@@ -105,7 +115,7 @@ const tableColumnComponents = {
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     price2: {
         component: VnInput,
@@ -114,7 +124,7 @@ const tableColumnComponents = {
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     price3: {
         component: VnInput,
@@ -123,7 +133,7 @@ const tableColumnComponents = {
             min: 0,
             label: col.label,
         }),
-        event: (colField, props) => getInputEvents(colField, props),
+        event: getInputEvents,
     },
     import: {
         component: 'span',
@@ -209,15 +219,6 @@ const copyOriginalRowsData = (rows) => {
     originalRowDataCopy.value = JSON.parse(JSON.stringify(rows));
 };
 
-const getInputEvents = (colField, props) => {
-    return colField === 'packagingFk'
-        ? { 'update:modelValue': () => saveChange(colField, props) }
-        : {
-              'keyup.enter': () => saveChange(colField, props),
-              blur: () => saveChange(colField, props),
-          };
-};
-
 const saveChange = async (field, { rowIndex, row }) => {
     try {
         if (originalRowDataCopy.value[rowIndex][field] == row[field]) return;

From 86bbc7cfd679b948046d913aa368f2bda8b276fb Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 12:47:58 -0300
Subject: [PATCH 18/22] label input changes

---
 src/pages/Entry/Card/EntryBuys.vue | 56 ++++++++++++------------------
 1 file changed, 23 insertions(+), 33 deletions(-)

diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index 252618f03..b387dde05 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -42,25 +42,24 @@ const getInputEvents = (colField, props) => {
 const tableColumnComponents = {
     item: {
         component: QBtn,
-        props: () => ({
+        props: {
             color: 'blue',
             flat: true,
-        }),
+        },
         event: () => ({}),
     },
     quantity: {
         component: VnInput,
-        props: (col) => ({
+        props: {
             type: 'number',
             min: 0,
-            label: col.label,
             class: 'input-number',
-        }),
+        },
         event: getInputEvents,
     },
     packagingFk: {
         component: VnSelectFilter,
-        props: () => ({
+        props: {
             'option-value': 'id',
             'option-label': 'id',
             'emit-value': true,
@@ -68,76 +67,69 @@ const tableColumnComponents = {
             'use-input': true,
             'hide-selected': true,
             options: packagingsOptions.value,
-        }),
+        },
         event: getInputEvents,
     },
     stickers: {
         component: VnInput,
-        props: (col) => ({
+        props: {
             type: 'number',
             min: 0,
-            label: col.label,
             class: 'input-number',
-        }),
+        },
         event: getInputEvents,
     },
     weight: {
         component: VnInput,
-        props: (col) => ({
+        props: {
             type: 'number',
             min: 0,
-            label: col.label,
-        }),
+        },
         event: getInputEvents,
     },
     packing: {
         component: VnInput,
-        props: (col) => ({
+        props: {
             type: 'number',
             min: 0,
-            label: col.label,
-        }),
+        },
         event: getInputEvents,
     },
     grouping: {
         component: VnInput,
-        props: (col) => ({
+        props: {
             type: 'number',
             min: 0,
-            label: col.label,
-        }),
+        },
         event: getInputEvents,
     },
     buyingValue: {
         component: VnInput,
-        props: (col) => ({
+        props: {
             type: 'number',
             min: 0,
-            label: col.label,
-        }),
+        },
         event: getInputEvents,
     },
     price2: {
         component: VnInput,
-        props: (col) => ({
+        props: {
             type: 'number',
             min: 0,
-            label: col.label,
-        }),
+        },
         event: getInputEvents,
     },
     price3: {
         component: VnInput,
-        props: (col) => ({
+        props: {
             type: 'number',
             min: 0,
-            label: col.label,
-        }),
+        },
         event: getInputEvents,
     },
     import: {
         component: 'span',
-        props: () => {},
+        props: {},
         event: () => ({}),
     },
 };
@@ -341,7 +333,7 @@ const showLockIcon = (groupingMode, mode) => {
                         <QTd v-for="col in props.cols" :key="col.name">
                             <component
                                 :is="tableColumnComponents[col.name].component"
-                                v-bind="tableColumnComponents[col.name].props(col)"
+                                v-bind="tableColumnComponents[col.name].props"
                                 v-model="props.row[col.field]"
                                 v-on="
                                     tableColumnComponents[col.name].event(
@@ -419,9 +411,7 @@ const showLockIcon = (groupingMode, mode) => {
                                 <QItem v-for="col in props.cols" :key="col.name">
                                     <component
                                         :is="tableColumnComponents[col.name].component"
-                                        v-bind="
-                                            tableColumnComponents[col.name].props(col)
-                                        "
+                                        v-bind="tableColumnComponents[col.name].props"
                                         v-model="props.row[col.field]"
                                         v-on="
                                             tableColumnComponents[col.name].event(

From 02c163c5e097cc961d4f263c976b17b61f744947 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 12:50:05 -0300
Subject: [PATCH 19/22] small change

---
 src/pages/Entry/Card/EntryBuys.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index b387dde05..679afff1b 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -39,7 +39,7 @@ const getInputEvents = (colField, props) => {
           };
 };
 
-const tableColumnComponents = {
+const tableColumnComponents = computed(() => ({
     item: {
         component: QBtn,
         props: {
@@ -132,7 +132,7 @@ const tableColumnComponents = {
         props: {},
         event: () => ({}),
     },
-};
+}));
 
 const entriesTableColumns = computed(() => {
     return [

From a7e653cbce5f02f360eb3f3379eca9ab5c34341f Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 14:04:24 -0300
Subject: [PATCH 20/22] Stop propagation on item descriptor cell click

---
 src/components/FilterTravelForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FilterTravelForm.vue b/src/components/FilterTravelForm.vue
index 5b59d9700..499d5bc4e 100644
--- a/src/components/FilterTravelForm.vue
+++ b/src/components/FilterTravelForm.vue
@@ -208,7 +208,7 @@ const selectTravel = ({ id }) => {
                 @row-click="(_, row) => selectTravel(row)"
             >
                 <template #body-cell-id="{ row }">
-                    <QTd auto-width>
+                    <QTd auto-width @click.stop>
                         <QBtn flat color="blue">{{ row.id }}</QBtn>
                         <TravelDescriptorProxy :id="row.id" />
                     </QTd>

From f6b0404cb4a539c7f3e092a1a958bad315d9961e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 6 Feb 2024 08:33:06 -0300
Subject: [PATCH 21/22] multiple changes

---
 src/components/FilterItemForm.vue        | 242 +++++++++++++++++++++++
 src/i18n/en/index.js                     |   5 +
 src/i18n/es/index.js                     |   5 +
 src/pages/Entry/Card/EntryBuysImport.vue |  12 +-
 src/pages/Entry/Card/EntryDescriptor.vue |   6 +-
 src/pages/Entry/EntryList.vue            |   2 +-
 6 files changed, 266 insertions(+), 6 deletions(-)
 create mode 100644 src/components/FilterItemForm.vue

diff --git a/src/components/FilterItemForm.vue b/src/components/FilterItemForm.vue
new file mode 100644
index 000000000..4c329a8e8
--- /dev/null
+++ b/src/components/FilterItemForm.vue
@@ -0,0 +1,242 @@
+<script setup>
+import { ref, reactive, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+
+import VnRow from 'components/ui/VnRow.vue';
+import FetchData from 'components/FetchData.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
+
+import axios from 'axios';
+import { dashIfEmpty } from 'src/filters';
+
+const emit = defineEmits(['itemSelected']);
+
+const { t } = useI18n();
+const route = useRoute();
+
+const itemFilter = {
+    include: [
+        {
+            relation: 'producer',
+            scope: {
+                fields: ['name'],
+            },
+        },
+        {
+            relation: 'ink',
+            scope: {
+                fields: ['name'],
+            },
+        },
+    ],
+};
+
+const itemFilterParams = reactive({});
+const closeButton = ref(null);
+const isLoading = ref(false);
+const producersOptions = ref([]);
+const ItemTypesOptions = ref([]);
+const InksOptions = ref([]);
+const tableRows = ref([]);
+const loading = ref(false);
+
+const tableColumns = computed(() => [
+    {
+        label: t('entry.buys.id'),
+        name: 'id',
+        field: 'id',
+        align: 'left',
+    },
+    {
+        label: t('entry.buys.name'),
+        name: 'name',
+        field: 'name',
+        align: 'left',
+    },
+    {
+        label: t('entry.buys.size'),
+        name: 'size',
+        field: 'size',
+        align: 'left',
+    },
+    {
+        label: t('entry.buys.producer'),
+        name: 'producerName',
+        field: 'producer',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+
+    {
+        label: t('entry.buys.color'),
+        name: 'ink',
+        field: 'inkName',
+        align: 'left',
+    },
+]);
+
+const fetchResults = async () => {
+    try {
+        let filter = itemFilter;
+        const params = itemFilterParams;
+        const where = {};
+        for (let key in params) {
+            const value = params[key];
+            if (!value) continue;
+
+            switch (key) {
+                case 'name':
+                    where[key] = { like: `%${value}%` };
+                    break;
+                case 'producerFk':
+                case 'typeFk':
+                case 'size':
+                case 'inkFk':
+                    where[key] = value;
+            }
+        }
+        filter.where = where;
+
+        const { data } = await axios.get(`Entries/${route.params.id}/lastItemBuys`, {
+            params: { filter: JSON.stringify(filter) },
+        });
+        tableRows.value = data;
+    } catch (err) {
+        console.error('Error fetching entries items');
+    }
+};
+
+const closeForm = () => {
+    if (closeButton.value) closeButton.value.click();
+};
+
+const selectItem = ({ id }) => {
+    emit('itemSelected', id);
+    closeForm();
+};
+</script>
+
+<template>
+    <FetchData
+        url="Producers"
+        @on-fetch="(data) => (producersOptions = data)"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC', limit: 30 }"
+        auto-load
+    />
+    <FetchData
+        url="ItemTypes"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC', limit: 30 }"
+        order="name"
+        @on-fetch="(data) => (ItemTypesOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Inks"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC', limit: 30 }"
+        order="name"
+        @on-fetch="(data) => (InksOptions = data)"
+        auto-load
+    />
+    <QForm @submit="fetchResults()" class="all-pointer-events">
+        <QCard class="column" style="padding: 32px; z-index: 100">
+            <span ref="closeButton" class="close-icon" v-close-popup>
+                <QIcon name="close" size="sm" />
+            </span>
+            <h1 class="title">{{ t('Filter item') }}</h1>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnInput
+                        :label="t('entry.buys.name')"
+                        v-model="itemFilterParams.name"
+                    />
+                </div>
+                <div class="col">
+                    <VnInput
+                        :label="t('entry.buys.size')"
+                        v-model="itemFilterParams.size"
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('entry.buys.producer')"
+                        :options="producersOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="itemFilterParams.producerFk"
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('entry.buys.type')"
+                        :options="ItemTypesOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="itemFilterParams.typeFk"
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('entry.buys.color')"
+                        :options="InksOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="itemFilterParams.inkFk"
+                    />
+                </div>
+            </VnRow>
+            <div class="q-mt-lg row justify-end">
+                <QBtn
+                    :label="t('globals.search')"
+                    type="submit"
+                    color="primary"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                />
+            </div>
+            <QTable
+                :columns="tableColumns"
+                :rows="tableRows"
+                :pagination="{ rowsPerPage: 0 }"
+                :loading="loading"
+                :hide-header="!tableRows || !tableRows.length > 0"
+                :no-data-label="t('Enter a new search')"
+                class="q-mt-lg"
+                @row-click="(_, row) => selectItem(row)"
+            >
+                <template #body-cell-id="{ row }">
+                    <QTd auto-width @click.stop>
+                        <QBtn flat color="blue">{{ row.id }}</QBtn>
+                        <ItemDescriptorProxy :id="row.id" />
+                    </QTd>
+                </template>
+            </QTable>
+        </QCard>
+    </QForm>
+</template>
+
+<i18n>
+es:
+    Filter item: Filtrar artículo
+    Enter a new search: Introduce una nueva búsqueda
+</i18n>
+
+<style lang="scss" scoped>
+.title {
+    font-size: 17px;
+    font-weight: bold;
+    line-height: 20px;
+}
+
+.close-icon {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+}
+</style>
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index b4b72ee0e..152c5e644 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -343,6 +343,11 @@ export default {
             buyingValue: 'Buying value',
             packagingFk: 'Box',
             file: 'File',
+            name: 'Name',
+            producer: 'Producer',
+            type: 'Type',
+            color: 'Color',
+            id: 'ID',
         },
         notes: {
             observationType: 'Observation type',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index b494eb549..d0c2731a9 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -342,6 +342,11 @@ export default {
             buyingValue: 'Coste',
             packagingFk: 'Embalaje',
             file: 'Fichero',
+            name: 'Nombre',
+            producer: 'Productor',
+            type: 'Tipo',
+            color: 'Color',
+            id: 'ID',
         },
         notes: {
             observationType: 'Tipo de observación',
diff --git a/src/pages/Entry/Card/EntryBuysImport.vue b/src/pages/Entry/Card/EntryBuysImport.vue
index 386e71c84..ac5a4a1cf 100644
--- a/src/pages/Entry/Card/EntryBuysImport.vue
+++ b/src/pages/Entry/Card/EntryBuysImport.vue
@@ -7,6 +7,8 @@ import VnInput from 'src/components/common/VnInput.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
 import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
+import FilterItemForm from 'src/components/FilterItemForm.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import axios from 'axios';
@@ -238,13 +240,19 @@ const redirectToBuysView = () => {
                     >
                         <template #body-cell-item="{ row, col }">
                             <QTd auto-width>
-                                <VnSelectFilter
+                                <VnSelectDialog
                                     v-model="row[col.field]"
                                     :options="col.options"
                                     :option-value="col.optionValue"
                                     :option-label="col.optionLabel"
                                     hide-selected
+                                    action-icon="filter_alt"
                                 >
+                                    <template #form>
+                                        <FilterItemForm
+                                            @item-selected="row[col.field] = $event"
+                                        />
+                                    </template>
                                     <template #option="scope">
                                         <QItem v-bind="scope.itemProps">
                                             <QItemSection>
@@ -255,7 +263,7 @@ const redirectToBuysView = () => {
                                             </QItemSection>
                                         </QItem>
                                     </template>
-                                </VnSelectFilter>
+                                </VnSelectDialog>
                             </QTd>
                         </template>
                         <template #body-cell-packagingFk="{ row, col }">
diff --git a/src/pages/Entry/Card/EntryDescriptor.vue b/src/pages/Entry/Card/EntryDescriptor.vue
index 28c4c0a78..32421f9bc 100644
--- a/src/pages/Entry/Card/EntryDescriptor.vue
+++ b/src/pages/Entry/Card/EntryDescriptor.vue
@@ -115,15 +115,15 @@ const showEntryReport = () => {
         <template #body="{ entity }">
             <VnLv
                 :label="t('entry.descriptor.agency')"
-                :value="entity.travel.agency.name"
+                :value="entity.travel?.agency?.name"
             />
             <VnLv
                 :label="t('entry.descriptor.landed')"
-                :value="toDate(entity.travel.landed)"
+                :value="toDate(entity.travel?.landed)"
             />
             <VnLv
                 :label="t('entry.descriptor.warehouseOut')"
-                :value="entity.travel.warehouseOut.name"
+                :value="entity.travel?.warehouseOut?.name"
             />
         </template>
         <template #icons="{ entity }">
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index 6d762b09b..5a4edda3f 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -62,7 +62,7 @@ onMounted(async () => {
             <VnPaginate
                 data-key="EntryList"
                 url="Entries/filter"
-                order="landed DESC, id DESC"
+                :order="['landed DESC', 'id DESC']"
                 auto-load
             >
                 <template #body="{ rows }">

From 6773a9a696cda40fd959f5c46b993467295161a8 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 6 Feb 2024 10:14:48 -0300
Subject: [PATCH 22/22] Entry buys import open file explorer when clicking clip
 icon

---
 src/pages/Entry/Card/EntryBuysImport.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/Entry/Card/EntryBuysImport.vue b/src/pages/Entry/Card/EntryBuysImport.vue
index ac5a4a1cf..21f0beada 100644
--- a/src/pages/Entry/Card/EntryBuysImport.vue
+++ b/src/pages/Entry/Card/EntryBuysImport.vue
@@ -29,6 +29,7 @@ const importData = ref({
     ref: null,
 });
 
+const inputFileRef = ref(null);
 const lastItemBuysOptions = ref([]);
 const packagingsOptions = ref([]);
 
@@ -199,6 +200,7 @@ const redirectToBuysView = () => {
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
                     <QFile
+                        ref="inputFileRef"
                         :label="t('entry.buys.file')"
                         v-model="importData.file"
                         :multiple="false"
@@ -207,7 +209,11 @@ const redirectToBuysView = () => {
                         class="required"
                     >
                         <template #append>
-                            <QIcon name="vn:attach" class="cursor-pointer">
+                            <QIcon
+                                name="vn:attach"
+                                class="cursor-pointer"
+                                @click="inputFileRef.pickFiles()"
+                            >
                                 <QTooltip>{{ t('Select a file') }}</QTooltip>
                             </QIcon>
                         </template>