From 124491764221911aba0a6c10dd4c41d2d1ffea95 Mon Sep 17 00:00:00 2001 From: Andrew Date: Wed, 8 Mar 2023 16:38:53 +0000 Subject: [PATCH] add separate icons for DARTs --- src/assets/green-train-tram-solid.png | Bin 0 -> 3789 bytes src/assets/red-train-tram-solid.png | Bin 0 -> 3770 bytes src/assets/train-tram-solid.svg | 1 + src/components/SidebarPanel.vue | 3 ++- src/pages/MapPage.vue | 19 ++++++++++++++++--- 5 files changed, 19 insertions(+), 4 deletions(-) create mode 100644 src/assets/green-train-tram-solid.png create mode 100644 src/assets/red-train-tram-solid.png create mode 100644 src/assets/train-tram-solid.svg diff --git a/src/assets/green-train-tram-solid.png b/src/assets/green-train-tram-solid.png new file mode 100644 index 0000000000000000000000000000000000000000..c85db06bb59eeb4aa9c646383a82bdf575aa8f83 GIT binary patch literal 3789 zcmbVO30M=?7QT}S$p{3(B8x1UBrZWw(4gQ3!zS?D(4rM%l~NUPf#6b6kW3PUVH312 zsHkzN_7k)MDyhpO!Jt-AC{+|i4ACc0L_~`q1b8>7UHrb<_nO@KzCZu{&$(yLIddjy zp|gTm#zTw&0IZPUfVlu5DgbBzV?bu`uuBUeksR&s9~$ECkBisFE{|Tl3;@CQE!(FC zUm+aJmx#U%9A)-3JB|u<(u^6YTaX``Y?%E0#k(qhl62`}r!s-r%fe^}57ISFYW=Xjl2lyR)(Bvsc5>L|R;4b4uVP-zmk>&3T<^{DPq_nnsNk z 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 F{{>NMV`KmT literal 0 HcmV?d00001 diff --git a/src/assets/train-tram-solid.svg b/src/assets/train-tram-solid.svg new file mode 100644 index 0000000..cb64f8e --- /dev/null +++ b/src/assets/train-tram-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/SidebarPanel.vue b/src/components/SidebarPanel.vue index f8b002e..48a1f5c 100644 --- a/src/components/SidebarPanel.vue +++ b/src/components/SidebarPanel.vue @@ -7,6 +7,7 @@

Train Code: {{ store.selectedDataMap["TrainCode"] }}

+

Type: {{ store.selectedDataMap["TrainType"] }}

Date: {{ store.selectedDataMap["TrainDate"] }}

Status: {{ store.selectedDataMap["TrainStatus"] }}

Train Position - Long: {{ store.selectedDataMap["TrainLongitude"] }} Lat: {{ store.selectedDataMap["TrainLatitude"] }}

@@ -66,4 +67,4 @@ export default { color:red; } - \ No newline at end of file + diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue index e1c3bea..952faca 100644 --- a/src/pages/MapPage.vue +++ b/src/pages/MapPage.vue @@ -19,9 +19,17 @@
- Late Train Icon - On-Time Train Icon - Not Running Train Icon +
+ Late DART Icon + On-Time DART Icon + Not Running DART Icon +
+
+ Late Train Icon + On-Time Train Icon + Not Running Train Icon +
+
@@ -129,6 +137,11 @@ export default { } }, + // method that returns the type of train in string form "D" for dart, "S" for suburban, "M" for mainland + getTrainType(i) { + return this.allDataMap[i]["TrainType"][0]; + }, + // method to fetch live train data from the database getLiveTrainData() { const functions = getFunctions(app);