diff --git a/src/components/TrainsView/StopLabel.vue b/src/components/TrainsView/StopLabel.vue
index 443c3ff..7debd3d 100644
--- a/src/components/TrainsView/StopLabel.vue
+++ b/src/components/TrainsView/StopLabel.vue
@@ -3,13 +3,17 @@
{{ timestampToString(stop.arrivalScheduled) }}
@@ -23,20 +27,36 @@
- {{ stop.duration }} {{ stop.type == '' ? 'pt' : stop.type }}
+ {{ stop.duration || stop.departureDelay - stop.arrivalDelay }}
+ {{ stop.type == '' ? 'pt' : stop.type }}
{{ timestampToString(stop.departureScheduled) }}
@@ -78,6 +98,10 @@ $stopDefaultClr: #252525;
$stopNameClr: #22a8d1;
.stop-label {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+
&[data-sbl='true'] {
.date {
display: none;
@@ -90,10 +114,6 @@ $stopNameClr: #22a8d1;
}
}
- display: flex;
- flex-wrap: wrap;
- align-items: center;
-
.name {
background: $stopNameClr;
padding: 0.3em 0.5em;
@@ -112,18 +132,22 @@ $stopNameClr: #22a8d1;
}
.stop {
- &.ph,
- &.ph-pm,
- &.pm {
+ &[data-stop-types='ph'],
+ &[data-stop-types='ph-pm'],
+ &[data-stop-types='pm'] {
background: $stopExchangeClr;
}
background: $stopDefaultClr;
+
+ &[data-stop-status='delayed'] {
+ color: $delayedClr;
+ }
}
.arrival,
.departure {
- &.delayed {
+ &[data-status='delayed'] {
s {
color: #999;
}
@@ -133,7 +157,7 @@ $stopNameClr: #22a8d1;
}
}
- &.preponed {
+ &[data-status='preponed'] {
s {
color: #999;
}
diff --git a/src/locales/en.json b/src/locales/en.json
index 2a4a4f5..c918dd9 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -12,7 +12,7 @@
"p4": "Every person who decides to contribute at least {b1} (in case of PayPal it must be a payment including additional transaction fees) for the development of Stacjownik, will receive (upon a personal request) {img}{b2} of username in the app and on my Discord server (after verifying the payment author, preferably by providing the username directly with the payment).",
"p4-b1": "5 PLN",
"p4-b2": "a symbolic highlight",
- "p5": "Thank you and enjoy the app!
~ Spythegre",
+ "p5": "Thank you and enjoy the app!
~ Spythere",
"action-exit": "Maybe next time...",
"action-paypal": "DONATE WITH PAYPAL",
"action-buycoffee": "BUY ME A COFFEE!",