From 7e253278321ab29ad012c5767c448031089007d5 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 30 Dec 2022 17:39:21 +0100
Subject: [PATCH] =?UTF-8?q?feature:=20lvl=20dy=C5=BCurnego=20w=20dzienniku?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../JournalView/JournalDispatchersList.vue    | 23 ++++++++++++++++++-
 .../interfaces/api/DispatchersAPIData.ts      |  2 ++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/components/JournalView/JournalDispatchersList.vue b/src/components/JournalView/JournalDispatchersList.vue
index cb90d1a..0f1fb42 100644
--- a/src/components/JournalView/JournalDispatchersList.vue
+++ b/src/components/JournalView/JournalDispatchersList.vue
@@ -15,6 +15,14 @@
         tabindex="0"
       >
         <span>
+          <b
+            v-if="item.dispatcherLevel !== null"
+            class="dispatcher-level"
+            :style="calculateExpStyle(item.dispatcherLevel, item.dispatcherIsSupporter)"
+          >
+            {{ item.dispatcherLevel >= 2 ? item.dispatcherLevel : 'L' }}
+          </b>
+
           <b class="text--primary">{{ item.dispatcherName }}</b> &bull; <b>{{ item.stationName }}</b>
           <span class="text--grayed">&nbsp;#{{ item.stationHash }}&nbsp;</span>
           <span class="region-badge" :class="item.region">PL1</span>
@@ -44,6 +52,7 @@
 import { defineComponent, PropType } from 'vue';
 import dateMixin from '../../mixins/dateMixin';
 import { DispatcherHistory } from '../../scripts/interfaces/api/DispatchersAPIData';
+import styleMixin from '../../mixins/styleMixin';
 
 export default defineComponent({
   props: {
@@ -53,7 +62,7 @@ export default defineComponent({
     },
   },
 
-  mixins: [dateMixin],
+  mixins: [dateMixin, styleMixin],
 
   computed: {
     computedDispatcherHistory() {
@@ -143,6 +152,18 @@ li.sticky {
   }
 }
 
+.dispatcher-level {
+  display: inline-block;
+  text-align: center;
+  line-height: 150%;
+
+  width: 25px;
+  height: 25px;
+
+  margin-right: 0.5em;
+  border-radius: 0.25em;
+}
+
 @include smallScreen() {
   .journal_item {
     flex-direction: column;
diff --git a/src/scripts/interfaces/api/DispatchersAPIData.ts b/src/scripts/interfaces/api/DispatchersAPIData.ts
index 9a343ec..434f754 100644
--- a/src/scripts/interfaces/api/DispatchersAPIData.ts
+++ b/src/scripts/interfaces/api/DispatchersAPIData.ts
@@ -4,6 +4,8 @@ export interface DispatcherHistory {
   currentDuration: number;
   dispatcherId: number;
   dispatcherName: string;
+  dispatcherLevel: number | null;
+  dispatcherIsSupporter: boolean;
   isOnline: boolean;
   lastOnlineTimestamp: number;
   region: string;