aindreas/traintracker
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

red icon if train late, green if not

Browse Source
This commit is contained in:
Andrew
2023-03-02 19:28:44 +00:00
parent dc8b3e82a2
commit 2cd6276d36
10 changed files with 165 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/Map.vue
View File

@ -39,9 +39,10 @@
<template v-for="coordinate, i in coordinates" :position="inline-block">
<!-- overlay offset is the size of the image so that it is centered-->
<ol-overlay :position="coordinate" :positioning="center-center" :offset="[-16,-16]">
<ol-overlay :position="coordinate" :positioning="center-center" :offset="[-14,-16]">
<div class="overlay-content" @click="getSelectedTrain(i)">
<img src="../assets/train-solid.svg" class="trainMapIcon" alt="Train Icon">
<img v-if="isTrainLate(i)" src="../assets/red-train-solid.png" class="trainMapIcon" alt="Train Icon">
<img v-else src="../assets/green-train-solid.png" class="trainMapIcon" alt="Train Icon">
</div>
</ol-overlay>
@ -207,6 +208,35 @@ export default {
this.selectedDataMap["PublicMessage"] = this.allDataMap[i]["PublicMessage"][0];
},
// method to determine whether or not a selected train is late
isTrainLate(i) {
// check if the train is running
if (this.allDataMap[i]["TrainStatus"][0] == "R") {
let publicMessage = this.allDataMap[i]["PublicMessage"][0];
let startTimeStr = publicMessage.indexOf("(");
// checking if the train is late
if (publicMessage[startTimeStr+1] != "-" && publicMessage[startTimeStr+1] != "0") {
return true;
// this.numLateRunningTrains += 1;
// if (!latest) {
// latest = this.dbLiveTrainData[i];
// }
//
// let timeEnd = publicMessage.indexOf(" ", startTimeStr+1);
// let num = parseInt(publicMessage.substring(startTimeStr+1, timeEnd))
//
// // new latest train
// if (num > currLatestTime) {
// latest = this.dbLiveTrainData[i]
// currLatestTime = num
// }
}
}
return false;
},
// ---------------- TESTING ----------------
postLiveTrainData() {
const functions = getFunctions(app);
@ -231,8 +261,8 @@ export default {
}
.trainMapIcon {
width: 28px;
height: 32px;
width: 32px;
}
.slideLeft-enter-active, .slideLeft-leave-active {