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

Merge pull request #68 from 0hAodha/improvedsearch

Browse Source 
add station searching & fix uppercase searching
This commit is contained in:
Conor McNamara
2023-03-23 17:43:00 +00:00
committed by GitHub
parent 587e202bcf dc5261a98d
commit 4ece5a2597
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/MapPage.vue
View File

@ -3,7 +3,7 @@
<Navbar /> <Navbar />
<div id="mapCover"> <div id="mapCover">
<div id="searchContainer"> <div id="searchContainer">
<input id="searchBar" type="text" v-model="searchinput" placeholder="Search Trains" /> <input id="searchBar" type="text" v-model="searchinput" placeholder="Search Trains/Stations" />
</div> </div>
</div> </div>
@ -89,7 +89,7 @@
<div v-if="(!store.isWaitingForLoginStatus && !store.loggedIn) || (store.loggedIn && readyToDisplayMap)"> <div v-if="(!store.isWaitingForLoginStatus && !store.loggedIn) || (store.loggedIn && readyToDisplayMap)">
<!-- train overlay --> <!-- train overlay -->
<template v-for="coordinate, i in trainCoordinates" :position="inline-block"> <template v-for="coordinate, i in trainCoordinates" :position="inline-block">
<ol-overlay v-if="showTrains[i] && (!searchinput || (searchinput && this.allTrains[i]['PublicMessage'][0].toLowerCase().includes(searchinput) || this.allTrains[i]['Direction'][0].toLowerCase().includes(searchinput)))" :position="coordinate" :offset="[-14,-16]"> <ol-overlay v-if="showTrains[i] && (!searchinput || (searchinput && this.allTrains[i]['PublicMessage'][0].toLowerCase().includes(searchinput.toLowerCase()) || this.allTrains[i]['Direction'][0].toLowerCase().includes(searchinput.toLowerCase())))" :position="coordinate" :offset="[-14,-16]">
<div class="overlay-content" @click="getSelectedTrain(i)"> <div class="overlay-content" @click="getSelectedTrain(i)">
<div v-if="getTrainType(i) === 'DART'"> <div v-if="getTrainType(i) === 'DART'">
<img v-if="isTrainRunning(i) && isTrainLate(i)" src="../assets/red-train-tram-solid.png" class="trainMapIcon" alt="Late DART Icon"> <img v-if="isTrainRunning(i) && isTrainLate(i)" src="../assets/red-train-tram-solid.png" class="trainMapIcon" alt="Late DART Icon">
@ -107,7 +107,7 @@
<!-- station overlay --> <!-- station overlay -->
<template v-for="coordinate, i in stationCoordinates" :position="inline-block"> <template v-for="coordinate, i in stationCoordinates" :position="inline-block">
<ol-overlay v-if="showStations[i]" :position="coordinate" :offset="[-14,-16]"> <ol-overlay v-if="showStations[i] && (!searchinput || (searchinput && this.allStations[i]['StationCode'][0].toLowerCase().includes(searchinput.toLowerCase()) || this.allStations[i]['StationDesc'][0].toLowerCase().includes(searchinput.toLowerCase())))" :position="coordinate" :offset="[-14,-16]">
<div class="overlay-content" @click="getSelectedStation(i)"> <div class="overlay-content" @click="getSelectedStation(i)">
<img src="../assets/station.png" class="stationMapIcon" alt="Station Icon"> <img src="../assets/station.png" class="stationMapIcon" alt="Station Icon">
</div> </div>