From e0337340e74be3e8ba61d826543183cb1b98cffa Mon Sep 17 00:00:00 2001
From: Kevin Martinez <kevin.martinez@mindshore.io>
Date: Thu, 22 Feb 2024 20:35:38 -0300
Subject: [PATCH] Fix route create page

---
 src/pages/Route/Card/RouteForm.vue      | 13 ++++++++++++-
 src/pages/Route/Card/RouteSearchbar.vue |  1 +
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/Route/Card/RouteForm.vue b/src/pages/Route/Card/RouteForm.vue
index 53f42145c..5029ce4c0 100644
--- a/src/pages/Route/Card/RouteForm.vue
+++ b/src/pages/Route/Card/RouteForm.vue
@@ -11,10 +11,13 @@ import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 import axios from 'axios';
 import VnInputTime from 'components/common/VnInputTime.vue';
+import RouteSearchbar from "pages/Route/Card/RouteSearchbar.vue";
+import {useStateStore} from "stores/useStateStore";
 
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
+const stateStore = useStateStore();
 const shelvingId = route.params?.id || null;
 const isNew = Boolean(!shelvingId);
 const defaultInitialData = {
@@ -78,6 +81,11 @@ const onSave = (data, response) => {
 </script>
 <template>
     <VnSubToolbar />
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <RouteSearchbar />
+        </Teleport>
+    </template>
     <FetchData
         url="Workers/search"
         :filter="{ fields: ['id', 'nickname'] }"
@@ -131,7 +139,7 @@ const onSave = (data, response) => {
                                 <QItemSection>
                                     <QItemLabel>{{ opt.name }}</QItemLabel>
                                     <QItemLabel caption>
-                                        {{ opt.nickname }},{{ opt.code }}
+                                        {{ opt.nickname }}, {{ opt.code }}
                                     </QItemLabel>
                                 </QItemSection>
                             </QItem>
@@ -212,6 +220,8 @@ const onSave = (data, response) => {
                     <VnInput
                         v-model="data.description"
                         :label="t('Description')"
+                        type="textarea"
+                        :rows="3"
                         clearable
                     />
                 </div>
@@ -230,4 +240,5 @@ es:
     Hour finished: Hora fin
     Description: Descripción
     Is served: Se ha servido
+    Created: Creado
 </i18n>
diff --git a/src/pages/Route/Card/RouteSearchbar.vue b/src/pages/Route/Card/RouteSearchbar.vue
index 9ee4a602f..e3833d13c 100644
--- a/src/pages/Route/Card/RouteSearchbar.vue
+++ b/src/pages/Route/Card/RouteSearchbar.vue
@@ -9,6 +9,7 @@ const { t } = useI18n();
         data-key="RouteList"
         :label="t('Search route')"
         :info="t('You can search by route reference')"
+        custom-route-redirect-name="RouteList"
     />
 </template>