From 2deaa9e722483e010984de854bb24e0ec2c5baaa Mon Sep 17 00:00:00 2001
From: Andrew <a.hayes18@nuigalway.ie>
Date: Tue, 14 Mar 2023 17:06:59 +0000
Subject: [PATCH 1/3] make sidebar train icons change colour

---
 src/components/TrainSidebar.vue | 43 ++++++++++++++++++++++++++++++++-
 src/pages/MapPage.vue           |  1 -
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/src/components/TrainSidebar.vue b/src/components/TrainSidebar.vue
index 1d0d341..57de4ed 100644
--- a/src/components/TrainSidebar.vue
+++ b/src/components/TrainSidebar.vue
@@ -1,7 +1,16 @@
 <template>
 <div id="sidebarDiv">
     <div id="sidebarHeader">
-        <img id="headerImage" src="../assets/train-solid.svg" alt="Train Icon">
+        <div v-if="getTrainType() === 'DART'">
+          <img v-if="isTrainRunning() && isTrainLate()" src="../assets/red-train-tram-solid.png" class="trainMapIcon" alt="Late DART Icon">
+          <img v-else-if="isTrainRunning() && !isTrainLate()" src="../assets/green-train-tram-solid.png" class="trainMapIcon" alt="On-Time DART Icon">
+          <img v-else src="../assets/train-tram-solid.svg" class="trainMapIcon" alt="Not Running DART Icon">
+        </div>
+        <div v-else>
+          <img v-if="isTrainRunning() && isTrainLate()" src="../assets/red-train-solid.png" class="trainMapIcon" alt="Late Train Icon">
+          <img v-else-if="isTrainRunning() && !isTrainLate()" src="../assets/green-train-solid.png" class="trainMapIcon" alt="On-Time Train Icon">
+          <img v-else src="../assets/train-solid.svg" class="trainMapIcon" alt="Not Running Train Icon">
+        </div>
         <div v-on:click="store.setDisplaySelectedTrain(false)" id="xButton">X</div>
     </div>
 
@@ -26,6 +35,38 @@ export default {
         return {
             store
         }
+    }, 
+
+    methods: {
+        // method to determine whether or not a selected train is late 
+        isTrainLate() {
+            // check if the train is running
+            if (store.selectedTrain["TrainStatus"][0] == "R") {
+                let publicMessage = store.selectedTrain["PublicMessage"][0];
+                let startTimeStr = publicMessage.indexOf("(");
+
+                // check if the train is late
+                if (publicMessage[startTimeStr+1] != "-" && publicMessage[startTimeStr+1] != "0") {
+                    return true;
+                }
+            }
+            return false;
+        },
+
+        // method to determine whether or not a selected train is running
+        isTrainRunning() {
+            if (store.selectedTrain["TrainStatus"][0] == "R") {
+                return true; 
+            } 
+            else {
+                return false;
+            }
+        },
+
+        // method that returns the type of train (either "Train" or "DART")
+        getTrainType() {
+            return store.selectedTrain["TrainType"][0];
+        },
     }
 }
 </script>
diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue
index f5f2d66..db14604 100644
--- a/src/pages/MapPage.vue
+++ b/src/pages/MapPage.vue
@@ -139,7 +139,6 @@ export default {
             showDARTStations,
             showLate,
             showOnTime,
-            showEarly,
             showMainland,
             showDART, 
             showRunning, 

From 2cdf7888c9d9fc23e09c0a33fb01fe32579d2ffc Mon Sep 17 00:00:00 2001
From: Andrew <a.hayes18@nuigalway.ie>
Date: Tue, 14 Mar 2023 17:07:53 +0000
Subject: [PATCH 2/3] remove useless boolean

---
 src/pages/MapPage.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue
index db14604..75fa544 100644
--- a/src/pages/MapPage.vue
+++ b/src/pages/MapPage.vue
@@ -108,7 +108,6 @@ export default {
         let showDARTStations = true;
         let showLate = true; 
         let showOnTime = true; 
-        let showEarly = true;
         let showMainland = true;
         let showDART = true;
         let showRunning = true; 

From 33c2bbb83212a36a62bd014f9746bb6773333696 Mon Sep 17 00:00:00 2001
From: J-Lennox10 <jacklennox1@gmail.com>
Date: Thu, 16 Mar 2023 17:58:55 +0000
Subject: [PATCH 3/3] Fixed sizing of image at sidebar top, changed sidebar
 colour to white. Dropdown menu not included

---
 src/components/StationSidebar.vue |  4 ++--
 src/components/TrainSidebar.vue   | 38 ++++++++++++++++++-------------
 src/pages/MapPage.vue             |  6 ++---
 3 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/components/StationSidebar.vue b/src/components/StationSidebar.vue
index cb9db7c..29b12d7 100644
--- a/src/components/StationSidebar.vue
+++ b/src/components/StationSidebar.vue
@@ -40,7 +40,7 @@ export default {
     position: absolute;
     height: 80%;
     width: 100%;
-    color: white;
+    color: rgb(0, 0, 0);
 }
 
 #headerImage{
@@ -54,7 +54,7 @@ export default {
 #xButton{
     font-size: 80%;
     font-family: Georgia;
-    color: white;
+    color: rgb(0, 0, 0);
     position: absolute;
     top:10px;
     right:10px;
diff --git a/src/components/TrainSidebar.vue b/src/components/TrainSidebar.vue
index 57de4ed..984f015 100644
--- a/src/components/TrainSidebar.vue
+++ b/src/components/TrainSidebar.vue
@@ -1,15 +1,16 @@
 <template>
 <div id="sidebarDiv">
     <div id="sidebarHeader">
-        <div v-if="getTrainType() === 'DART'">
-          <img v-if="isTrainRunning() && isTrainLate()" src="../assets/red-train-tram-solid.png" class="trainMapIcon" alt="Late DART Icon">
-          <img v-else-if="isTrainRunning() && !isTrainLate()" src="../assets/green-train-tram-solid.png" class="trainMapIcon" alt="On-Time DART Icon">
-          <img v-else src="../assets/train-tram-solid.svg" class="trainMapIcon" alt="Not Running DART Icon">
+
+        <div id = "imageDiv" v-if="getTrainType() === 'DART'">
+          <img v-if="isTrainRunning() && isTrainLate()" src="../assets/red-train-tram-solid.png" class="headerImage" alt="Late DART Icon">
+          <img v-else-if="isTrainRunning() && !isTrainLate()" src="../assets/green-train-tram-solid.png" class="headerImage" alt="On-Time DART Icon">
+          <img v-else src="../assets/train-tram-solid.svg" class="headerImage" alt="Not Running DART Icon">
         </div>
-        <div v-else>
-          <img v-if="isTrainRunning() && isTrainLate()" src="../assets/red-train-solid.png" class="trainMapIcon" alt="Late Train Icon">
-          <img v-else-if="isTrainRunning() && !isTrainLate()" src="../assets/green-train-solid.png" class="trainMapIcon" alt="On-Time Train Icon">
-          <img v-else src="../assets/train-solid.svg" class="trainMapIcon" alt="Not Running Train Icon">
+        <div id = "imageDiv" v-else>
+          <img v-if="isTrainRunning() && isTrainLate()" src="../assets/red-train-solid.png" class="headerImage" alt="Late Train Icon">
+          <img v-else-if="isTrainRunning() && !isTrainLate()" src="../assets/green-train-solid.png" class="headerImage" alt="On-Time Train Icon">
+          <img v-else src="../assets/train-solid.svg" class="headerImage" alt="Not Running Train Icon">
         </div>
         <div v-on:click="store.setDisplaySelectedTrain(false)" id="xButton">X</div>
     </div>
@@ -84,21 +85,26 @@ export default {
   position: absolute;
   height: 80%;
   width: 100%;
-  color: white;
+  color: rgb(0, 0, 0);
 }
 
-#headerImage{
-  height: 80%;
-  width: auto;
-  overflow: hidden;
-  position: relative;
-  top: 10px;
+
+.headerImage{
+  height: 100%;
+  width: 40px;
+  padding-top: 10px;
+  
+}
+
+.imageDiv{
+  display: flex;
+  justify-content: center;
 }
 
 #xButton{
   font-size: 80%;
   font-family: Georgia;
-  color: white;
+  color: rgb(0, 0, 0);
   position: absolute;
   top:10px;
   right:10px;
diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue
index 75fa544..7c33e45 100644
--- a/src/pages/MapPage.vue
+++ b/src/pages/MapPage.vue
@@ -422,9 +422,9 @@ export default {
   z-index: 2;
   text-align: center;
   animation: gradient 15s ease infinite;
-  background: linear-gradient(45deg, #000000, #111111, #222222, #333333, #444444, #555555);
-  background-size: 400%, 400%;
-  box-shadow: 0 0 4px 2px #333333;
+  background: linear-gradient(45deg, #ffffff, #fef3f3, #ffffff, #f2f2f2);
+  background-size: 100%, 100%;
+  box-shadow: 0 0 4px 2px #cccccc;
   overflow: hidden;
   font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
 }