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

Added legend, sidebar revamp, fixed other visual bugs, fixed filepaths

Browse Source
This commit is contained in:
J-Lennox10
2023-03-27 17:19:34 +01:00
parent 02e56df4f5
commit 09438edcde
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/TrainSidebar.vue
View File

@ -20,21 +20,21 @@
<div id="sidebarDiv"> <div id="sidebarDiv">
<div id="typeDiv"> <div id="typeDiv">
<div id="typeIcon"> <div id="typeIcon">
<img id="typeImage" src = "src\assets\trainTypeIcon.png"> <img id="typeImage" src = "../assets/trainTypeIcon.png">
</div> </div>
<p id="typeP"><span style="color:grey; font-size: 14px;">Type:</span><br>{{ store.selectedTrain["TrainType"][0] }}</p> <p id="typeP"><span style="color:grey; font-size: 14px;">Type:</span><br>{{ store.selectedTrain["TrainType"][0] }}</p>
</div> </div>
<div id="dateDiv"> <div id="dateDiv">
<div id="dateIcon"> <div id="dateIcon">
<img id="dateImage" src = "src\assets\dateIcon.png"> <img id="dateImage" src = "../assets/dateIcon.png">
</div> </div>
<p id="dateP"><span style="color:grey; font-size: 14px;">Date:</span><br>{{ store.selectedTrain["TrainDate"][0] }}</p> <p id="dateP"><span style="color:grey; font-size: 14px;">Date:</span><br>{{ store.selectedTrain["TrainDate"][0] }}</p>
</div> </div>
<div id="positionDiv"> <div id="positionDiv">
<div id="positionIcon"> <div id="positionIcon">
<img id="positionImage" src = "src\assets\locationIcon.png"> <img id="positionImage" src = "../assets/locationIcon.png">
</div> </div>
<div id="positionParagraphDiv"> <div id="positionParagraphDiv">
<p id="longP"><span style="color:grey; font-size: 14px;">Longitude:</span><br>{{ store.selectedTrain["TrainLongitude"][0] }}</p> <p id="longP"><span style="color:grey; font-size: 14px;">Longitude:</span><br>{{ store.selectedTrain["TrainLongitude"][0] }}</p>
@ -44,18 +44,17 @@
<div id="directionDiv"> <div id="directionDiv">
<div id="directionIcon"> <div id="directionIcon">
<img id="directionImage" src="src\assets\directionIcon.png"> <img id="directionImage" src="../assets/directionIcon.png">
</div> </div>
<p id="directionP"><span style="color:grey; font-size: 14px;">Direction:</span><br>{{ store.selectedTrain["Direction"][0] }}</p> <p id="directionP"><span style="color:grey; font-size: 14px;">Direction:</span><br>{{ store.selectedTrain["Direction"][0] }}</p>
</div> </div>
<div id="publicMessageDiv"> <div id="publicMessageDiv">
<div id="publicMessageIcon"> <div id="publicMessageIcon">
<img id="publicMessageImage" src="src\assets\publicMessageIcon.png"> <img id="publicMessageImage" src="../assets/publicMessageIcon.png">
</div> </div>
<p id="publicMessageP"><span style="color:grey; font-size: 14px;">Public Message:</span><br>Public Message: {{ store.selectedTrain["PublicMessage"][0] }}</p> <p id="publicMessageP"><span style="color:grey; font-size: 14px;">Public Message:</span><br>Public Message: {{ store.selectedTrain["PublicMessage"][0] }}</p>
</div> </div>
<!--<p id="messageP">Public Message: {{ store.selectedTrain["PublicMessage"][0] }}</p> -->
</div> </div>
</div> </div>
</template> </template>