From c5b781de86a5122d5a415429fbfbc61f1c55a46b Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 11 Jun 2021 13:46:42 +0200
Subject: [PATCH] =?UTF-8?q?Dodano=20rozwijanie=20RJ=20przy=20przenoszeniu?=
 =?UTF-8?q?=20z=20innej=20zak=C5=82adki?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TrainsView/TrainTable.vue | 23 ++++++++++++++++++-----
 src/scripts/interfaces/Timetable.ts      | 16 ----------------
 src/scripts/utils/storeUtils.ts          | 12 +++++++-----
 src/store/store.ts                       |  8 ++++----
 src/views/TrainsView.vue                 |  1 +
 5 files changed, 30 insertions(+), 30 deletions(-)
 delete mode 100644 src/scripts/interfaces/Timetable.ts

diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index 6989529..14b8e13 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/src/components/TrainsView/TrainTable.vue
@@ -251,7 +251,7 @@
 </template>
 
 <script lang="ts">
-import { Vue, Component, Prop } from "vue-property-decorator";
+import { Vue, Component, Prop, Emit, Watch } from "vue-property-decorator";
 
 import Train from "@/scripts/interfaces/Train";
 import TrainStop from "@/scripts/interfaces/TrainStop";
@@ -265,6 +265,7 @@ import { DataStatus } from "@/scripts/enums/DataStatus";
 export default class TrainTable extends Vue {
   @Prop() computedTrains!: Train[];
   @Prop() timetableDataStatus!: DataStatus;
+  @Prop() queryTrain!: string;
 
   showedSchedule = 0;
 
@@ -307,6 +308,17 @@ export default class TrainTable extends Vue {
     });
   }
 
+  @Watch("queryTrain")
+  onSearchedTrainChange(trainNo: string) {
+    const timetableId = this.computedTrains.find(
+      (train) => train.trainNo == parseInt(trainNo)
+    )?.timetableData?.timetableId;
+
+    if (!timetableId) return;
+
+    this.changeScheduleShowState(timetableId);
+  }
+
   onImageError(e: Event) {
     const imageEl = e.target as HTMLImageElement;
     this.missingLocoImages.push(imageEl.src);
@@ -314,6 +326,7 @@ export default class TrainTable extends Vue {
 
   generateStopList(stops: any): string | undefined {
     if (!stops) return "";
+
     return stops
       .reduce((acc, stop: TrainStop, i) => {
         if (stop.stopType.includes("ph"))
@@ -455,11 +468,11 @@ export default class TrainTable extends Vue {
   &-loco {
     width: 100%;
     text-align: center;
-  }
 
-  &-loco img {
-    width: 200px;
-    max-width: 200px;
+    & img {
+      width: 200px;
+      max-width: 200px;
+    }
   }
 }
 
diff --git a/src/scripts/interfaces/Timetable.ts b/src/scripts/interfaces/Timetable.ts
deleted file mode 100644
index b6da1a1..0000000
--- a/src/scripts/interfaces/Timetable.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export default interface Timetable {
-  trainNo: number;
-  driverName: string;
-  category: string;
-  stopName: string;
-  stopType: string;
-  arrivalTime: number;
-  arrivalDelay: number;
-  departureTime: number;
-  departureDelay: number;
-  confirmed: boolean;
-  stopped: boolean;
-  stopTime: number;
-  beginsHere: boolean;
-  terminatesHere: boolean;
-}
diff --git a/src/scripts/utils/storeUtils.ts b/src/scripts/utils/storeUtils.ts
index 3939bc0..93d84ff 100644
--- a/src/scripts/utils/storeUtils.ts
+++ b/src/scripts/utils/storeUtils.ts
@@ -71,11 +71,13 @@ const parseSpawns = (spawnString: string) => {
 
 const getTimestamp = (date: string | null) => (date ? new Date(date).getTime() : 0);
 
-const timestampToString = (timestamp: number) =>
-  new Date(timestamp).toLocaleTimeString("pl-PL", {
-    hour: "2-digit",
-    minute: "2-digit"
-  });
+const timestampToString = (timestamp: number | null) =>
+  timestamp
+    ? new Date(timestamp).toLocaleTimeString("pl-PL", {
+        hour: "2-digit",
+        minute: "2-digit"
+      })
+    : "";
 
 const getTrainStopStatus = (stopInfo: TrainStop, timetableData: { currentStationName: string }, station: Station) => {
   let stopStatus: string = "",
diff --git a/src/store/store.ts b/src/store/store.ts
index bc458ce..34ab8ef 100644
--- a/src/store/store.ts
+++ b/src/store/store.ts
@@ -302,16 +302,16 @@ export default class Store extends VuexModule {
           mainStop: point.pointName.includes("strong"),
 
           arrivalLine: point.arrivalLine,
-          arrivalTimeString: point.arrivalTime,
+          arrivalTimeString: utils.timestampToString(arrivalTimestamp),
           arrivalTimestamp: arrivalTimestamp,
-          arrivalRealTimeString: point.arrivalRealTime,
+          arrivalRealTimeString: utils.timestampToString(arrivalRealTimestamp),
           arrivalRealTimestamp: arrivalRealTimestamp,
           arrivalDelay: point.arrivalDelay,
 
           departureLine: point.departureLine,
-          departureTimeString: point.departureTime,
+          departureTimeString: utils.timestampToString(departureTimestamp),
           departureTimestamp: departureTimestamp,
-          departureRealTimeString: point.departureRealTime,
+          departureRealTimeString: utils.timestampToString(departureRealTimestamp),
           departureRealTimestamp: departureRealTimestamp,
           departureDelay: point.departureDelay,
 
diff --git a/src/views/TrainsView.vue b/src/views/TrainsView.vue
index 9e9fd52..e73d641 100644
--- a/src/views/TrainsView.vue
+++ b/src/views/TrainsView.vue
@@ -15,6 +15,7 @@
       <TrainTable
         :computedTrains="computedTrains"
         :timetableDataStatus="timetableDataStatus"
+        :queryTrain="queryTrain"
       />
     </div>
   </section>