From 5f8d7480d114dbc01c40a9dc368e5dd9d1eab7cf Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 3 Mar 2024 14:46:37 +0100
Subject: [PATCH] fix designu

---
 src/components/Global/StockList.vue     | 26 +++++++++++++++++++++----
 src/components/TrainsView/TrainInfo.vue | 10 ++++------
 2 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/components/Global/StockList.vue b/src/components/Global/StockList.vue
index 8ac4d48..bc4bc80 100644
--- a/src/components/Global/StockList.vue
+++ b/src/components/Global/StockList.vue
@@ -1,6 +1,22 @@
 <template>
   <div class="stock-list">
-    <ul>
+    <div v-if="tractionOnly">
+      <p>
+        {{ computedStockList[0].split(':')[0].split('_').splice(0, 2).join(' ') }}
+        {{ computedStockList[0].split(':')[1] }}
+      </p>
+
+      <img
+        :src="`https://rj.td2.info.pl/dist/img/thumbnails/${computedStockList[0].split(':')[0]}${
+          /^EN/.test(computedStockList[0]) ? 'rb' : ''
+        }.png`"
+        @error="onImageError($event, computedStockList[0])"
+        width="400"
+        height="60"
+      />
+    </div>
+
+    <ul v-else>
       <li v-for="(stockName, i) in computedStockList" :key="i">
         <p>
           {{ stockName.split(':')[0].split('_').splice(0, 2).join(' ') }}
@@ -17,8 +33,9 @@
             height="60"
           />
 
+          <!-- /// Manualne dodawanie miniaturek członów dla kibelków /// -->
           <img
-            v-if="/^(EN|2EN)/.test(stockName) && !tractionOnly"
+            v-if="/^(EN|2EN)/.test(stockName)"
             :src="`https://rj.td2.info.pl/dist/img/thumbnails/${stockName.split(':')[0]}s.png`"
             @error="
               (event) => ((event.target as HTMLImageElement).src = '/images/icon-loco-ezt-s.png')
@@ -27,7 +44,7 @@
 
           <img
             class="train-thumbnail"
-            v-if="/^EN71/.test(stockName) && !tractionOnly"
+            v-if="/^EN71/.test(stockName)"
             :src="`https://rj.td2.info.pl/dist/img/thumbnails/${stockName.split(':')[0]}s.png`"
             @error="
               (event) => ((event.target as HTMLImageElement).src = '/images/icon-loco-ezt-s.png')
@@ -36,12 +53,13 @@
 
           <img
             class="train-thumbnail"
-            v-if="/^(EN|2EN)/.test(stockName) && !tractionOnly"
+            v-if="/^(EN|2EN)/.test(stockName)"
             :src="`https://rj.td2.info.pl/dist/img/thumbnails/${stockName.split(':')[0]}ra.png`"
             @error="
               (event) => ((event.target as HTMLImageElement).src = '/images/icon-loco-ezt-ra.png')
             "
           />
+          <!-- ///  -->
         </span>
       </li>
     </ul>
diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index 0b9064a..d730570 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -99,12 +99,6 @@
     <section class="train-stats">
       <StockList :trainStockList="train.stockList" :tractionOnly="true" />
 
-      <div class="text--grayed">
-        <span v-if="train.stockList.length > 1">
-          {{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
-        </span>
-      </div>
-
       <div>
         <span v-for="(stat, i) in STATS.main" :key="stat.name">
           <span v-if="i > 0"> &bull; </span>
@@ -113,6 +107,10 @@
           </span>
         </span>
       </div>
+
+      <span v-if="train.stockList.length > 1" class="text--grayed">
+        {{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
+      </span>
     </section>
   </div>
 </template>