From bfe0fdb6582cab91a194fbab49bb73d45ac7a556 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 20 Feb 2022 01:39:38 +0100
Subject: [PATCH] =?UTF-8?q?Dodano=20godzin=C4=99=20przyst=C4=85pienia=20do?=
 =?UTF-8?q?=20dy=C5=BCuru=20w=20widoku=20scenerii?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SceneryView/SceneryHistory.vue |  3 ++-
 .../SceneryInfo/SceneryInfoDispatcher.vue     | 25 ++++++++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/components/SceneryView/SceneryHistory.vue b/src/components/SceneryView/SceneryHistory.vue
index a06fc98..fac6dfc 100644
--- a/src/components/SceneryView/SceneryHistory.vue
+++ b/src/components/SceneryView/SceneryHistory.vue
@@ -45,6 +45,7 @@
 </template>
 
 <script lang="ts">
+import { URLs } from '@/scripts/utils/apiURLs';
 import axios from 'axios';
 import { defineComponent } from 'vue';
 
@@ -76,7 +77,7 @@ interface HistoryResultAPI {
   errorMessage?: any;
 }
 
-const API_URL = 'https://stacjownik-api-di22o.ondigitalocean.app/api/getSceneryHistory';
+const API_URL = `${URLs.stacjownikAPI}/api/getSceneryHistory`;
 
 export default defineComponent({
   data: () => ({
diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
index 4fcb03c..b8337db 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
@@ -11,6 +11,10 @@
       <span class="dispatcher_name">{{ station.onlineInfo.dispatcherName }}</span>
     </div>
 
+    <span class="status-badge" v-if="station.onlineInfo && onlineFrom > 0">
+      OD {{ new Date(onlineFrom).toLocaleTimeString('pl-PL', { hour: "2-digit", minute: "2-digit" }) }}
+    </span>
+
     <span class="status-badge" v-if="station.onlineInfo" :class="station.onlineInfo.statusID">
       {{ $t(`status.${station.onlineInfo.statusID}`) }}
       {{ station.onlineInfo.statusID == 'online' ? station.onlineInfo.statusTimeString : '' }}
@@ -28,6 +32,16 @@ import { defineComponent } from 'vue';
 import styleMixin from '@/mixins/styleMixin';
 import Station from '@/scripts/interfaces/Station';
 import axios from 'axios';
+import { URLs } from '@/scripts/utils/apiURLs';
+
+interface SceneryHistoryData {
+  response?: {
+    stationName: string;
+    currentDispatcher: string;
+    currentDispatcherId: number;
+    currentDispatcherFrom: number;
+  };
+}
 
 export default defineComponent({
   mixins: [styleMixin],
@@ -39,13 +53,19 @@ export default defineComponent({
   },
 
   async mounted() {
-    // const dispatcherInfo = await axios.get()
+    const dispatcherInfo: SceneryHistoryData = await (
+      await axios.get(`${URLs.stacjownikAPI}/api/getSceneryHistory?name=${this.station.name.replace(/ /g, '_')}&historyCount=0`)
+    ).data;
+
+    this.onlineFrom = dispatcherInfo.response?.currentDispatcherFrom || -1;
   },
 
   data: () => ({
     icons: {
       spawn: require('@/assets/icon-spawn.svg'),
     },
+
+    onlineFrom: -1
   }),
 });
 </script>
@@ -56,6 +76,8 @@ export default defineComponent({
   align-items: center;
   justify-content: center;
 
+  flex-wrap: wrap;
+
   .dispatcher {
     font-size: 2em;
 
@@ -79,6 +101,7 @@ export default defineComponent({
 
   .status-badge {
     font-size: 1.2em;
+    margin: 0.5em 0.25em;
   }
 }
 </style>