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

Hotfix: wiadomość przy braku pociągów do wyświetlenia

Browse Source
This commit is contained in:
Spythere
2020-08-20 00:58:12 +02:00
parent ad2c6b7ae6
commit 3cc9381d83
2 changed files with 96 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TrainsView/TrainTable.vue
+96 -80
View File
@@ -1,90 +1,94 @@
<template> <template>
<ul class="list"> <div class="train-table">
<li class="item" v-for="train in computedTrains" :key="train.timetableId"> <div class="no-trains" v-if="computedTrains.length == 0">Ups! Brak pociągów do wyświetlenia :/</div>
<a :href="'https://rj.td2.info.pl/train#' + train.trainNo + ';eu'" target="_blank">
<span class="info">
<div class="info-category">
<span>
<strong>{{ train.category }}</strong>
{{ train.trainNo }} |
</span>
<span style=" color: gold;">{{ train.routeDistance }} km</span>
</div>
<div class="info-warnings"> <ul class="list">
<span class="warning twr" v-if="train.TWR">TWR</span> <li class="item" v-for="train in computedTrains" :key="train.timetableId">
<span class="warning skr" v-if="train.SKR">SKR</span> <a :href="'https://rj.td2.info.pl/train#' + train.trainNo + ';eu'" target="_blank">
</div> <span class="info">
<div class="info-category">
<span>
<strong>{{ train.category }}</strong>
{{ train.trainNo }} |
</span>
<span style=" color: gold;">{{ train.routeDistance }} km</span>
</div>
<div class="info-route"> <div class="info-warnings">
<strong> <span class="warning twr" v-if="train.TWR">TWR</span>
<span class="warning skr" v-if="train.SKR">SKR</span>
</div>
<div class="info-route">
<strong>
{{
train.route && train.route.replace("|", " - ")
}}
</strong>
</div>
<div class="info-stations">
<i v-if="train.sceneries.length > 0">Przez: {{ train.sceneries }}</i>
</div>
</span>
</a>
<span class="driver">
<span class="driver-name">
{{ train.driverName }}
<span style="color: #bbb; margin-left: 1em;">
{{ {{
train.route && train.route.replace("|", " - ") train.locoType
}} }}
</strong> </span>
</span>
<span class="driver-loco">
<img :src="train.locoURL" @error="onImageError" />
</span>
</span>
<span class="stats">
<div class="stats-general">
<span class="mass">
<img :src="massIcon" alt="icon-mass" />
{{ train.mass / 1000 }}t
</span>
<span class="speed">
<img :src="speedIcon" alt="icon-speed" />
{{ train.speed }} km/h
</span>
<span class="length">
<img :src="lengthIcon" alt="icon-length" />
{{ train.length }}m
</span>
</div> </div>
<div class="info-stations"> <div class="stats-position">
<i v-if="train.sceneries.length > 0">Przez: {{ train.sceneries }}</i> <span class="station">
<p>
<strong>SCENERIA</strong>
</p>
{{ train.currentStationName }}
</span>
<span class="track">
<p>
<strong>SZLAK</strong>
</p>
{{ train.connectedTrack || "---" }}
</span>
<span class="signal">
<p>
<strong>SEMAFOR</strong>
</p>
{{ train.signal || "---" }}
</span>
</div> </div>
</span> </span>
</a> </li>
</ul>
<span class="driver"> </div>
<span class="driver-name">
{{ train.driverName }}
<span style="color: #bbb; margin-left: 1em;">
{{
train.locoType
}}
</span>
</span>
<span class="driver-loco">
<img :src="train.locoURL" @error="onImageError" />
</span>
</span>
<span class="stats">
<div class="stats-general">
<span class="mass">
<img :src="massIcon" alt="icon-mass" />
{{ train.mass / 1000 }}t
</span>
<span class="speed">
<img :src="speedIcon" alt="icon-speed" />
{{ train.speed }} km/h
</span>
<span class="length">
<img :src="lengthIcon" alt="icon-length" />
{{ train.length }}m
</span>
</div>
<div class="stats-position">
<span class="station">
<p>
<strong>SCENERIA</strong>
</p>
{{ train.currentStationName }}
</span>
<span class="track">
<p>
<strong>SZLAK</strong>
</p>
{{ train.connectedTrack || "---" }}
</span>
<span class="signal">
<p>
<strong>SEMAFOR</strong>
</p>
{{ train.signal || "---" }}
</span>
</div>
</span>
</li>
</ul>
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -111,6 +115,20 @@ export default class TrainTable extends Vue {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../../styles/responsive.scss"; @import "../../styles/responsive.scss";
.train-table {
font-size: calc(0.4rem + 0.5vw);
}
.no-trains {
text-align: center;
font-size: 1.5em;
padding: 1rem;
margin: 1rem 0;
background: #333;
}
.list { .list {
overflow: auto; overflow: auto;
@@ -123,8 +141,6 @@ export default class TrainTable extends Vue {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
font-size: calc(0.4rem + 0.5vw);
background-color: #444; background-color: #444;
padding: 1rem; padding: 1rem;
src/views/TrainsView.vue
-11
View File
@@ -180,17 +180,6 @@ export default class TrainsView extends Vue {
} }
get computedTrains() { get computedTrains() {
// const trainDetected = this.onlineTrainsList.filter(
// (train) =>
// train.trainNo.toString().includes(this.searched) && this.searched != ""
// );
// const playerDetected = this.onlineTrainsList.filter(
// (train) =>
// // this.searched.toLowerCase().includes(train.driverName.toLowerCase())
// train.driverName.toLowerCase().includes(this.searched.toLowerCase()) &&
// this.searched != ""
// );
const computed = this.onlineTrainsList.filter( const computed = this.onlineTrainsList.filter(
(train) => (train) =>
!train.noTimetable && !train.noTimetable &&