From 400b853eac4f0085d88d5dcdebf36fb4b2954a01 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 10 Jan 2022 03:39:00 +0100
Subject: [PATCH] =?UTF-8?q?Dodano=20informacje=20o=20=C5=82adowaniu=20hist?=
 =?UTF-8?q?orii=20dy=C5=BCurnych?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SceneryView/SceneryHistory.vue | 16 +++++++++++++++-
 src/views/SceneryView.vue                     |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/SceneryView/SceneryHistory.vue b/src/components/SceneryView/SceneryHistory.vue
index 09a1f21..005dd37 100644
--- a/src/components/SceneryView/SceneryHistory.vue
+++ b/src/components/SceneryView/SceneryHistory.vue
@@ -3,6 +3,14 @@
     <h2>HISTORIA DYŻURÓW</h2>
 
     <ul>
+      <li v-if="!isLoaded">
+        <h3>Ładowanie historii...</h3>
+      </li>
+
+      <li v-if="isLoaded && dispatcherTimeline.length == 0">
+        <h3>Brak historii dla tej scenerii!</h3>
+      </li>
+
       <li v-for="(timeline, i) in dispatcherTimeline" :key="i">
         <h3
           @click="toggleTimeline(i)"
@@ -70,6 +78,8 @@ export default defineComponent({
     dispatcherHistory: [] as DispatcherHistory[],
     dispatcherTimeline: [] as DispatcherTimeline[],
 
+    isLoaded: false,
+
     icons: {
       ascArrow: require('@/assets/icon-arrow-asc.svg'),
       descArrow: require('@/assets/icon-arrow-desc.svg'),
@@ -88,6 +98,9 @@ export default defineComponent({
   async mounted() {
     try {
       const apiResult: HistoryResultAPI = (await axios.get(`${API_URL}?name=${this.name}`)).data;
+      
+      this.isLoaded = true;
+      if(!apiResult || !apiResult.result) return;
 
       if (!apiResult.errorMessage) {
         this.dispatcherHistory = apiResult.result.dispatcherHistory;
@@ -109,6 +122,7 @@ export default defineComponent({
             return acc;
           }, [] as DispatcherTimeline[])
           .reverse();
+
       }
     } catch (error) {
       console.error(error);
@@ -134,7 +148,7 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .scenery-history {
-    max-height: 600px;
+    height: 600px;
     overflow-y: scroll;
 }
 
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index 5b830b1..b637ff8 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -9,7 +9,6 @@
     </div>
 
     <div class="scenery-wrapper" v-if="stationInfo" ref="card-wrapper">
-      <!-- <scenery-info-header :station="stationInfo" /> -->
       <button v-if="!timetableOnly" class="back-btn btn btn--image" title="Powrót do scenerii" @click="navigateTo('/')">
         <img :src="icons.back" alt="Back to scenery" />
       </button>
@@ -145,6 +144,7 @@ $sceneryBgCol: #333;
     width: 75%;
     max-width: 950px;
 
+
     @include midScreen {
       width: 95%;
     }