From f60670cb87958d2c9012ad156a8ae40e45eb526a Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 8 Apr 2024 10:49:53 +0200
Subject: [PATCH 1/5] refs #7172 change vnselectfilter

---
 src/pages/Claim/Card/ClaimBasicData.vue | 36 ++++++++++++++++++-------
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index c7c5ab8a2..aad003031 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
@@ -40,11 +40,7 @@ const workers = ref([]);
 const workersCopy = ref([]);
 const claimStates = ref([]);
 const claimStatesCopy = ref([]);
-
-function setWorkers(data) {
-    workers.value = data;
-    workersCopy.value = data;
-}
+const workersOptions = ref([]);
 
 function setClaimStates(data) {
     claimStates.value = data;
@@ -89,8 +85,9 @@ const statesFilter = {
     <FetchData
         url="Workers/activeWithInheritedRole"
         :filter="{ where: { role: 'salesPerson' } }"
-        @on-fetch="setWorkers"
+        @on-fetch="(data) => (workersOptions = data)"
         auto-load
+        limit="30"
     />
     <FetchData url="ClaimStates" @on-fetch="setClaimStates" auto-load />
     <FormModel
@@ -118,7 +115,7 @@ const statesFilter = {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <QSelect
+                    <!-- <QSelect
                         v-model="data.workerFk"
                         :options="workers"
                         option-value="id"
@@ -140,7 +137,28 @@ const statesFilter = {
                                 />
                             </QAvatar>
                         </template>
-                    </QSelect>
+                    </QSelect> -->
+                    <VnSelectFilter
+                        :label="t('claim.basicData.assignedTo')"
+                        v-model="data.workerFk"
+                        :options="workersOptions"
+                        option-value="id"
+                        option-label="name"
+                        emit-value
+                        auto-load
+                        @filter="(value, update) => filter(value, update, workerFilter)"
+                        :rules="validate('claim.claimStateFk')"
+                    >
+                        <template #before>
+                            <QAvatar color="orange">
+                                <QImg
+                                    v-if="data.workerFk"
+                                    :src="`/api/Images/user/160x160/${data.workerFk}/download?access_token=${token}`"
+                                    spinner-color="white"
+                                />
+                            </QAvatar>
+                        </template>
+                    </VnSelectFilter>
                 </div>
                 <div class="col">
                     <QSelect

From 904f647a5b6dd7f2a533b3c5eb41f2aa9d50fbff Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 10 Apr 2024 14:16:20 +0200
Subject: [PATCH 2/5] refs #7172 fix vnSelectFilter

---
 src/pages/Claim/Card/ClaimBasicData.vue | 47 +------------------------
 1 file changed, 1 insertion(+), 46 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index aad003031..26175dab9 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -36,8 +36,6 @@ const claimFilter = {
     ],
 };
 
-const workers = ref([]);
-const workersCopy = ref([]);
 const claimStates = ref([]);
 const claimStatesCopy = ref([]);
 const workersOptions = ref([]);
@@ -47,25 +45,6 @@ function setClaimStates(data) {
     claimStatesCopy.value = data;
 }
 
-const workerFilter = {
-    options: workers,
-    filterFn: (options, value) => {
-        const search = value.toLowerCase();
-
-        if (value === '') return workersCopy.value;
-
-        return options.value.filter((row) => {
-            const id = row.id;
-            const name = row.name.toLowerCase();
-
-            const idMatches = id == search;
-            const nameMatches = name.indexOf(search) > -1;
-
-            return idMatches || nameMatches;
-        });
-    },
-};
-
 const statesFilter = {
     options: claimStates,
     filterFn: (options, value) => {
@@ -87,7 +66,6 @@ const statesFilter = {
         :filter="{ where: { role: 'salesPerson' } }"
         @on-fetch="(data) => (workersOptions = data)"
         auto-load
-        limit="30"
     />
     <FetchData url="ClaimStates" @on-fetch="setClaimStates" auto-load />
     <FormModel
@@ -115,29 +93,6 @@ const statesFilter = {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <!-- <QSelect
-                        v-model="data.workerFk"
-                        :options="workers"
-                        option-value="id"
-                        option-label="name"
-                        emit-value
-                        :label="t('claim.basicData.assignedTo')"
-                        map-options
-                        use-input
-                        @filter="(value, update) => filter(value, update, workerFilter)"
-                        :rules="validate('claim.claimStateFk')"
-                        :input-debounce="0"
-                    >
-                        <template #before>
-                            <QAvatar color="orange">
-                                <QImg
-                                    v-if="data.workerFk"
-                                    :src="`/api/Images/user/160x160/${data.workerFk}/download?access_token=${token}`"
-                                    spinner-color="white"
-                                />
-                            </QAvatar>
-                        </template>
-                    </QSelect> -->
                     <VnSelectFilter
                         :label="t('claim.basicData.assignedTo')"
                         v-model="data.workerFk"
@@ -146,7 +101,7 @@ const statesFilter = {
                         option-label="name"
                         emit-value
                         auto-load
-                        @filter="(value, update) => filter(value, update, workerFilter)"
+                        :virtual-scroll-slice-size="workersOptions.length"
                         :rules="validate('claim.claimStateFk')"
                     >
                         <template #before>

From 76cd79173cabe0996c03a982b8773c5bd8df107e Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 26 Apr 2024 13:50:11 +0200
Subject: [PATCH 3/5] refs #7172 fix select

---
 src/pages/Claim/Card/ClaimBasicData.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index f6feae4ba..adb9b4c08 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
@@ -108,7 +108,7 @@ const statesFilter = {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('claim.basicData.assignedTo')"
                         v-model="data.workerFk"
                         :options="workersOptions"
@@ -128,7 +128,7 @@ const statesFilter = {
                                 />
                             </QAvatar>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <div class="col">
                     <QSelect

From e3237ee4f1f3747cf4288e045bbc8d73526099be Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 29 Apr 2024 09:35:57 +0200
Subject: [PATCH 4/5] refs #7172 refact VnSelect

---
 src/components/common/VnSelect.vue      | 1 +
 src/pages/Claim/Card/ClaimBasicData.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index 480d36e4f..76e7cd81f 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -169,6 +169,7 @@ watch(modelValue, (newValue) => {
         ref="vnSelectRef"
         :class="{ required: $attrs.required }"
         :rules="$attrs.required ? [requiredFieldRule] : null"
+        virtual-scroll-slice-size
     >
         <template v-if="isClearable" #append>
             <QIcon
diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index adb9b4c08..2cd8aa260 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -116,7 +116,7 @@ const statesFilter = {
                         option-label="name"
                         emit-value
                         auto-load
-                        :virtual-scroll-slice-size="workersOptions.length"
+                        virtual-scroll-slice-size="workersOptions.length"
                         :rules="validate('claim.claimStateFk')"
                     >
                         <template #before>

From a78c920ec8a6aa5765fb38080e20a4b055a81610 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 29 Apr 2024 09:49:29 +0200
Subject: [PATCH 5/5] refs #7172 fix VnSelect

---
 src/components/common/VnSelect.vue      | 2 +-
 src/pages/Claim/Card/ClaimBasicData.vue | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index 76e7cd81f..05c74f00a 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -169,7 +169,7 @@ watch(modelValue, (newValue) => {
         ref="vnSelectRef"
         :class="{ required: $attrs.required }"
         :rules="$attrs.required ? [requiredFieldRule] : null"
-        virtual-scroll-slice-size
+        virtual-scroll-slice-size="options.length"
     >
         <template v-if="isClearable" #append>
             <QIcon
diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index 2cd8aa260..99ea30fda 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -116,7 +116,6 @@ const statesFilter = {
                         option-label="name"
                         emit-value
                         auto-load
-                        virtual-scroll-slice-size="workersOptions.length"
                         :rules="validate('claim.claimStateFk')"
                     >
                         <template #before>