From 94ef1405c02c2eb378be92d9529710363458e342 Mon Sep 17 00:00:00 2001
From: J-Lennox10 <jacklennox1@gmail.com>
Date: Wed, 29 Mar 2023 09:57:37 +0100
Subject: [PATCH] Fixed sidebar CSS issues for non running trains along with
 other small issues

---
 src/assets/punctualityIcon.png    | Bin 0 -> 15572 bytes
 src/components/StationSidebar.vue |   1 +
 src/components/TrainSidebar.vue   |  69 ++++++++++++++++--------------
 src/pages/AccountPage.vue         |  10 ++---
 src/pages/MapPage.vue             |   7 +--
 5 files changed, 48 insertions(+), 39 deletions(-)
 create mode 100644 src/assets/punctualityIcon.png

diff --git a/src/assets/punctualityIcon.png b/src/assets/punctualityIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9feb100c7766e78ca6687869bc88e693aef3a5c
GIT binary patch
literal 15572
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
Z=ka|~T9>xk!HQ%6X=G{GaLMh?{{Shwd$9lj

literal 0
HcmV?d00001

diff --git a/src/components/StationSidebar.vue b/src/components/StationSidebar.vue
index 87ca5f3..05c2847 100644
--- a/src/components/StationSidebar.vue
+++ b/src/components/StationSidebar.vue
@@ -86,6 +86,7 @@ export default {
 
 #xButton:hover{
     color:red;
+    cursor: pointer;
 }
 
 #typeDiv, #positionDiv, #descriptionDiv{
diff --git a/src/components/TrainSidebar.vue b/src/components/TrainSidebar.vue
index 20d1359..07fb815 100644
--- a/src/components/TrainSidebar.vue
+++ b/src/components/TrainSidebar.vue
@@ -49,20 +49,28 @@
           <p id="directionP"><span style="color:grey; font-size: 14px;">Direction:</span><br>{{ store.selectedTrain["Direction"][0] }}</p>
         </div>
 
-        <div v-if="store.selectedTrain['TrainStatus'][0] != 'N'" id="punctualityDiv">
-          <div id="punctualityIcon">
-            <img id="punctualityImage" src="../assets/publicMessageIcon.png">
-          </div>
-          <p id="punctualityP"><span style="color:grey; font-size: 14px;">Punctuality:</span><br>{{ store.selectedTrain["Punctuality"][0] }}</p>
-        </div>
-
-        <div id="publicMessageDiv">
+        <div v-if="isTrainRunning()" id="publicMessageDiv">
           <div id="publicMessageIcon">
             <img id="publicMessageImage" src="../assets/publicMessageIcon.png">
           </div>
           <p id="publicMessageP"><span style="color:grey; font-size: 14px;">Public Message:</span><br>Public Message: {{ store.selectedTrain["PublicMessage"][0] }}</p>
         </div>
-      </div>
+
+        <div v-else id="notRunningPublicMessageDiv">
+          <div id="publicMessageIcon">
+            <img id="publicMessageImage" src="../assets/publicMessageIcon.png">
+          </div>
+          <p id="publicMessageP"><span style="color:grey; font-size: 14px;">Public Message:</span><br>Public Message: {{ store.selectedTrain["PublicMessage"][0] }}</p>
+        </div>
+
+        <div v-if="store.selectedTrain['TrainStatus'][0] != 'N'" id="punctualityDiv">
+            <div id="punctualityIcon">
+              <img id="punctualityImage" src="../assets/punctualityIcon.png">
+            </div>
+            <p id="punctualityP"><span style="color:grey; font-size: 14px;">Punctuality:</span><br>{{ store.selectedTrain["Punctuality"][0] }}</p>
+        </div>
+
+    </div>
   </div>
   </template>
 
@@ -157,6 +165,7 @@ export default {
 
 #xButton:hover{
   color:red;
+  cursor: pointer;
 }
 
 #originDiv, #destinationDiv{
@@ -177,12 +186,13 @@ export default {
 
 
 /* Sidebar Section Divs */
-#typeDiv, #dateDiv, #positionDiv, #directionDiv, #publicMessageDiv, #punctualityDiv{
+#typeDiv, #dateDiv, #positionDiv, #directionDiv, #publicMessageDiv, #notRunningPublicMessageDiv, #punctualityDiv{
   background-color: rgb(230, 230, 230);
   height: 12%;
   position: absolute;
   right:0px;
   width:100%;
+  
 }
 
 #typeIcon, #dateIcon, #positionIcon, #directionIcon, #publicMessageIcon, #punctualityIcon{
@@ -195,17 +205,13 @@ export default {
   justify-content: center;
 }
 
-#publicMessageIcon{
-  align-items: center;
-}
-
 #typeP, #dateP, #longP, #latP, #directionP, #publicMessageP, #punctualityP{
-  font-size: 16px;
+  font-size: 15px;
   position: relative;
-  bottom: 2px;
   width: 40%;
   left: 22%;
   text-align: left;
+  bottom:4px;
 }
 
 #positionParagraphDiv{
@@ -225,27 +231,24 @@ export default {
   width: 70%;
 }
 
-#dateImage, #positionImage, #directionImage{
+#dateImage, #positionImage, #directionImage, #punctualityImage, #publicMessageImage{
   padding-top: 2px; 
   padding-bottom: 2px;
 }
-
-#publicMessageImage{
-  height: 40%;
-  position: relative;
-  top:-10px;
-}
-
 /*Positioning rows*/
-#dateDiv{top: 60px;}
-#positionDiv{top: 110px;}
-#directionDiv{top: 160px;}
-#punctualityDiv{top: 210px;}
-#publicMessageDiv{
-  top:260px;
-  height: 40%;
+#dateDiv{top: 16%;}
+#positionDiv{top: 29%;}
+#directionDiv{top: 42%;}
+#punctualityDiv{top: 55%;}
+#publicMessageDiv, #notRunningPublicMessageDiv{
+  top:68%;
+  height: fit-content;
 }
 
+#notRunningPublicMessageDiv{top: 55%;}
+
+
+
 @media screen and (max-width: 850px) {
   .headerImage{
   height: 100%;
@@ -253,5 +256,9 @@ export default {
   padding: 10px;
   }
 
+  #typeImage{
+  width: 45%;
+  }
+
 }
 </style>
diff --git a/src/pages/AccountPage.vue b/src/pages/AccountPage.vue
index d3d6310..c7d3f50 100644
--- a/src/pages/AccountPage.vue
+++ b/src/pages/AccountPage.vue
@@ -21,8 +21,8 @@
         <div id="newPassword">
             <img v-if="showNewPassword" id="eyeImg" src="../assets/314858_hidden_eye_icon.png" @click="this.showNewPassword = !this.showNewPassword" alt="show">
             <img v-else id = "eyeImg" src="../assets/315220_eye_icon.png" @click="this.showNewPassword = !this.showNewPassword">
-            <input v-if="showNewPassword" id="newPass" type="text" v-model="newPassword" placeholder="Enter existing password">
-            <input v-else type="password" id="newPass" v-model="newPassword" placeholder="Enter existing password">
+            <input v-if="showNewPassword" id="newPass" type="text" v-model="newPassword" placeholder="Enter new password">
+            <input v-else type="password" id="newPass" v-model="newPassword" placeholder="Enter new password">
             <button @click="updateUserPassword()" id="passUpdate" type="button" class="btn btn-primary">Update Password</button>
         </div>
         
@@ -276,9 +276,6 @@ input {
     align-items: center;
 }
 
-#imgDiv1:hover, #imgDiv2:hover{
-    transform: scale(1.1);
-}
 
 #eyeImg{
     width: 6%;
@@ -286,6 +283,9 @@ input {
     order: 2;
 }
 
+#eyeImg:hover{
+    transform: scale(1.1);
+}
 
 ::placeholder{
     font-size: 14px;;
diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue
index 59eb804..94f8349 100644
--- a/src/pages/MapPage.vue
+++ b/src/pages/MapPage.vue
@@ -16,7 +16,7 @@
       <div class="container-fluid" @change="decideShowStations();">
         <div class="form-check form-switch">
           <input @change="selectAllStations();" class="form-check-input" type="checkbox" role="switch" id="showAllStations" v-model="showAllStations"/>
-          <label class="form-check-label" for="showAllStations">All Stations</label>
+          <label class="form-check-label" for="showAllStations">Show Stations</label>
         </div>
         <hr/>
         <div class="form-check form-switch">
@@ -33,7 +33,7 @@
       <div class="container-fluid" @change="decideShowTrains();">
         <div class="form-check form-switch">
           <input @change="selectAllTrains();" class="form-check-input" type="checkbox" role="switch" id="showAllTrains" v-model="showAllTrains"/>
-          <label class="form-check-label" for="showAllTrains">All Trains</label>
+          <label class="form-check-label" for="showAllTrains">Show Trains</label>
         </div>
         <hr/>
         <div class="form-check form-switch">
@@ -655,7 +655,8 @@ export default {
 #publicMessageTicker {
   z-index: 3;
   position: fixed;
-  bottom:0px;
+  bottom: 0px;
+  padding: 2px;
   width:100%;
   background-color: rgb(255, 255, 125);
   color: black;