From e932f0bfc1c1fd0965b6d1dc616acc7e89142268 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 20 Feb 2021 22:07:13 +0100
Subject: [PATCH] =?UTF-8?q?Dodano=20modal=20aktualizacji,=20uzupe=C5=82nie?=
 =?UTF-8?q?nie=20scenerii?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                             |  28 +++++-
 src/components/Global/DonationModal.vue |   2 -
 src/components/Global/Dropdown.vue      |  93 -------------------
 src/components/Global/UpdateModal.vue   |  99 ++++++++++++++++++++
 src/data/stationData.json               | 114 ++----------------------
 5 files changed, 132 insertions(+), 204 deletions(-)
 delete mode 100644 src/components/Global/Dropdown.vue
 create mode 100644 src/components/Global/UpdateModal.vue

diff --git a/src/App.vue b/src/App.vue
index 53359c5..f2f6b0c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,7 @@
 <template>
   <div class="app">
+    <UpdateModal :currentVersion="VERSION" @toggleUpdateModal="toggleUpdateModal" v-if="updateModalVisible" />
+
     <div class="app_container">
       <header class="app_header">
         <div class="header_body">
@@ -49,12 +51,13 @@
 import { Vue, Component, Prop } from "vue-property-decorator";
 import { Action, Getter } from "vuex-class";
 
-import { mapGetters, mapActions } from "vuex";
-
+import UpdateModal from "@/components/Global/UpdateModal.vue";
 import Clock from "@/components/App/Clock.vue";
 
+import StorageManager from "@/scripts/storageManager";
+
 @Component({
-  components: { Clock },
+  components: { Clock, UpdateModal },
 })
 export default class App extends Vue {
   @Action("synchronizeData") synchronizeData;
@@ -62,8 +65,27 @@ export default class App extends Vue {
 
   private VERSION = "1.4";
 
+  hasReleaseNotes = true;
+  updateModalVisible = true;
+
   async mounted() {
     this.synchronizeData();
+
+    if (StorageManager.getStringValue("version") != this.VERSION) {
+      StorageManager.setStringValue("version", this.VERSION);
+
+      if (this.hasReleaseNotes)
+        StorageManager.setBooleanValue("version_notes_read", false);
+    }
+
+    this.updateModalVisible = !StorageManager.getBooleanValue(
+      "version_notes_read"
+    );
+  }
+
+  toggleUpdateModal() {
+    this.updateModalVisible = !this.updateModalVisible;
+    StorageManager.setBooleanValue("version_notes_read", true);
   }
 }
 </script>
diff --git a/src/components/Global/DonationModal.vue b/src/components/Global/DonationModal.vue
index b7575ac..c554ae9 100644
--- a/src/components/Global/DonationModal.vue
+++ b/src/components/Global/DonationModal.vue
@@ -43,8 +43,6 @@
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
 
-import StorageManager from "@/scripts/storageManager";
-
 @Component
 export default class Modal extends Vue {
   @Prop() modalHidden!: boolean;
diff --git a/src/components/Global/Dropdown.vue b/src/components/Global/Dropdown.vue
deleted file mode 100644
index ac39083..0000000
--- a/src/components/Global/Dropdown.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <div class="dropdown">
-    <div class="dropdown_wrapper">
-      <div class="dropdown_selected" @click="toggleList">
-        {{selectedItem}}
-        <img :src="isListOpen ? arrowAsc : arrowDesc" alt="arrow" />
-      </div>
-      <ul class="dropdown_list" v-if="isListOpen">
-        <li v-for="(item, i) in itemList" @click="selectItem(item)" :key="i">{{item}}</li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from "vue-property-decorator";
-
-@Component
-export default class Dropdown extends Vue {
-  arrowDesc = require("@/assets/icon-arrow-desc.svg");
-  arrowAsc = require("@/assets/icon-arrow-asc.svg");
-
-  selectedItem: string = "---";
-  isListOpen: boolean = false;
-
-  @Prop() itemList!: string[];
-
-  mounted() {
-    // this.selectedItem = this.itemList[0];
-  }
-
-  toggleList() {
-    this.isListOpen = !this.isListOpen;
-  }
-
-  selectItem(itemName: string) {
-    this.selectedItem = itemName;
-    this.isListOpen = false;
-
-    this.$emit("itemSelected", this.selectedItem);
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.dropdown {
-  &_wrapper {
-    font-size: 1.15em;
-    min-width: 13em;
-
-    position: relative;
-  }
-
-  &_selected {
-    background-color: #333;
-    padding: 0.2em 0.5em;
-
-    cursor: pointer;
-
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    img {
-      width: 1.35em;
-      vertical-align: middle;
-
-      margin-left: 0.5em;
-    }
-  }
-
-  &_list {
-    position: absolute;
-    width: 100%;
-
-    max-height: 250px;
-    overflow-y: scroll;
-  }
-
-  &_list > li {
-    padding: 0.3em 0.5em;
-    background-color: #666;
-
-    font-size: 0.8em;
-
-    cursor: pointer;
-
-    &:hover {
-      background-color: #555;
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/components/Global/UpdateModal.vue b/src/components/Global/UpdateModal.vue
new file mode 100644
index 0000000..3260c1b
--- /dev/null
+++ b/src/components/Global/UpdateModal.vue
@@ -0,0 +1,99 @@
+<template>
+  <div class="modal">
+    <div class="header">
+      <span>Stacj</span>
+      <img src="@/assets/trainlogo.png" alt="trainlogo" />
+      <span>wnik</span>
+      <sup style="font-size: 0.5em; margin-left: 10px;" class="title">1.4</sup>
+    </div>
+
+    <div class="title">Dziennik Aktywności Scenerii dostępny w wersji beta!</div>
+
+    <div class="content">
+      Do użytku został oddany Dziennik Aktywności Scenerii, który pozwala na dostęp do informacji kto i kiedy dyżurował na danej stacji.
+      Aby przejść do zakładki z dziennikiem wystarczy wybrać opcję "DZIENNIK" w menu na górze strony. Funkcjonalność ta jest nadal w trakcie prac,
+      więc informacje, które pokazuje, mogą być niepoprawne, a dane kasowane w ramach dalszych testów.
+      <div style="text-align: center; font-weight: bold; margin: 0.5em 0;">Miłego korzystania!</div>
+    </div>
+
+    <button class="button" @click="toggleUpdateModal">PRZYJĄŁEM!</button>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from "vue-property-decorator";
+
+@Component
+export default class UpdateModal extends Vue {
+  @Prop() currentVersion!: string;
+
+  STORAGE_ID = "modal_update";
+
+  toggleUpdateModal(type: string) {
+    this.$emit("toggleUpdateModal");
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "../../styles/responsive";
+
+.modal {
+  z-index: 100;
+
+  padding: 1em;
+
+  border-radius: 1em;
+
+  position: fixed;
+  top: 50%;
+  left: 50%;
+
+  width: 65%;
+  max-width: 950px;
+
+  max-height: 95vh;
+  overflow: auto;
+
+  font-size: 1.2em;
+
+  transform: translate(-50%, -50%);
+
+  background: rgba(black, 0.85);
+  color: white;
+
+  text-align: center;
+
+  @include smallScreen() {
+    font-size: 1.2em;
+    width: 95%;
+  }
+}
+
+.header {
+  font-size: 5em;
+
+  img {
+    width: 0.8em;
+  }
+}
+
+.title {
+  font-size: 2em;
+}
+
+.content {
+  font-size: 1.4em;
+
+  text-align: justify;
+
+  ul {
+    list-style: square inside;
+  }
+}
+
+.button {
+  font-size: 1.25em;
+  margin: 0 auto;
+}
+</style>
\ No newline at end of file
diff --git a/src/data/stationData.json b/src/data/stationData.json
index b466a7b..f00b2d7 100644
--- a/src/data/stationData.json
+++ b/src/data/stationData.json
@@ -1,95 +1,15 @@
 [
   ["Blaszki", "https://td2.info.pl/scenerie/blaszki/", "", null, "10", "NIE", "współczesna", "SPK", "", "", 1, 1, 2, 0, null, null, true, false, false],
-  [
-    "LCS Borowe",
-    "https://td2.info.pl/scenerie/lcs-borowe/",
-    "",
-    null,
-    "10",
-    "NIE",
-    "współczesna",
-    "SCS",
-    "TAK",
-    "TAK",
-    1,
-    0,
-    3,
-    0,
-    ["Borowe, podg.", "Wysoka, podg.", "Naprawa, podg.", "Borowe Towarowe"],
-    ["Borowe, podg.", "Wysoka, podg.", "Naprawa, podg.", "Borowe Towarowe"],
-    false,
-    false,
-    false
-  ],
-  [
-    "LCS Gdańsk",
-    "https://td2.info.pl/scenerie/lcs-gdansk/",
-    "9, 202, 227, 249, 250",
-    null,
-    "10",
-    "NIE",
-    "współczesna",
-    "SCS",
-    "TAK",
-    "TAK",
-    3,
-    0,
-    3,
-    0,
-    ["Gdańsk Główny", "SKM Śródmieście", "Gdańsk Południowy"],
-    ["Gdańsk Główny"],
-    true,
-    false,
-    false
-  ],
+  ["LCS Borowe", "https://td2.info.pl/scenerie/lcs-borowe/", "", null, "10", "NIE", "współczesna", "SCS", "TAK", "TAK", 1, 0, 3, 0, ["Borowe, podg.", "Wysoka, podg.", "Naprawa, podg.", "Borowe Towarowe"], ["Borowe, podg.", "Wysoka, podg.", "Naprawa, podg.", "Borowe Towarowe"], false, false, false],
+  ["LCS Gdańsk", "https://td2.info.pl/scenerie/lcs-gdansk/", "9, 202, 227, 249, 250", null, "10", "NIE", "współczesna", "SCS", "TAK", "TAK", 3, 0, 3, 0, ["Gdańsk Główny", "SKM Śródmieście", "Gdańsk Południowy"], ["Gdańsk Główny"], true, false, false],
   ["Lębork", "https://td2.info.pl/scenerie/lebork-5834/", "202, 229, 237", null, "8", "NIE", "współczesna", "mechaniczne+SCS", "", "", 2, 2, 0, 0, null, null, true, false, false],
   ["Grabów Miasto", "https://td2.info.pl/scenerie/grabow-miasto-v2/", "", null, "6", "NIE", "współczesna", "SCS", "", "TAK", 2, 1, 1, 0, ["Grabów Miasto", "Grabów Wieś"], null, true, false, false],
-  [
-    "Parzęczewo",
-    "https://td2.info.pl/scenerie/parzeczewo/",
-    "",
-    null,
-    "6",
-    "NIE",
-    "mieszana",
-    "SCS",
-    "TAK",
-    "TAK",
-    1,
-    0,
-    2,
-    0,
-    ["Parzęczewo", "Parzęczewo Miasto", "Parzęczewo gt"],
-    null,
-    true,
-    false,
-    false
-  ],
+  ["Parzęczewo", "https://td2.info.pl/scenerie/parzeczewo/", "", null, "6", "NIE", "mieszana", "SCS", "TAK", "TAK", 1, 0, 2, 0, ["Parzęczewo", "Parzęczewo Miasto", "Parzęczewo gt"], null, true, false, false],
   ["Aleksandrów Kujawski", "https://td2.info.pl/scenerie/aleksandrow-kujawski/", "18, 245", null, "4", "NIE", "współczesna", "SCS-SPK", "", "TAK", 1, 0, 2, 0, null, null, true, false, false],
   ["Arkadia Zdrój 2012", "https://td2.info.pl/scenerie/arkadia-zdroj/", "", null, "4", "NIE", "mieszana", "mechaniczne+SPK", "", "", 1, 0, 2, 0, null, null, true, false, false],
   ["Buk 2018", "https://td2.info.pl/scenerie/buk2/", "", null, "4", "NIE", "współczesna", "SCS-SPK", "", "TAK", 2, 0, 1, 0, null, null, true, false, false],
   ["Jordanowo", "https://td2.info.pl/scenerie/jordanowo/", "", null, "4", "NIE", "mieszana", "mechaniczne", "", "", 3, 2, 0, 0, null, null, true, false, false],
-  [
-    "LCS Głowno",
-    "https://td2.info.pl/scenerie/glowno-(linia-nr-15-lka)/",
-    "15",
-    "ŁKA",
-    "4",
-    "NIE",
-    "współczesna",
-    "SCS",
-    "",
-    "",
-    2,
-    0,
-    0,
-    0,
-    ["Głowno", "Domaniewice"],
-    ["Głowno"],
-    true,
-    false,
-    false
-  ],
+  ["LCS Głowno", "https://td2.info.pl/scenerie/glowno-(linia-nr-15-lka)/", "15", "ŁKA", "4", "NIE", "współczesna", "SCS", "", "", 2, 0, 0, 0, ["Głowno", "Domaniewice"], ["Głowno"], true, false, false],
   ["LCS Ozorków", "https://td2.info.pl/scenerie/lcs-ozorkow/", "16", "ŁKA", "4", "NIE", "współczesna", "SCS", "", "", 2, 0, 0, 0, ["Ozorków", "Chociszew"], ["Ozorków"], true, false, false],
   ["LCS Skrzynki", "https://td2.info.pl/scenerie/lcs-skrzynki/", "25", "ŁKA", "4", "NIE", "współczesna", "SCS-SPK", "", "TAK", 0, 0, 2, 0, ["Skrzynki", "Wykno"], ["Skrzynki"], true, false, false],
   ["Łask", "https://td2.info.pl/scenerie/lask-w-ramach-lka/", "14", "ŁKA", "4", "NIE", "współczesna", "mechaniczne+SCS", "", "", 0, 0, 2, 0, null, null, true, false, false],
@@ -157,27 +77,7 @@
   ["Starzynki", "https://td2.info.pl/w-trakcie-prac/starzynki/", "", null, "3", "NIE", "współczesna", "SPK", "TAK (Szlak Ps)", "TAK", 2, 0, 1, 0, null, null, false, false, false],
   ["Głęboszów", "https://td2.info.pl/scenerie/gleboszow/", "", null, "3", "NIE", "współczesna", "SCS", "TAK (Szlaki Br oraz GO)", "TAK", 1, 0, 2, 0, null, null, false, false, false],
   ["Skawce", "https://td2.info.pl/scenerie/skawce-(projekt-zakopianka)/", "97", null, "4", "NIE", "współczesna", "SPK", "", "", 2, 0, 0, 0, null, null, false, false, false],
-  [
-    "Sroka",
-    "https://td2.info.pl/scenerie/sroka-projekt-1001/",
-    "",
-    null,
-    "7",
-    "NIE",
-    "współczesna",
-    "SCS",
-    "",
-    "TAK",
-    1,
-    0,
-    3,
-    0,
-    ["Sroka, podg.", "Sroka Południe, podg."],
-    ["Sroka, podg."],
-    false,
-    false,
-    false
-  ],
+  ["Sroka", "https://td2.info.pl/scenerie/sroka-projekt-1001/", "", null, "7", "NIE", "współczesna", "SCS", "", "TAK", 1, 0, 3, 0, ["Sroka, podg.", "Sroka Południe, podg."], ["Sroka, podg."], false, false, false],
   ["Luzino", "https://td2.info.pl/scenerie/luzino-6501/", "202", null, "3", "NIE", "współczesna", "mechaniczne", "", "TAK", 2, 0, 0, 0, null, null, false, false, false],
   ["Zajączkowo", "https://td2.info.pl/scenerie/zajaczkowo/", "", null, "0", "NIE", "kształtowa", "mechaniczne", "", "", 0, 2, 0, 0, null, null, false, false, false],
   ["Kudowa-Zdrój", "https://td2.info.pl/scenerie/kudowa-zdroj-6616/", "309", null, "4", "NIE", "współczesna", "mechaniczne", "", "", 0, 1, 0, 0, null, null, false, false, false],
@@ -198,5 +98,7 @@
   ["Bełchów", "https://td2.info.pl/scenerie/belchow-projekt-lka/", "11", "ŁKA", "2", "NIE", "współczesna", "SPK", "", "TAK", 0, 0, 2, 0, null, null, false, false, false],
   ["Modlinków", "https://td2.info.pl/scenerie/podg-modlinkow/", "", null, "6", "NIE", "współczesna", "SPK", "", "TAK", 3, 0, 2, 0, null, null, false, false, false],
   ["Arkadia Zdrój 2019", "https://td2.info.pl/scenerie/arkadia-zdroj-2016/", "", null, "", "NIE", "współczesna", "SCS", "TAK (szlak wewn.)", "TAK", 1, 0, 2, 0, null, null, false, false, false],
-  ["Łaskarzew", "https://td2.info.pl/scenerie/laskarzew-6516/", "7", null, "0", "NIE", "współczesna", "SPK", "", "TAK", 0, 0, 2, 0, null, null, false, false, false]
+  ["Łaskarzew", "https://td2.info.pl/scenerie/laskarzew-6516/", "7", null, "0", "NIE", "współczesna", "SPK", "", "TAK", 0, 0, 2, 0, null, null, false, false, false],
+  ["Wielicz Park", "https://td2.info.pl/scenerie/wielicz-park/", "", null, "2", "NIE", "współczesna", "SCS", "", "", 1, 0, 0, 0, null, null, false, false, false],
+  ["Mołża", "https://td2.info.pl/scenerie/wielicz-park/", "", null, "4", "NIE", "współczesna", "mechaniczne", "", "", 1, 0, 0, 0, null, null, false, false, false]
 ]