From 2851291a274ad22c24baea219b2a9ba58d00e80c Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 26 Dec 2024 17:02:41 +0100
Subject: [PATCH] feat: refs #7119 add VehicleSearchbar component and update
 localization for vehicle search

---
 src/pages/Route/Vehicle/VehicleList.vue      | 11 ++++-------
 src/pages/Route/Vehicle/VehicleSearchbar.vue | 12 ++++++++++++
 src/pages/Route/Vehicle/locale/en.yml        |  3 +++
 src/pages/Route/Vehicle/locale/es.yml        |  3 +++
 4 files changed, 22 insertions(+), 7 deletions(-)
 create mode 100644 src/pages/Route/Vehicle/VehicleSearchbar.vue

diff --git a/src/pages/Route/Vehicle/VehicleList.vue b/src/pages/Route/Vehicle/VehicleList.vue
index aa3191c92..9f90f1fe5 100644
--- a/src/pages/Route/Vehicle/VehicleList.vue
+++ b/src/pages/Route/Vehicle/VehicleList.vue
@@ -3,6 +3,7 @@ import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import VnTable from 'components/VnTable/VnTable.vue';
 import FetchData from 'src/components/FetchData.vue';
+import VehicleSearchbar from 'src/pages/Route/Vehicle/VehicleSearchbar.vue';
 
 const { t } = useI18n();
 const warehouses = ref([]);
@@ -74,13 +75,8 @@ const columns = computed(() => [
     {
         name: 'vehicleStateFk',
         label: t('globals.state'),
-        columnFilter: {
-            component: 'select',
-            name: 'vehicleStateFk',
-            optionValue: 'id',
-            optionLabel: 'state',
-            options: vehicleStates.value,
-        },
+        columnFilter: false,
+        sortable: false,
         format: (row, dashIfEmpty) => dashIfEmpty(row.event?.state?.state),
     },
 ]);
@@ -110,6 +106,7 @@ const columns = computed(() => [
         @on-fetch="(data) => (vehicleStates = data)"
         auto-load
     />
+    <VehicleSearchbar />
     <VnTable
         data-key="VehicleList"
         url="Vehicles/filter"
diff --git a/src/pages/Route/Vehicle/VehicleSearchbar.vue b/src/pages/Route/Vehicle/VehicleSearchbar.vue
new file mode 100644
index 000000000..6dd198883
--- /dev/null
+++ b/src/pages/Route/Vehicle/VehicleSearchbar.vue
@@ -0,0 +1,12 @@
+<script setup>
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
+</script>
+<template>
+    <VnSearchbar
+        data-key="VehicleList"
+        url="Vehicles/filter"
+        :label="$t('vehicle.searchbar.label')"
+        :info="$t('vehicle.searchbar.info')"
+        custom-route-redirect-name="ZoneSummary"
+    />
+</template>
diff --git a/src/pages/Route/Vehicle/locale/en.yml b/src/pages/Route/Vehicle/locale/en.yml
index ddfc34bfe..c505c9678 100644
--- a/src/pages/Route/Vehicle/locale/en.yml
+++ b/src/pages/Route/Vehicle/locale/en.yml
@@ -4,3 +4,6 @@ vehicle:
     chassis: Chassis
     leasing: Leasing
     isKmTruckRate: Trailer
+    searchbar:
+        label: Search Vehicle
+        info: Search by id or number plate
diff --git a/src/pages/Route/Vehicle/locale/es.yml b/src/pages/Route/Vehicle/locale/es.yml
index 9a1c5b7fb..09a9d05c0 100644
--- a/src/pages/Route/Vehicle/locale/es.yml
+++ b/src/pages/Route/Vehicle/locale/es.yml
@@ -4,3 +4,6 @@ vehicle:
     chassis: Número de bastidor
     leasing: Número de leasing
     isKmTruckRate: Trailer
+    searchbar:
+        label: Buscar Vehículo
+        info: Buscar por id o matrícula