mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-03 05:18:11 +00:00
Poprawka do wdrożenia
This commit is contained in:
@@ -1,10 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="train-table">
|
<div class="train-table">
|
||||||
<div class="traffic-warning" v-if="distanceLimitExceeded">
|
<div
|
||||||
|
class="traffic-warning"
|
||||||
|
v-if="distanceLimitExceeded"
|
||||||
|
>
|
||||||
{{ $t("trains.distance-exceeded") }}
|
{{ $t("trains.distance-exceeded") }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="no-trains" v-if="computedTrains.length == 0 && timetableLoaded">
|
<div
|
||||||
|
class="no-trains"
|
||||||
|
v-if="computedTrains.length == 0 && timetableLoaded"
|
||||||
|
>
|
||||||
{{ $t("trains.no-trains") }}
|
{{ $t("trains.no-trains") }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -22,7 +28,10 @@
|
|||||||
:key="i"
|
:key="i"
|
||||||
:ref="train.timetableData ? train.timetableData.timetableId : -1"
|
:ref="train.timetableData ? train.timetableData.timetableId : -1"
|
||||||
>
|
>
|
||||||
<div class="wrapper no-timetable" v-if="!train.timetableData">
|
<div
|
||||||
|
class="wrapper no-timetable"
|
||||||
|
v-if="!train.timetableData"
|
||||||
|
>
|
||||||
<span class="info">
|
<span class="info">
|
||||||
<div class="info-category">
|
<div class="info-category">
|
||||||
<span>
|
<span>
|
||||||
@@ -50,24 +59,36 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span class="driver-loco">
|
<span class="driver-loco">
|
||||||
<img :src="train.locoURL" @error="onImageError" />
|
<img
|
||||||
|
:src="train.locoURL"
|
||||||
|
@error="onImageError"
|
||||||
|
/>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="stats">
|
<span class="stats">
|
||||||
<div class="stats-main">
|
<div class="stats-main">
|
||||||
<span class="mass">
|
<span class="mass">
|
||||||
<img :src="massIcon" alt="icon-mass" />
|
<img
|
||||||
|
:src="massIcon"
|
||||||
|
alt="icon-mass"
|
||||||
|
/>
|
||||||
{{ train.mass / 1000 }}t
|
{{ train.mass / 1000 }}t
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="speed">
|
<span class="speed">
|
||||||
<img :src="speedIcon" alt="icon-speed" />
|
<img
|
||||||
|
:src="speedIcon"
|
||||||
|
alt="icon-speed"
|
||||||
|
/>
|
||||||
{{ train.speed }} km/h
|
{{ train.speed }} km/h
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="length">
|
<span class="length">
|
||||||
<img :src="lengthIcon" alt="icon-length" />
|
<img
|
||||||
|
:src="lengthIcon"
|
||||||
|
alt="icon-length"
|
||||||
|
/>
|
||||||
{{ train.length }}m
|
{{ train.length }}m
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -75,25 +96,37 @@
|
|||||||
<div class="stats-position">
|
<div class="stats-position">
|
||||||
<span class="station">
|
<span class="station">
|
||||||
<div class="stat-icon">
|
<div class="stat-icon">
|
||||||
<img :src="sceneryIcon" alt="icon-scenery" />
|
<img
|
||||||
|
:src="sceneryIcon"
|
||||||
|
alt="icon-scenery"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{{ train.currentStationName || "---" }}
|
{{ train.currentStationName || "---" }}
|
||||||
</span>
|
</span>
|
||||||
<span class="track">
|
<span class="track">
|
||||||
<div class="stat-icon">
|
<div class="stat-icon">
|
||||||
<img :src="routeIcon" alt="icon-scenery" />
|
<img
|
||||||
|
:src="routeIcon"
|
||||||
|
alt="icon-scenery"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{{ train.connectedTrack || "---" }}
|
{{ train.connectedTrack || "---" }}
|
||||||
</span>
|
</span>
|
||||||
<span class="signal">
|
<span class="signal">
|
||||||
<div class="stat-icon">
|
<div class="stat-icon">
|
||||||
<img :src="signalIcon" alt="icon-scenery" />
|
<img
|
||||||
|
:src="signalIcon"
|
||||||
|
alt="icon-scenery"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{{ train.signal || "---" }}
|
{{ train.signal || "---" }}
|
||||||
</span>
|
</span>
|
||||||
<span class="distance">
|
<span class="distance">
|
||||||
<div class="stat-icon">
|
<div class="stat-icon">
|
||||||
<img :src="distanceIcon" alt="icon-scenery" />
|
<img
|
||||||
|
:src="distanceIcon"
|
||||||
|
alt="icon-scenery"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{{ train.distance || "0" }}m
|
{{ train.distance || "0" }}m
|
||||||
</span>
|
</span>
|
||||||
@@ -109,10 +142,16 @@
|
|||||||
<span class="info">
|
<span class="info">
|
||||||
<div class="info-main">
|
<div class="info-main">
|
||||||
<span class="info-general">
|
<span class="info-general">
|
||||||
<span class="warning twr" v-if="train.timetableData.TWR">
|
<span
|
||||||
|
class="warning twr"
|
||||||
|
v-if="train.timetableData.TWR"
|
||||||
|
>
|
||||||
TWR
|
TWR
|
||||||
</span>
|
</span>
|
||||||
<span class="warning skr" v-if="train.timetableData.SKR">
|
<span
|
||||||
|
class="warning skr"
|
||||||
|
v-if="train.timetableData.SKR"
|
||||||
|
>
|
||||||
SKR
|
SKR
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
@@ -156,9 +195,7 @@
|
|||||||
<span v-if="train.timetableData.followingStops.length > 2">
|
<span v-if="train.timetableData.followingStops.length > 2">
|
||||||
{{ $t("trains.via-title") }}
|
{{ $t("trains.via-title") }}
|
||||||
|
|
||||||
<span
|
<span v-html="generateStopList(train.timetableData.followingStops)"></span>
|
||||||
v-html="generateStopList(train.timetableData.followingStops)"
|
|
||||||
></span>
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
@@ -190,7 +227,7 @@
|
|||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="driver-cars">
|
<div class="driver-cars">
|
||||||
{{
|
<!-- {{
|
||||||
train.cars.length == 0
|
train.cars.length == 0
|
||||||
? "EZT"
|
? "EZT"
|
||||||
: `${train.cars.length} wagon${
|
: `${train.cars.length} wagon${
|
||||||
@@ -200,24 +237,33 @@
|
|||||||
? ""
|
? ""
|
||||||
: "y"
|
: "y"
|
||||||
}`
|
}`
|
||||||
}}
|
}} -->
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="stats">
|
<span class="stats">
|
||||||
<div class="stats-main">
|
<div class="stats-main">
|
||||||
<span class="mass">
|
<span class="mass">
|
||||||
<img :src="massIcon" alt="icon-mass" />
|
<img
|
||||||
|
:src="massIcon"
|
||||||
|
alt="icon-mass"
|
||||||
|
/>
|
||||||
{{ train.mass / 1000 }}t
|
{{ train.mass / 1000 }}t
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="speed">
|
<span class="speed">
|
||||||
<img :src="speedIcon" alt="icon-speed" />
|
<img
|
||||||
|
:src="speedIcon"
|
||||||
|
alt="icon-speed"
|
||||||
|
/>
|
||||||
{{ train.speed }} km/h
|
{{ train.speed }} km/h
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="length">
|
<span class="length">
|
||||||
<img :src="lengthIcon" alt="icon-length" />
|
<img
|
||||||
|
:src="lengthIcon"
|
||||||
|
alt="icon-length"
|
||||||
|
/>
|
||||||
{{ train.length }}m
|
{{ train.length }}m
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -225,25 +271,37 @@
|
|||||||
<div class="stats-position">
|
<div class="stats-position">
|
||||||
<span class="station">
|
<span class="station">
|
||||||
<div class="stat-icon">
|
<div class="stat-icon">
|
||||||
<img :src="sceneryIcon" alt="icon-scenery" />
|
<img
|
||||||
|
:src="sceneryIcon"
|
||||||
|
alt="icon-scenery"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{{ train.currentStationName || "---" }}
|
{{ train.currentStationName || "---" }}
|
||||||
</span>
|
</span>
|
||||||
<span class="track">
|
<span class="track">
|
||||||
<div class="stat-icon">
|
<div class="stat-icon">
|
||||||
<img :src="routeIcon" alt="icon-scenery" />
|
<img
|
||||||
|
:src="routeIcon"
|
||||||
|
alt="icon-scenery"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{{ train.connectedTrack || "---" }}
|
{{ train.connectedTrack || "---" }}
|
||||||
</span>
|
</span>
|
||||||
<span class="signal">
|
<span class="signal">
|
||||||
<div class="stat-icon">
|
<div class="stat-icon">
|
||||||
<img :src="signalIcon" alt="icon-scenery" />
|
<img
|
||||||
|
:src="signalIcon"
|
||||||
|
alt="icon-scenery"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{{ train.signal || "---" }}
|
{{ train.signal || "---" }}
|
||||||
</span>
|
</span>
|
||||||
<span class="distance">
|
<span class="distance">
|
||||||
<div class="stat-icon">
|
<div class="stat-icon">
|
||||||
<img :src="distanceIcon" alt="icon-scenery" />
|
<img
|
||||||
|
:src="distanceIcon"
|
||||||
|
alt="icon-scenery"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{{ train.distance || "0" }}m
|
{{ train.distance || "0" }}m
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user