From 777ee0895ed6b13d1af12f80ccd37cf0b042fb58 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 10:15:47 +0200
Subject: [PATCH] feat: refs #6891 route & drop searchbar

---
 src/pages/Route/Card/RouteCard.vue      | 12 +++++++++++-
 src/pages/Route/Card/RouteSearchbar.vue | 21 ---------------------
 src/pages/Route/Card/RouteSummary.vue   |  6 ------
 src/pages/Route/RouteList.vue           |  9 +++++++--
 src/pages/Route/locale/en.yml           |  2 ++
 src/pages/Route/locale/es.yml           |  3 +++
 6 files changed, 23 insertions(+), 30 deletions(-)
 delete mode 100644 src/pages/Route/Card/RouteSearchbar.vue
 create mode 100644 src/pages/Route/locale/en.yml
 create mode 100644 src/pages/Route/locale/es.yml

diff --git a/src/pages/Route/Card/RouteCard.vue b/src/pages/Route/Card/RouteCard.vue
index fd0a8a507..0da79acf6 100644
--- a/src/pages/Route/Card/RouteCard.vue
+++ b/src/pages/Route/Card/RouteCard.vue
@@ -1,7 +1,17 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import RouteDescriptor from 'pages/Route/Card/RouteDescriptor.vue';
+import RouteFilter from './RouteFilter.vue';
 </script>
 <template>
-    <VnCard data-key="Route" base-url="Routes" :descriptor="RouteDescriptor" />
+    <VnCard
+        data-key="Route"
+        base-url="Routes"
+        :descriptor="RouteDescriptor"
+        :filter-panel="RouteFilter"
+        searchbar-data-key="RouteList"
+        searchbar-label="searchLabel"
+        searchbar-info="searchInfo"
+        custom-route-redirect-name="RouteList"
+    />
 </template>
diff --git a/src/pages/Route/Card/RouteSearchbar.vue b/src/pages/Route/Card/RouteSearchbar.vue
deleted file mode 100644
index e3833d13c..000000000
--- a/src/pages/Route/Card/RouteSearchbar.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script setup>
-import VnSearchbar from 'components/ui/VnSearchbar.vue';
-import {useI18n} from "vue-i18n";
-const { t } = useI18n();
-</script>
-
-<template>
-    <VnSearchbar
-        data-key="RouteList"
-        :label="t('Search route')"
-        :info="t('You can search by route reference')"
-        custom-route-redirect-name="RouteList"
-    />
-</template>
-
-<style scoped lang="scss"></style>
-<i18n>
-es:
-    Search route: Buscar rutas
-    You can search by route reference: Puedes buscar por referencia de la ruta
-</i18n>
diff --git a/src/pages/Route/Card/RouteSummary.vue b/src/pages/Route/Card/RouteSummary.vue
index 220f93f30..ac03a8231 100644
--- a/src/pages/Route/Card/RouteSummary.vue
+++ b/src/pages/Route/Card/RouteSummary.vue
@@ -10,7 +10,6 @@ import { dashIfEmpty, toCurrency, toDate, toHour } from 'src/filters';
 import WorkerDescriptorProxy from 'pages/Worker/Card/WorkerDescriptorProxy.vue';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import TicketDescriptorProxy from 'pages/Ticket/Card/TicketDescriptorProxy.vue';
-import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
 import { openBuscaman } from 'src/utils/buscaman';
 
 const $props = defineProps({
@@ -118,11 +117,6 @@ const ticketColumns = ref([
 </script>
 
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <RouteSearchbar />
-        </Teleport>
-    </template>
     <div class="q-pa-md full-width">
         <CardSummary
             ref="summary"
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index c0888a225..9ebac4bee 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -11,7 +11,7 @@ import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 import VnInputTime from 'components/common/VnInputTime.vue';
 import axios from 'axios';
-import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import RouteFilter from 'pages/Route/Card/RouteFilter.vue';
 import RouteSummary from 'pages/Route/Card/RouteSummary.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
@@ -179,7 +179,12 @@ const openTicketsDialog = (id) => {
 <template>
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#searchbar">
-            <RouteSearchbar />
+            <VnSearchbar
+                data-key="RouteList"
+                :label="t('Search route')"
+                :info="t('You can search by route reference')"
+                custom-route-redirect-name="RouteList"
+            />
         </Teleport>
         <Teleport to="#actions-append">
             <div class="row q-gutter-x-sm">
diff --git a/src/pages/Route/locale/en.yml b/src/pages/Route/locale/en.yml
new file mode 100644
index 000000000..427abec1c
--- /dev/null
+++ b/src/pages/Route/locale/en.yml
@@ -0,0 +1,2 @@
+searchLabel: Search route
+searchInfo: You can search by route reference
diff --git a/src/pages/Route/locale/es.yml b/src/pages/Route/locale/es.yml
new file mode 100644
index 000000000..cc75dbbc4
--- /dev/null
+++ b/src/pages/Route/locale/es.yml
@@ -0,0 +1,3 @@
+route:
+    searchLabel: Buscar rutas
+    searchInfo: Puedes buscar por referencia de la ruta