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

chore: added different border width for double track routes

Browse Source
This commit is contained in:
Spythere
2025-02-03 22:48:38 +01:00
parent c5fe929b9a
commit 8a5687cc01
1 changed files with 19 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TrainsView/TrainSchedule.vue
+19 -27
View File
@@ -12,6 +12,8 @@
:data-delayed="stop.departureDelay > 0" :data-delayed="stop.departureDelay > 0"
:data-stop-type="stop.type" :data-stop-type="stop.type"
:data-is-active="stop.isActive" :data-is-active="stop.isActive"
:data-track-count-departure="stop.departureLineInfo?.routeTracks ?? 2"
:data-track-count-arrival="stop.arrivalLineInfo?.routeTracks ?? 2"
> >
<span class="stop_info"> <span class="stop_info">
<span class="distance"> <span class="distance">
@@ -55,15 +57,15 @@
<span>{{ stop.departureLine }}</span> <span>{{ stop.departureLine }}</span>
<span v-if="stop.departureLineInfo"> <span v-if="stop.departureLineInfo">
<span v-if="stop.departureLineInfo.routeTracks == 1"> &UpDownArrow;</span> <span> | {{ stop.departureLineInfo.routeSpeed }}</span>
<span v-else> &DownArrowUpArrow;</span> {{ stop.departureLineInfo.routeSpeed }}
<img <img
:src=" :src="
stop.departureLineInfo.isElectric stop.departureLineInfo.isElectric
? '/images/icon-catenary.svg' ? '/images/icon-catenary.svg'
: '/images/icon-we4a.png' : '/images/icon-we4a.png'
" "
width="10" width="14"
data-tooltip-type="BaseTooltip" data-tooltip-type="BaseTooltip"
:data-tooltip-content=" :data-tooltip-content="
$t( $t(
@@ -75,7 +77,7 @@
<img <img
v-if="stop.departureLineInfo.isRouteSBL" v-if="stop.departureLineInfo.isRouteSBL"
src="/images/icon-sbl-transparent.svg" src="/images/icon-sbl-transparent.svg"
width="10" width="14"
data-tooltip-type="BaseTooltip" data-tooltip-type="BaseTooltip"
:data-tooltip-content="$t('trains.sbl-tooltip')" :data-tooltip-content="$t('trains.sbl-tooltip')"
/> />
@@ -87,8 +89,6 @@
class="scenery-change-name" class="scenery-change-name"
> >
<span>{{ scheduleStopsV2[i + 1].sceneryName }}</span> <span>{{ scheduleStopsV2[i + 1].sceneryName }}</span>
<span v-if="stop.departureLineInfo?.routeTracks == 1"> &UpDownArrow;</span>
<span v-else> &DownArrowUpArrow;</span>
</div> </div>
<div <div
@@ -98,9 +98,7 @@
<span> {{ scheduleStopsV2[i + 1].arrivalLine }}</span> <span> {{ scheduleStopsV2[i + 1].arrivalLine }}</span>
<span v-if="scheduleStopsV2[i + 1].arrivalLineInfo"> <span v-if="scheduleStopsV2[i + 1].arrivalLineInfo">
<span v-if="stop.arrivalLineInfo?.routeTracks == 1"> &UpDownArrow;</span> <span> | {{ scheduleStopsV2[i + 1].arrivalLineInfo!.routeSpeed }} </span>
<span v-else> &DownArrowUpArrow;</span>
{{ scheduleStopsV2[i + 1].arrivalLineInfo!.routeSpeed }}
<img <img
:src=" :src="
@@ -114,13 +112,13 @@
`trains.${!scheduleStopsV2[i + 1].arrivalLineInfo?.isElectric ? 'no-' : ''}catenary-tooltip` `trains.${!scheduleStopsV2[i + 1].arrivalLineInfo?.isElectric ? 'no-' : ''}catenary-tooltip`
) )
" "
width="10" width="14"
/> />
<img <img
v-if="scheduleStopsV2[i + 1].arrivalLineInfo!.isRouteSBL" v-if="scheduleStopsV2[i + 1].arrivalLineInfo!.isRouteSBL"
src="/images/icon-sbl-transparent.svg" src="/images/icon-sbl-transparent.svg"
width="10" width="14"
data-tooltip-type="BaseTooltip" data-tooltip-type="BaseTooltip"
:data-tooltip-content="$t('trains.sbl-tooltip')" :data-tooltip-content="$t('trains.sbl-tooltip')"
/> />
@@ -317,22 +315,12 @@ export default defineComponent({
for (let i = stopRows.length - 1; i > 0; i--) { for (let i = stopRows.length - 1; i > 0; i--) {
stopRows[i].departureLineInfo = pathData.departureLineData; stopRows[i].departureLineInfo = pathData.departureLineData;
// stopRows[i].departureTracks = pathData.departureLineData.routeTracks;
// stopRows[i].departureSpeed = pathData.departureLineData.routeSpeed;
// stopRows[i].departureElectric = pathData.departureLineData.isElectric;
// stopRows[i].realLineNo = pathData.departureLineData.realLineNo ?? 0;
if (/(^<strong>|, podg$)/.test(stopRows[i].nameHtml)) { if (/(^<strong>|, podg$)/.test(stopRows[i].nameHtml)) {
// stopRows[i].departureSpeed = pathData.departureLineData.routeSpeed;
// stopRows[i].departureTracks = pathData.departureLineData.routeTracks;
// stopRows[i].departureElectric = pathData.departureLineData.isElectric;
break; break;
} }
stopRows[i].arrivalLineInfo = pathData.departureLineData;
// stopRows[i].arrivalSpeed = pathData.departureLineData.routeSpeed; stopRows[i].arrivalLineInfo = pathData.departureLineData;
// stopRows[i].arrivalTracks = pathData.departureLineData.routeTracks;
// stopRows[i].arrivalElectric = pathData.departureLineData.isElectric;
} }
} }
@@ -341,6 +329,8 @@ export default defineComponent({
} }
} }
console.log(stopRows);
return stopRows; return stopRows;
}, },
@@ -503,19 +493,22 @@ $blinkAnim: 0.5s ease-in-out alternate infinite blink;
// Unused so far // Unused so far
&[data-track-count-departure='2'] { &[data-track-count-departure='2'] {
.progress > .line { .progress > .line {
width: 6px; width: 8px;
border-width: 3px;
} }
} }
&[data-track-count-arrival='2'] { &[data-track-count-arrival='2'] {
.progress > .line_node-top { .progress > .line_node-top {
width: 6px; width: 8px;
border-width: 3px;
} }
} }
&[data-track-count-arrival='1'] { &[data-track-count-arrival='1'] {
.progress > .line_node-top { .progress > .line_node-top {
width: 4px; width: 2px;
border-width: 2px;
} }
} }
@@ -643,8 +636,7 @@ $blinkAnim: 0.5s ease-in-out alternate infinite blink;
align-items: center; align-items: center;
} }
img { img[data-tooltip] {
width: 1em;
cursor: help; cursor: help;
} }
} }