dodane nowe statystyki dnia; poprawki bugów

src/components/JournalView/JournalDailyStats.vue

@@ -42,13 +42,13 @@
             •
             <i18n-t keypath="journal.daily-stats.longest">
               <template #id>
-                <router-link :to="`/journal/timetables?timetableId=${stats.maxTimetable.id}`">
+                <router-link :to="`/journal/timetables?search-train=%23${stats.maxTimetable.id}`">
                   <b>{{ stats.maxTimetable.id }}</b>
                 </router-link>
               </template>
               <template #author>
                 <router-link
-                  :to="`/journal/dispatchers?dispatcherName=${stats.maxTimetable.authorName}`"
+                  :to="`/journal/timetables?search-dispatcher=${stats.maxTimetable.authorName}`"
                 >
                   <b>{{ stats.maxTimetable.authorName }}</b>
                 </router-link>
@@ -66,7 +66,9 @@
             &bull;
             <i18n-t keypath="journal.daily-stats.most-active-dr">
               <template #dispatcher>
-                <router-link :to="`/journal/dispatchers?dispatcherName=${topDispatchers[0].name}`">
+                <router-link
+                  :to="`/journal/dispatchers?search-dispatcher=${topDispatchers[0].name}`"
+                >
                   <b>{{ topDispatchers[0].name }}</b>
                 </router-link>
               </template>
@@ -86,7 +88,7 @@
                 <span v-for="(disp, i) in topDispatchers" :key="i">
                   <span v-if="i == topDispatchers.length - 1"> {{ $t('general.and') }} </span>
 
-                  <router-link :to="`/journal/dispatchers?dispatcherName=${disp.name}`">
+                  <router-link :to="`/journal/dispatchers?search-dispatcher=${disp.name}`">
                     <b>{{ disp.name }}</b>
                   </router-link>
 
@@ -108,7 +110,7 @@
             <i18n-t keypath="journal.daily-stats.longest-duties">
               <template #dispatcher>
                 <router-link
-                  :to="`/journal/dispatchers?dispatcherName=${stats.longestDuties[0].name}`"
+                  :to="`/journal/dispatchers?search-dispatcher=${stats.longestDuties[0].name}`"
                 >
                   <b>{{ stats.longestDuties[0].name }}</b>
                 </router-link>
@@ -126,13 +128,38 @@
             &bull;
             <i18n-t keypath="journal.daily-stats.most-active-driver">
               <template #driver>
-                <b class="text--primary">{{ stats.mostActiveDrivers[0].name }}</b>
+                <router-link
+                  :to="`/journal/timetables?search-driver=${stats.mostActiveDrivers[0].name}`"
+                >
+                  <b>{{ stats.mostActiveDrivers[0].name }}</b>
+                </router-link>
               </template>
               <template #distance>
                 <b class="text--primary">{{ stats.mostActiveDrivers[0].distance.toFixed(2) }} km</b>
               </template>
             </i18n-t>
           </div>
+
+          <hr class="section-separator" />
+
+          <div class="stats-badges">
+            <span
+              class="stat-badge"
+              v-for="key in [
+                'rippedSwitches',
+                'derailments',
+                'skippedStopSignals',
+                'radioStops',
+                'kills'
+              ]"
+              :key="key"
+            >
+              <span>{{ $t(`journal.daily-stats.${key}`) }}</span>
+              <span>{{
+                Object.entries(stats.globalDiff).find(([k, v]) => k == key)?.[1] || '--'
+              }}</span>
+            </span>
+          </div>
         </div>
       </span>
     </span>
@@ -214,6 +241,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 @import '../../styles/responsive.scss';
 @import '../../styles/JournalStats.scss';
+@import '../../styles/badge.scss';
 
 .daily-stats {
   text-align: left;
@@ -226,6 +254,12 @@ export default defineComponent({
   text-decoration: underline;
 }
 
+.stats-badges {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em;
+}
+
 @include smallScreen {
   h3 {
     text-align: center;

src/components/JournalView/JournalDispatchers/JournalDispatcherStats.vue

@@ -32,7 +32,7 @@
         </span>
       </div>
 
-      <hr style="margin: 1em 0" />
+      <hr class="section-separator" />
 
       <div class="info-stats">
         <span class="stat-badge" v-if="stats.issuedTimetables">

src/components/JournalView/JournalDispatchers/JournalDispatchersList.vue

@@ -1,5 +1,4 @@
 <template>
-  <div>
   <transition name="status-anim" mode="out-in">
     <div :key="dataStatus">
       <div class="journal_warning" v-if="store.isOffline">
@@ -17,7 +16,7 @@
       </div>
 
       <div v-else>
-          <table class="scenery-history-table">
+        <table class="dispatchers-table">
           <thead>
             <th>{{ $t('journal.history-name') }}</th>
             <th>{{ $t('journal.history-hash') }}</th>
@@ -108,8 +107,6 @@
           @addHistoryData="addHistoryData"
         />
       </div>
-      </div>
-    </transition>
 
       <div class="journal_warning" v-if="scrollNoMoreData">
         {{ $t('journal.no-further-data') }}
@@ -119,6 +116,7 @@
         {{ $t('journal.loading-further-data') }}
       </div>
     </div>
+  </transition>
 </template>
 
 <script lang="ts">
@@ -206,7 +204,7 @@ export default defineComponent({
 @import '../../../styles/variables.scss';
 @import '../../../styles/JournalSection.scss';
 
-table.scenery-history-table {
+table.dispatchers-table {
   --_bg-table: #111;
   --_bg-head: #101010;
   --_bg-row: #2f2f2f;

src/components/JournalView/typings.ts

@@ -17,7 +17,7 @@ export namespace Journal {
   };
 
   export type TimetableSorterKey = 'timetableId' | 'beginDate' | 'distance' | 'total-stops';
-  export type DispatcherSorterKey = 'timestampFrom' | 'duration' | '';
+  export type DispatcherSorterKey = 'timestampFrom' | 'duration';
 
   export interface DispatcherSorter {
     id: DispatcherSorterKey;

src/locales/en.json

@@ -369,7 +369,13 @@
       "most-active-dr-many": "The most active dispatchers: {dispatchers} (created {count} each)",
       "most-active-driver": "The most active driver: {driver} (total driven distance: {distance})",
       "longest-duties": "The longest service: {dispatcher} at {station} (duration: {duration})",
-      "count": "timetable | timetables"
+      "count": "timetable | timetables",
+
+      "rippedSwitches": "RIPPED SWITCHES",
+      "derailments": "DERAILMENTS",
+      "skippedStopSignals": "SKIPPED STOP SIGNALS",
+      "radioStops": "RADIOSTOPS",
+      "kills": "KILLS"
     },
 
     "dispatcher-stats": {

src/locales/pl.json

@@ -351,7 +351,13 @@
       "most-active-dr-many": "Najaktywniejsi dyżurni: {dispatchers} (stworzyli po {count})",
       "most-active-driver": "Najaktywniejszy maszynista: {driver} (łączny przejechany dystans: {distance})",
       "longest-duties": "Najdłuższa służba: {dispatcher} na scenerii {station} (czas trwania: {duration})",
-      "count": "rozkład jazdy | rozkładów jazdy"
+      "count": "rozkład jazdy | rozkładów jazdy",
+
+      "rippedSwitches": "ROZPRUTE ZWROTNICE",
+      "derailments": "WYKOLEJENIA",
+      "skippedStopSignals": "POMINIĘTE S1",
+      "radioStops": "RADIOSTOPY",
+      "kills": "POTRĄCENIA"
     },
 
     "dispatcher-stats": {

src/styles/JournalStats.scss

@@ -22,6 +22,10 @@ hr.header-separator {
   margin-bottom: 1em;
 }
 
+hr.section-separator {
+  margin: 1em 0;
+}
+
 .info-stats {
   display: flex;
   flex-wrap: wrap;

src/typings/api.ts

@@ -274,21 +274,47 @@ export namespace API {
       distanceAvg: number;
       maxTimetable: API.TimetableHistory.Data | null;
 
-      mostActiveDispatchers: {
+      globalDiff: GlobalDiff;
+      globalMax: GlobalMax;
+
+      mostActiveDispatchers: MostActiveDispatcher[];
+      mostActiveDrivers: MostActiveDriver[];
+
+      longestDuties: LongestDuty[];
+    }
+
+    export interface MostActiveDispatcher {
       name: string;
       count: number;
-      }[];
+    }
 
-      mostActiveDrivers: {
+    export interface MostActiveDriver {
       name: string;
       distance: number;
-      }[];
+    }
 
-      longestDuties: {
+    export interface LongestDuty {
       name: string;
       duration: number;
       station: string;
-      }[];
+    }
+
+    export interface GlobalDiff {
+      rippedSwitches: number;
+      derailments: number;
+      skippedStopSignals: number;
+      radioStops: number;
+      kills: number;
+      drivenKilometers: number;
+      routedTrains: number;
+    }
+
+    export interface GlobalMax {
+      _max: {
+        drivers: number;
+        dispatchers: number;
+        timetables: number;
+      };
     }
   }
 

src/views/JournalTimetables.vue

@@ -169,7 +169,7 @@ export default defineComponent({
       {
         tab: Journal.StatsTab.DRIVER_STATS,
         localeKey: 'journal.driver-stats.button',
-        iconName: 'user',
+        iconName: 'train',
         disabled: true
       }
     ],