src/pages/Route/Card/RouteSummary.vue

@@ -11,6 +11,7 @@ import WorkerDescriptorProxy from 'pages/Worker/Card/WorkerDescriptorProxy.vue';
 import axios from 'axios';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import TicketDescriptorProxy from 'pages/Ticket/Card/TicketDescriptorProxy.vue';
+import RouteSearchbar from "pages/Route/Card/RouteSearchbar.vue";
 
 const $props = defineProps({
     id: {
@@ -131,6 +132,11 @@ const openBuscaman = async (route, ticket) => {
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <RouteSearchbar />
+        </Teleport>
+    </template>
     <div class="q-pa-md full-width">
         <CardSummary ref="summary" :url="`Routes/${entityId}/summary`">
             <template #header-left>
@@ -207,9 +213,10 @@ const openBuscaman = async (route, ticket) => {
                 </QCard>
 
                 <QCard class="vn-max">
-                    <div class="header">
+                    <a class="header" :href="`#/route/${entityId}/tickets`">
                         {{ t('route.summary.tickets') }}
-                    </div>
+                        <QIcon name="open_in_new" color="primary" />
+                    </a>
                     <QTable
                         :columns="ticketColumns"
                         :rows="entity?.tickets"

src/pages/Route/RouteAutonomous.vue

@@ -288,4 +288,5 @@ es:
     Price: Precio
     Received: Recibida
     Autonomous: Autónomos
+    Preview: Vista previa
 </i18n>