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

chore: improved stop label information

Browse Source
This commit is contained in:
Spythere
2024-06-09 00:58:45 +02:00
parent 6084e5876d
commit 4e7fba89ee
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TrainsView/StopLabel.vue
+10 -9
View File
@@ -1,5 +1,8 @@
<template> <template>
<span class="stop-label" :data-sbl="stop.isSBL"> <span
class="stop-label"
:data-minor="stop.isSBL || (stop.nameRaw.endsWith(', po.') && !stop.duration)"
>
<span class="name" v-html="stop.nameHtml"></span> <span class="name" v-html="stop.nameHtml"></span>
<span <span
@@ -30,15 +33,11 @@
<span <span
v-if=" v-if="
stop.duration || stop.duration ||
(stop.status == 'stopped' && (stop.status == 'stopped' && stop.position != 'begin' && stop.departureDelay > 0)
stop.position != 'begin' &&
stop.departureDelay != stop.arrivalDelay)
" "
class="date stop" class="date stop"
:data-stop-types="stop.type.replace(', ', '-')" :data-stop-types="stop.type.replace(', ', '-')"
:data-stop-status=" :data-stop-status="stop.departureDelay > 0 && !stop.duration ? 'delayed' : ''"
stop.departureDelay - stop.arrivalDelay > 0 && !stop.duration ? 'delayed' : ''
"
> >
{{ {{
stop.duration == 0 && stop.departureDelay > 0 stop.duration == 0 && stop.departureDelay > 0
@@ -65,7 +64,9 @@
" "
> >
o. o.
<span v-if="stop.departureDelay != 0 && stop.status == 'confirmed'"> <span
v-if="stop.departureDelay != 0 && (stop.status == 'confirmed' || stop.status == 'stopped')"
>
<s>{{ timestampToString(stop.departureScheduled) }}</s> <s>{{ timestampToString(stop.departureScheduled) }}</s>
{{ timestampToString(stop.departureReal) }} {{ timestampToString(stop.departureReal) }}
@@ -109,7 +110,7 @@ $stopNameClr: #303030;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
&[data-sbl='true'] { &[data-minor='true'] {
.date { .date {
display: none; display: none;
} }