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

add 'show all trains' toggle

Browse Source
This commit is contained in:
Andrew
2023-03-20 16:15:50 +00:00
parent 3935f272d0
commit f347d5df65
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/MapPage.vue
View File

@ -23,6 +23,10 @@
</div> </div>
<div id="prefHeader">TRAINS</div> <div id="prefHeader">TRAINS</div>
<div class="container-fluid" @change="decideShowTrains();"> <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">Select All Trains</label>
</div>
<div class="form-check form-switch"> <div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="showMainland" v-model="showMainland"/> <input class="form-check-input" type="checkbox" role="switch" id="showMainland" v-model="showMainland"/>
<label class="form-check-label" for="showMainland">Mainline Trains</label> <label class="form-check-label" for="showMainland">Mainline Trains</label>
@ -164,6 +168,7 @@ export default {
showAllStations: true, showAllStations: true,
showMainlandStations: true, showMainlandStations: true,
showDARTStations: true, showDARTStations: true,
showAllTrains: true,
showLate: true, showLate: true,
showOnTime: true, showOnTime: true,
showMainland: true, showMainland: true,
@ -300,6 +305,17 @@ export default {
this.showMainlandStations = this.showAllStations; this.showMainlandStations = this.showAllStations;
}, },
// method to select all trains
selectAllTrains() {
this.showLate = this.showAllTrains;
this.showOnTime = this.showAllTrains;
this.showMainland = this.showAllTrains;
this.showDART = this.showAllTrains;
this.showRunning = this.showAllTrains;
this.showTerminated = this.showAllTrains;
this.showNotYetRunning = this.showAllTrains;
},
// method to display a selected train // method to display a selected train
getSelectedTrain(i) { getSelectedTrain(i) {
store.setSelectedTrain(this.allTrains[i]); store.setSelectedTrain(this.allTrains[i]);