Dodano informację o timeoucie SWDRa

src/components/TrainsView/TrainInfo.vue

@@ -12,8 +12,7 @@
           <strong v-if="train.timetableData">{{ train.timetableData.category }}&nbsp;</strong>
           <strong>{{ train.trainNo }}</strong>
           <span>&nbsp;| {{ train.driverName }}&nbsp;</span>
-
+          <b class="warning-timeout" v-if="train.isTimeout" title="Błąd SWDR podczas próby aktualizacji">?</b>
-          <span>{{ train.isTimeout }}</span>
         </span>
       </div>
 
@@ -150,6 +149,17 @@ export default defineComponent({
   color: #d2d2d2;
 }
 
+.warning-timeout {
+  background-color: #be3728;
+  
+  display: inline-block;
+  text-align: center;
+  
+  width: 1.25em;
+  height: 1.25em;
+  border-radius: 50%;
+}
+
 .timetable_stops {
   font-size: 0.75em;
 }

src/components/TrainsView/TrainTable.vue

@@ -8,6 +8,12 @@
           {{ $t('trains.no-trains') }}
         </div>
 
+        <div class="timeouts-warning" v-if="trainNumbersWithTimeouts.length != 0">
+          <b class="warning-timeout">!</b>
+          Problem z aktualizacją danych z SWDR dla następujących numerów:
+          <span class="text--primary">{{ trainNumbersWithTimeouts.join(', ') }}</span>
+        </div>
+
         <ul class="train-list">
           <li
             class="train-row"
@@ -68,6 +74,12 @@ export default defineComponent({
     };
   },
 
+  computed: {
+    trainNumbersWithTimeouts() {
+      return this.store.trainList.filter((train) => train.isTimeout).map((train) => train.trainNo);
+    },
+  },
+
   activated() {
     const query = this.$route.query;
     if (query.trainNo && query.driverName) {
@@ -119,6 +131,28 @@ img.train-image {
   background: var(--clr-warning);
 }
 
+.timeouts-warning {
+  background-color: #333;
+
+  font-weight: bold;
+  font-size: 1.05em;
+
+  margin-bottom: 0.5em;
+  padding: 0.5em;
+}
+
+.warning-timeout {
+  background-color: #be3728;
+  color: white;
+
+  display: inline-block;
+  text-align: center;
+
+  width: 1.25em;
+  height: 1.25em;
+  border-radius: 50%;
+}
+
 .train {
   &-list {
     overflow: auto;