Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 05:18:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dodano modal aktualizacji, uzupełnienie scenerii

Browse Source
This commit is contained in:
Spythere
2021-02-20 22:07:13 +01:00
parent b181bca0b6
commit e932f0bfc1
5 changed files with 132 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+25 -3
View File
@@ -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>
src/components/Global/DonationModal.vue
-2
View File
@@ -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;
src/components/Global/Dropdown.vue
-93
View File
@@ -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>
src/components/Global/UpdateModal.vue
+99
View File
@@ -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>
src/data/stationData.json
+8 -106
View File
@@ -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]
]