From 50100eb2f95c8ebf9a449f89be59121463d1c0d0 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 20 Dec 2022 21:51:40 +0100
Subject: [PATCH] Nawigacja

---
 src/components/JournalView/DailyStats.vue | 15 +++++++++------
 src/views/JournalTimetables.vue           |  5 ++---
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/JournalView/DailyStats.vue b/src/components/JournalView/DailyStats.vue
index ffaa72f..7cddcc6 100644
--- a/src/components/JournalView/DailyStats.vue
+++ b/src/components/JournalView/DailyStats.vue
@@ -21,12 +21,14 @@
 
         <i18n-t keypath="journal.timetable-stats-longest" tag="p">
           <template #id>
-            <router-link :to="`/journal/timetables?timetableId=${data.stats.timetableId}`">{{
-              data.stats.timetableId
-            }}</router-link>
+            <router-link :to="`/journal/timetables?timetableId=${data.stats.timetableId}`">
+              <b>{{ data.stats.timetableId }}</b>
+            </router-link>
           </template>
           <template #author>
-            <b>{{ data.stats.timetableAuthor }}</b>
+            <router-link :to="`/journal/dispatchers?dispatcherName=${data.stats.timetableAuthor}`">
+              <b>{{ data.stats.timetableAuthor }}</b>
+            </router-link>
           </template>
           <template #driver>
             <b>{{ data.stats.timetableDriver }}</b>
@@ -38,7 +40,9 @@
 
         <i18n-t keypath="journal.timetable-stats-most-active" tag="p">
           <template #dispatcher>
-            <b>{{ data.stats.dispatcherName }}</b>
+            <router-link :to="`/journal/dispatchers?dispatcherName=${data.stats.dispatcherName}`">
+              <b>{{ data.stats.dispatcherName }}</b>
+            </router-link>
           </template>
           <template #count>
             <b class="text--primary">
@@ -55,7 +59,6 @@
 <script setup lang="ts">
 import axios from 'axios';
 import { reactive, ref } from 'vue';
-import { onBeforeRouteUpdate, useRouter } from 'vue-router';
 import { DataStatus } from '../../scripts/enums/DataStatus';
 import { ITimetablesDailyStats, ITimetablesDailyStatsResponse } from '../../scripts/interfaces/api/StatsAPIData';
 import { URLs } from '../../scripts/utils/apiURLs';
diff --git a/src/views/JournalTimetables.vue b/src/views/JournalTimetables.vue
index f53891b..94e04b3 100644
--- a/src/views/JournalTimetables.vue
+++ b/src/views/JournalTimetables.vue
@@ -136,11 +136,10 @@ export default defineComponent({
 
   // Handle route updates for route-links
   beforeRouteUpdate(to, from) {
-    const timetableId = to.query['timetableId']?.toString();
+    const { timetableId, driverName } = to.query;
 
-    if (!timetableId) return;
+    if (timetableId) this.searchersValues['search-train'] = `#${timetableId}`;
 
-    this.searchersValues['search-train'] = `#${timetableId}`;
     this.searchHistory();
   },