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
+
+
+
+
+
+
+
+
+
+
+ {{ 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)))
);