From 282ca0860529c0baac06e4457d2cda41219808da Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 24 Jan 2025 11:58:23 +0100
Subject: [PATCH] refactor: refs #7119 remove VehicleSearchbar component and
 update locale keys for search functionality

---
 src/pages/Route/Vehicle/Card/VehicleCard.vue |   8 +-
 src/pages/Route/Vehicle/VehicleList.vue      | 105 +++++++++++--------
 src/pages/Route/Vehicle/locale/en.yml        |   5 +-
 src/pages/Route/Vehicle/locale/es.yml        |   5 +-
 4 files changed, 65 insertions(+), 58 deletions(-)

diff --git a/src/pages/Route/Vehicle/Card/VehicleCard.vue b/src/pages/Route/Vehicle/Card/VehicleCard.vue
index 5c9530455..7b83c465f 100644
--- a/src/pages/Route/Vehicle/Card/VehicleCard.vue
+++ b/src/pages/Route/Vehicle/Card/VehicleCard.vue
@@ -1,6 +1,5 @@
 <script setup>
 import VnCardBeta from 'components/common/VnCard.vue';
-import VehicleSearchbar from '../VehicleSearchbar.vue';
 import VehicleDescriptor from './VehicleDescriptor.vue';
 import VehicleFilter from '../VehicleFilter.js';
 </script>
@@ -10,10 +9,5 @@ import VehicleFilter from '../VehicleFilter.js';
         base-url="Vehicles"
         :filter="VehicleFilter"
         :descriptor="VehicleDescriptor"
-        search-data-key="VehicleList"
-    >
-        <template #searchbar>
-            <VehicleSearchbar />
-        </template>
-    </VnCardBeta>
+    />
 </template>
diff --git a/src/pages/Route/Vehicle/VehicleList.vue b/src/pages/Route/Vehicle/VehicleList.vue
index d6cb2b298..358430b62 100644
--- a/src/pages/Route/Vehicle/VehicleList.vue
+++ b/src/pages/Route/Vehicle/VehicleList.vue
@@ -8,6 +8,7 @@ import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import VehicleSummary from 'src/pages/Route/Vehicle/Card/VehicleSummary.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
+import VnSection from 'src/components/common/VnSection.vue';
 
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
@@ -152,54 +153,68 @@ const columns = computed(() => [
         @on-fetch="(data) => (vehicleTypes = data)"
         auto-load
     />
-    <VehicleSearchbar />
-    <VnTable
-        ref="tableRef"
+    <VnSection
         data-key="VehicleList"
-        url="Vehicles/filter"
         :columns="columns"
-        redirect="vehicle"
-        :create="{
-            urlCreate: 'Vehicles',
-            title: t('vehicle.create'),
-            onDataSaved: ({ id }) => $refs.tableRef.redirect(id),
-            formInitialData: { isActive: true, isKmTruckRate: false },
+        prefix="vehicle"
+        :array-data-props="{
+            url: 'Vehicles/filter',
         }"
     >
-        <template #column-isActive="{ row }">
-            <span>
-                <QIcon v-if="!row.isActive" name="help" color="primary" size="xs">
-                    <QTooltip>{{ $t('globals.inactive') }}</QTooltip>
-                </QIcon>
-            </span>
+        <template #body>
+            <VnTable
+                ref="tableRef"
+                data-key="VehicleList"
+                url="Vehicles/filter"
+                :columns="columns"
+                redirect="vehicle"
+                :right-search="false"
+                :create="{
+                    urlCreate: 'Vehicles',
+                    title: t('vehicle.create'),
+                    onDataSaved: ({ id }) => $refs.tableRef.redirect(id),
+                    formInitialData: { isActive: true, isKmTruckRate: false },
+                }"
+            >
+                <template #column-isActive="{ row }">
+                    <span>
+                        <QIcon v-if="!row.isActive" name="help" color="primary" size="xs">
+                            <QTooltip>{{ $t('globals.inactive') }}</QTooltip>
+                        </QIcon>
+                    </span>
+                </template>
+                <template #more-create-dialog="{ data }">
+                    <VnInput
+                        v-model="data.numberPlate"
+                        :label="$t('vehicle.numberPlate')"
+                        :uppercase="true"
+                    />
+                    <VnInput v-model="data.tradeMark" :label="$t('vehicle.tradeMark')" />
+                    <VnInput v-model="data.model" :label="$t('globals.model')" />
+                    <VnSelect
+                        v-model="data.vehicleTypeFk"
+                        :label="$t('globals.type')"
+                        :options="vehicleTypes"
+                    />
+                    <VnSelect
+                        v-model="data.warehouseFk"
+                        :label="$t('globals.warehouse')"
+                        :options="warehouses"
+                    />
+                    <VnSelect
+                        v-model="data.countryCodeFk"
+                        :label="$t('globals.country')"
+                        option-value="code"
+                        option-label="code"
+                        :options="countries"
+                    />
+                    <VnInput
+                        v-model="data.description"
+                        :label="$t('globals.description')"
+                    />
+                    <QCheckbox to v-model="data.isActive" :label="$t('globals.active')" />
+                </template>
+            </VnTable>
         </template>
-        <template #more-create-dialog="{ data }">
-            <VnInput
-                v-model="data.numberPlate"
-                :label="$t('vehicle.numberPlate')"
-                :uppercase="true"
-            />
-            <VnInput v-model="data.tradeMark" :label="$t('vehicle.tradeMark')" />
-            <VnInput v-model="data.model" :label="$t('globals.model')" />
-            <VnSelect
-                v-model="data.vehicleTypeFk"
-                :label="$t('globals.type')"
-                :options="vehicleTypes"
-            />
-            <VnSelect
-                v-model="data.warehouseFk"
-                :label="$t('globals.warehouse')"
-                :options="warehouses"
-            />
-            <VnSelect
-                v-model="data.countryCodeFk"
-                :label="$t('globals.country')"
-                option-value="code"
-                option-label="code"
-                :options="countries"
-            />
-            <VnInput v-model="data.description" :label="$t('globals.description')" />
-            <QCheckbox to v-model="data.isActive" :label="$t('globals.active')" />
-        </template>
-    </VnTable>
+    </VnSection>
 </template>
diff --git a/src/pages/Route/Vehicle/locale/en.yml b/src/pages/Route/Vehicle/locale/en.yml
index a0c994745..5c340c389 100644
--- a/src/pages/Route/Vehicle/locale/en.yml
+++ b/src/pages/Route/Vehicle/locale/en.yml
@@ -13,9 +13,8 @@ vehicle:
     create: Create Vehicle
     amountCooler: Amount cooler
     remove: Vehicle removed
-    searchbar:
-        label: Search Vehicle
-        info: Search by id or number plate
+    search: Search Vehicle
+    info: Search by id or number plate
     params:
         vehicleTypeFk: Type
         vehicleStateFk: State
diff --git a/src/pages/Route/Vehicle/locale/es.yml b/src/pages/Route/Vehicle/locale/es.yml
index f5c135340..6e79dcc12 100644
--- a/src/pages/Route/Vehicle/locale/es.yml
+++ b/src/pages/Route/Vehicle/locale/es.yml
@@ -13,9 +13,8 @@ vehicle:
     isActive: Activo
     nLeasing: Nº leasing
     remove: Vehículo eliminado
-    searchbar:
-        label: Buscar Vehículo
-        info: Buscar por id o matrícula
+    search: Buscar Vehículo
+    searchinfo: Buscar por id o matrícula
     params:
         vehicleTypeFk: Tipo
         vehicleStateFk: Estado