From 539a3db48bd9e036adaf37e18e1984f7436ef301 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Thu, 17 Jun 2021 18:32:27 +0200
Subject: [PATCH] =?UTF-8?q?Poprawka=20do=20wdro=C5=BCenia?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TrainsView/TrainTable.vue | 108 +++++++++++++++++------
 1 file changed, 83 insertions(+), 25 deletions(-)

diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index 8d5d6f1..0762d43 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/src/components/TrainsView/TrainTable.vue
@@ -1,10 +1,16 @@
 <template>
   <div class="train-table">
-    <div class="traffic-warning" v-if="distanceLimitExceeded">
+    <div
+      class="traffic-warning"
+      v-if="distanceLimitExceeded"
+    >
       {{ $t("trains.distance-exceeded") }}
     </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") }}
     </div>
 
@@ -22,7 +28,10 @@
         :key="i"
         :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">
             <div class="info-category">
               <span>
@@ -50,24 +59,36 @@
             </div>
 
             <span class="driver-loco">
-              <img :src="train.locoURL" @error="onImageError" />
+              <img
+                :src="train.locoURL"
+                @error="onImageError"
+              />
             </span>
           </span>
 
           <span class="stats">
             <div class="stats-main">
               <span class="mass">
-                <img :src="massIcon" alt="icon-mass" />
+                <img
+                  :src="massIcon"
+                  alt="icon-mass"
+                />
                 {{ train.mass / 1000 }}t
               </span>
 
               <span class="speed">
-                <img :src="speedIcon" alt="icon-speed" />
+                <img
+                  :src="speedIcon"
+                  alt="icon-speed"
+                />
                 {{ train.speed }} km/h
               </span>
 
               <span class="length">
-                <img :src="lengthIcon" alt="icon-length" />
+                <img
+                  :src="lengthIcon"
+                  alt="icon-length"
+                />
                 {{ train.length }}m
               </span>
             </div>
@@ -75,25 +96,37 @@
             <div class="stats-position">
               <span class="station">
                 <div class="stat-icon">
-                  <img :src="sceneryIcon" alt="icon-scenery" />
+                  <img
+                    :src="sceneryIcon"
+                    alt="icon-scenery"
+                  />
                 </div>
                 {{ train.currentStationName || "---" }}
               </span>
               <span class="track">
                 <div class="stat-icon">
-                  <img :src="routeIcon" alt="icon-scenery" />
+                  <img
+                    :src="routeIcon"
+                    alt="icon-scenery"
+                  />
                 </div>
                 {{ train.connectedTrack || "---" }}
               </span>
               <span class="signal">
                 <div class="stat-icon">
-                  <img :src="signalIcon" alt="icon-scenery" />
+                  <img
+                    :src="signalIcon"
+                    alt="icon-scenery"
+                  />
                 </div>
                 {{ train.signal || "---" }}
               </span>
               <span class="distance">
                 <div class="stat-icon">
-                  <img :src="distanceIcon" alt="icon-scenery" />
+                  <img
+                    :src="distanceIcon"
+                    alt="icon-scenery"
+                  />
                 </div>
                 {{ train.distance || "0" }}m
               </span>
@@ -109,10 +142,16 @@
           <span class="info">
             <div class="info-main">
               <span class="info-general">
-                <span class="warning twr" v-if="train.timetableData.TWR">
+                <span
+                  class="warning twr"
+                  v-if="train.timetableData.TWR"
+                >
                   TWR
                 </span>
-                <span class="warning skr" v-if="train.timetableData.SKR">
+                <span
+                  class="warning skr"
+                  v-if="train.timetableData.SKR"
+                >
                   SKR
                 </span>
                 <span>
@@ -156,9 +195,7 @@
               <span v-if="train.timetableData.followingStops.length > 2">
                 {{ $t("trains.via-title") }}
 
-                <span
-                  v-html="generateStopList(train.timetableData.followingStops)"
-                ></span>
+                <span v-html="generateStopList(train.timetableData.followingStops)"></span>
               </span>
             </div>
           </span>
@@ -190,7 +227,7 @@
             </span>
 
             <div class="driver-cars">
-              {{
+              <!-- {{
                 train.cars.length == 0
                   ? "EZT"
                   : `${train.cars.length} wagon${
@@ -200,24 +237,33 @@
                         ? ""
                         : "y"
                     }`
-              }}
+              }} -->
             </div>
           </span>
 
           <span class="stats">
             <div class="stats-main">
               <span class="mass">
-                <img :src="massIcon" alt="icon-mass" />
+                <img
+                  :src="massIcon"
+                  alt="icon-mass"
+                />
                 {{ train.mass / 1000 }}t
               </span>
 
               <span class="speed">
-                <img :src="speedIcon" alt="icon-speed" />
+                <img
+                  :src="speedIcon"
+                  alt="icon-speed"
+                />
                 {{ train.speed }} km/h
               </span>
 
               <span class="length">
-                <img :src="lengthIcon" alt="icon-length" />
+                <img
+                  :src="lengthIcon"
+                  alt="icon-length"
+                />
                 {{ train.length }}m
               </span>
             </div>
@@ -225,25 +271,37 @@
             <div class="stats-position">
               <span class="station">
                 <div class="stat-icon">
-                  <img :src="sceneryIcon" alt="icon-scenery" />
+                  <img
+                    :src="sceneryIcon"
+                    alt="icon-scenery"
+                  />
                 </div>
                 {{ train.currentStationName || "---" }}
               </span>
               <span class="track">
                 <div class="stat-icon">
-                  <img :src="routeIcon" alt="icon-scenery" />
+                  <img
+                    :src="routeIcon"
+                    alt="icon-scenery"
+                  />
                 </div>
                 {{ train.connectedTrack || "---" }}
               </span>
               <span class="signal">
                 <div class="stat-icon">
-                  <img :src="signalIcon" alt="icon-scenery" />
+                  <img
+                    :src="signalIcon"
+                    alt="icon-scenery"
+                  />
                 </div>
                 {{ train.signal || "---" }}
               </span>
               <span class="distance">
                 <div class="stat-icon">
-                  <img :src="distanceIcon" alt="icon-scenery" />
+                  <img
+                    :src="distanceIcon"
+                    alt="icon-scenery"
+                  />
                 </div>
                 {{ train.distance || "0" }}m
               </span>