diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue index a7b75a7..ea253bb 100644 --- a/src/components/TrainsView/TrainTable.vue +++ b/src/components/TrainsView/TrainTable.vue @@ -18,32 +18,26 @@ >
- - {{ train.timetableData.category }} - {{ train.trainNo }} | - - {{ train.timetableData.routeDistance }} km - - - - +
TWR + SKR - -
-
- - - {{ train.timetableData.route.replace("|", " - ") }} - - + + {{ train.timetableData.category }} + {{ train.trainNo }} | - + + {{ train.timetableData.routeDistance }} km + + +
+ +
- Wyświetl rozkład jazdy pociągu {{ train.trainNo }} + Szczegółowy rozkład jazdy pociągu {{ train.trainNo }} +
+
+ +
+ + + {{ train.timetableData.route.replace("|", " - ") }} +
@@ -84,7 +86,10 @@ :style="!train.online ? 'color: gray' : ''" > {{ train.stopLabel }} - Sceneria offline + + Pociąg na złej stacji! + + Sceneria offline! Pociąg offline @@ -217,7 +222,7 @@ export default class TrainTable extends Vue { if (!stops) return ""; return stops.reduce((acc, stop: TrainStop, i) => { if (stop.stopType.includes("ph")) acc.push(`${stop.stopName}`); - else if (i > 0 && i < stops.length - 1) + else if (i > 0 && i < stops.length - 1 && !stop.stopNameRAW.includes("po.")) acc.push(`${stop.stopName}`); return acc; }, []).join(" * "); @@ -246,6 +251,7 @@ export default class TrainTable extends Vue { &-list { @include smallScreen() { width: 100%; + overflow: hidden; } } @@ -283,30 +289,26 @@ export default class TrainTable extends Vue { justify-content: space-between; &-category { - flex-grow: 2; font-size: 1.05em; display: flex; justify-content: space-between; - } - - &-route { - display: flex; align-items: center; - font-size: 1.25em; - margin-bottom: 10px; + div { + display: flex; + } - &-schedule { - margin-left: 10px; + .category-right { padding: 0.15em 0.5em; - font-size: 0.75em; - background: #1085b3; border-radius: 1em; - vertical-align: middle; + font-size: 0.9em; + + -moz-user-select: none; + -webkit-user-select: none; img { vertical-align: middle; @@ -324,6 +326,14 @@ export default class TrainTable extends Vue { } } + &-route { + display: flex; + align-items: center; + + font-size: 1.25em; + margin: 5px 0; + } + &-stops { margin-bottom: 10px; @@ -440,21 +450,24 @@ export default class TrainTable extends Vue { } .warning { - border-radius: 1em; + border-radius: 15px; padding: 0.1em 1.2em; - margin: 0 0.2em; + margin-right: 0.5em; + + display: flex; + align-items: center; + + color: white; - color: black; font-weight: bold; - font-size: 0.85em; + font-size: 0.7em; &.twr { - background-color: $twr; + border: 2px solid $twr; } &.skr { - background-color: $skr; - color: white; + border: 2px solid $skr; } } diff --git a/src/store/store.ts b/src/store/store.ts index a647e58..b19ef27 100644 --- a/src/store/store.ts +++ b/src/store/store.ts @@ -379,7 +379,8 @@ export default class Store extends VuexModule { const stopName = stop.stopNameRAW.toLowerCase(); //stationName.includes('lcs') && return ( - stationName.includes(stopName) || + stationName.includes(stopName) || + stopName.includes(stationName) || (stopName.includes('podg.') && stopName.split(', podg.')[0] && stationName.includes(stopName.split(', podg.')[0])) || (JSONStationData.some(data => data.stationName.includes(station.stationName) && data.stops && data.stops.includes(stop.stopNameRAW))) );