diff --git a/src/assets/icon-lock.svg b/src/assets/icon-lock.svg new file mode 100644 index 0000000..1c79bea --- /dev/null +++ b/src/assets/icon-lock.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/ui/Card.vue b/src/components/ui/Card.vue index 2b8a7f1..43efdd6 100644 --- a/src/components/ui/Card.vue +++ b/src/components/ui/Card.vue @@ -43,6 +43,18 @@ alt="default-pack" title="Sceneria domyślnie dostępna w grze" /> + + non-public + + {{parseInt(stationInfo.reqLevel) < 2 ? "L" : stationInfo.reqLevel}}
@@ -104,7 +116,10 @@ - BRAK + BRAK @@ -151,8 +166,8 @@ export default Vue.extend({ overflow: auto; - width: 70%; - max-width: 550px; + width: 65%; + max-width: 650px; box-shadow: 0 0 15px 5px #474747; @@ -177,7 +192,7 @@ export default Vue.extend({ &-content { display: grid; grid-template-areas: "dispatcher dispatcher" "rating rating" "hours hours" "users spawns"; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; text-align: center; @@ -226,10 +241,26 @@ export default Vue.extend({ justify-content: center; align-items: center; - & > img { + img, + span { width: 2.5em; + height: 2.5em; margin: 0 0.5em; } + + span { + background-color: #898989; + + display: flex; + justify-content: center; + align-items: center; + + font-weight: bold; + + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; + } } } @@ -325,7 +356,7 @@ export default Vue.extend({ margin: 0.3rem; border: 1px solid white; - &--no-border { + &.borderless { border: none; } } diff --git a/src/components/ui/List.vue b/src/components/ui/List.vue index 1cdb331..4e2091b 100644 --- a/src/components/ui/List.vue +++ b/src/components/ui/List.vue @@ -2,7 +2,7 @@
- + @@ -35,7 +35,7 @@ + >{{station.stationName}} {{ station.reqLevel ? "| " + (parseInt(station.reqLevel) >= 2 ? station.reqLevel : "L") : "" }}
{{station.stationName}} {{station.dispatcherName}} @@ -66,6 +66,13 @@ alt="SBL" title="Sceneria posiada SBL na przynajmniej jednym ze szlaków" /> + + non-public @@ -155,6 +162,9 @@ export default Vue.extend({ case "NIEDOSTĘPNY": className = "unavailable"; break; + case "Z/W": + className = "brb"; + break; default: break; } @@ -206,6 +216,12 @@ ul { background-color: $accent2Col; font-size: 0.9em; } + + &.brb { + background-color: $accentCol; + color: black; + font-size: 0.95em; + } } .list { diff --git a/src/data/stations.json b/src/data/stations.json index 024edee..7e591f5 100644 --- a/src/data/stations.json +++ b/src/data/stations.json @@ -44,7 +44,8 @@ "noCatenary": 0 } }, - "default": false + "default": false, + "nonPublic": true }, { "stationName": "LCS Gdańsk", @@ -1614,6 +1615,7 @@ "noCatenary": 0 } }, - "default": false + "default": false, + "non-public": true } ] \ No newline at end of file diff --git a/src/store/stations.ts b/src/store/stations.ts index a48bd38..b9f2a3e 100644 --- a/src/store/stations.ts +++ b/src/store/stations.ts @@ -56,6 +56,9 @@ export default new Vuex.Store({ { hour12: false, hour: '2-digit', minute: '2-digit' }); } + if (occupiedCode === 1) + occupiedTo = "Z/W"; + if (occupiedCode === 2 && occupiedTimestamp === 0) occupiedTo = "KOŃCZY"; }