From cceeffe49dafb1ffee7928301183093507176455 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 14 Oct 2022 23:15:50 +0200
Subject: [PATCH] =?UTF-8?q?=C5=9Awiec=C4=85ce=20nicki=20i=20poziomy=20spon?=
 =?UTF-8?q?sor=C3=B3w?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SceneryInfo/SceneryInfoDispatcher.vue     |  5 ++++-
 src/components/StationsView/StationTable.vue  |  5 ++++-
 src/components/TrainsView/TrainInfo.vue       | 22 ++++++++++++++-----
 src/mixins/styleMixin.ts                      |  2 +-
 src/scripts/interfaces/Train.ts               |  1 +
 src/store/store.ts                            |  2 ++
 6 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
index 7c1e780..fcafdbe 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
@@ -1,7 +1,10 @@
 <template>
   <section class="info-dispatcher">
     <div class="dispatcher" v-if="station.onlineInfo">
-      <span class="dispatcher_level" :style="calculateExpStyle(station.onlineInfo.dispatcherExp)">
+      <span
+        class="dispatcher_level"
+        :style="calculateExpStyle(station.onlineInfo.dispatcherExp, station.onlineInfo.dispatcherIsSupporter)"
+      >
         {{ station.onlineInfo.dispatcherExp > 1 ? station.onlineInfo.dispatcherExp : 'L' }}
       </span>
 
diff --git a/src/components/StationsView/StationTable.vue b/src/components/StationsView/StationTable.vue
index 5e5bfcf..63ff97e 100644
--- a/src/components/StationsView/StationTable.vue
+++ b/src/components/StationsView/StationTable.vue
@@ -100,7 +100,10 @@
             </td>
 
             <td class="station_dispatcher-exp">
-              <span v-if="station.onlineInfo" :style="calculateExpStyle(station.onlineInfo.dispatcherExp)">
+              <span
+                v-if="station.onlineInfo"
+                :style="calculateExpStyle(station.onlineInfo.dispatcherExp, station.onlineInfo.dispatcherIsSupporter)"
+              >
                 {{ 2 > station.onlineInfo.dispatcherExp ? 'L' : station.onlineInfo.dispatcherExp }}
               </span>
             </td>
diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index eed10ed..07a2c70 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -4,14 +4,17 @@
       <div class="train_general">
         <span>
           <span class="timetable-id" v-if="train.timetableData">#{{ train.timetableData.timetableId }}</span>
-          
+
           <span class="timetable_warnings">
             <span class="train-badge twr" v-if="train.timetableData?.TWR">TWR</span>
             <span class="train-badge skr" v-if="train.timetableData?.SKR">SKR</span>
           </span>
-          <strong v-if="train.timetableData">{{ train.timetableData.category }}&nbsp;</strong>
-          <strong>{{ train.trainNo }}</strong>
-          <span>&nbsp;| {{ train.driverName }}&nbsp;</span>
+          <strong class="timetable-category" v-if="train.timetableData">
+            {{ train.timetableData.category }}&nbsp;
+          </strong>
+          <strong class="train-number">{{ train.trainNo }}</strong>
+          |
+          <span class="train-driver" :class="{ supporter: train.isSupporter }">{{ train.driverName }}</span>
           <b class="warning-timeout" v-if="train.isTimeout" :title="$t('trains.timeout')">?</b>
         </span>
       </div>
@@ -151,10 +154,10 @@ export default defineComponent({
 
 .warning-timeout {
   background-color: #be3728;
-  
+
   display: inline-block;
   text-align: center;
-  
+
   width: 1.25em;
   height: 1.25em;
   border-radius: 50%;
@@ -195,6 +198,13 @@ export default defineComponent({
   }
 }
 
+.train-driver {
+  &.supporter {
+    color: orange;
+    text-shadow: orange 0 0 5px;
+  }
+}
+
 .timetable_route {
   display: flex;
   align-items: center;
diff --git a/src/mixins/styleMixin.ts b/src/mixins/styleMixin.ts
index 96a1c01..396180f 100644
--- a/src/mixins/styleMixin.ts
+++ b/src/mixins/styleMixin.ts
@@ -5,7 +5,7 @@ export default defineComponent({
     calculateExpStyle(exp: number, isSupporter = false): string {
       const bgColor = exp > -1 ? (exp < 2 ? '#26B0D9' : `hsl(${-exp * 5 + 100},  85%, 50%)`) : '#666';
   
-      const fontColor = exp > 15 || exp == -1 ? 'white' : 'black';
+      const fontColor = exp > 14 || exp == -1 ? 'white' : 'black';
       const boxShadow = isSupporter ? `box-shadow: 0 0 10px 2px ${bgColor};` : '';
   
       return `background-color: ${bgColor}; color: ${fontColor}; ${boxShadow}`;
diff --git a/src/scripts/interfaces/Train.ts b/src/scripts/interfaces/Train.ts
index 30ff328..a57c8d6 100644
--- a/src/scripts/interfaces/Train.ts
+++ b/src/scripts/interfaces/Train.ts
@@ -22,6 +22,7 @@ export default interface Train {
   cars: string[];
 
   isTimeout: boolean;
+  isSupporter: boolean;
 
   timetableData?: {
     timetableId: number;
diff --git a/src/store/store.ts b/src/store/store.ts
index bd1b0a6..952547c 100644
--- a/src/store/store.ts
+++ b/src/store/store.ts
@@ -98,6 +98,8 @@ export const useStore = defineStore('store', {
             lastSeen: train.lastSeen,
             isTimeout: train.isTimeout,
 
+            isSupporter: train.driverIsSupporter,
+
             timetableData: timetable
               ? {
                   timetableId: timetable.timetableId,