-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (73 loc) · 5.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>KTM Train Map as Duration</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link rel="stylesheet" href="resources/KTMPageStyle.css">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script type="text/javascript" src="GTFSdata/KTMInfo.js"></script>
</head>
<body>
<b>For</b>
<select id="baseStationDropdown">
<option value="" disabled selected>Select base station</option>
</select>
<button id="toggleStationScheduleButton" onclick="toggleStationScheduleTableVisibility()">Show Schedule</button><br>
<a href="" id="filterLinkBoth">Total</a>:<span id="trainCountBoth">0</span> (
<a href="" id="filterLinkUp">Up</a>:<span id="trainCountUp">0</span>,
<a href="" id="filterLinkDown">Down</a>:<span id="trainCountDown">0</span> )
<a href="" id="filterLinkOthers"></a><span id="trainCountOthers"></span>
<span id="inactiveFocusTrainMesg"></span><span id="focusTrainLink"></span>.
<span id="#trainScheduleTable"></span>
<span id="system_status"></span>
<button id="countdownButton" onclick="fetchMtrecTrainPositionApiData()">Refresh in 60s</button>
<div id="map"></div>
<script>
let KTMStations = {
'Batu Caves' : {stationId:50600, tripDurationInMins: 0, tripDistanceInKms: 0 , location: [3.237796,101.681215] },
'Taman Wahyu' : {stationId:50500, tripDurationInMins: 4, tripDistanceInKms: 2.95 , location: [3.214510,101.672178] },
'Kampung Batu' : {stationId:50400, tripDurationInMins: 6, tripDistanceInKms: 4.2 , location: [3.204892,101.675584] },
'Batu Kentonmen' : {stationId:50300, tripDurationInMins: 8, tripDistanceInKms: 5.15 , location: [3.198485,101.681138] },
'Sentul' : {stationId:50000, tripDurationInMins: 12, tripDistanceInKms: 7.3 , location: [3.183581,101.688802] },
'Putra' : {stationId:18800, tripDurationInMins: 18, tripDistanceInKms: 9.646, location: [3.165399,101.691101] },
'Bank Negara' : {stationId:18900, tripDurationInMins: 21, tripDistanceInKms: 11.006, location: [3.155105,101.693118] },
'Kuala Lumpur' : {stationId:19000, tripDurationInMins: 25, tripDistanceInKms: 12.726, location: [3.139444,101.693333] },
'KL Sentral' : {stationId:19100, tripDurationInMins: 29, tripDistanceInKms: 13.886, location: [3.134167,101.686111] },
'Midvalley' : {stationId:19205, tripDurationInMins: 36, tripDistanceInKms: 16.006, location: [3.119211,101.678865] },
'Seputeh' : {stationId:19300, tripDurationInMins: 39, tripDistanceInKms: 16.706, location: [3.113612,101.681474] },
'Salak Selatan' : {stationId:19400, tripDurationInMins: 44, tripDistanceInKms: 20.006, location: [3.098413,101.705055] },
'Bdr. Tasek Selatan' : {stationId:19600, tripDurationInMins: 50, tripDistanceInKms: 23.106, location: [3.076229,101.711119] },
'Serdang' : {stationId:19900, tripDurationInMins: 57, tripDistanceInKms: 29.446, location: [3.023404,101.716056] },
'Kajang' : {stationId:20400, tripDurationInMins: 69, tripDistanceInKms: 40.346, location: [2.983222,101.790669] },
'Kajang 2' : {stationId:20402, tripDurationInMins: 72, tripDistanceInKms: 42.806, location: [2.962640,101.792070] },
'UKM' : {stationId:20500, tripDurationInMins: 75, tripDistanceInKms: 45.266, location: [2.939775,101.787623] },
'Bangi' : {stationId:20900, tripDurationInMins: 81, tripDistanceInKms: 50.066, location: [2.904467,101.785943] },
'Batang Benar' : {stationId:21300, tripDurationInMins: 94, tripDistanceInKms: 60.516, location: [2.829904,101.826655] },
'Nilai' : {stationId:21500, tripDurationInMins:100, tripDistanceInKms: 64.416, location: [2.802356,101.799303] },
'Labu' : {stationId:22000, tripDurationInMins:110, tripDistanceInKms: 71.476, location: [2.754501,101.826656] },
'Tiroi' : {stationId:22400, tripDurationInMins:116, tripDistanceInKms: 77.226, location: [2.741459,101.871914] },
'Seremban' : {stationId:22700, tripDurationInMins:124, tripDistanceInKms: 86.176, location: [2.719169,101.940792] },
'Senawang' : {stationId:22900, tripDurationInMins:130, tripDistanceInKms: 90.846, location: [2.690138,101.972336] },
'Sungai Gadut' : {stationId:23100, tripDurationInMins:135, tripDistanceInKms: 95.306, location: [2.660898,101.996158] },
'Rembau' : {stationId:23900, tripDurationInMins:148, tripDistanceInKms:109.486, location: [2.593055,102.094653] },
'Pulau Sebang' : {stationId:25100, tripDurationInMins:165, tripDistanceInKms:134.446, location: [2.46396,102.2263080] }
};
const BASESTATION_DEFAULT = "Serdang";
</script>
<script type="text/javascript" src="resources/KTMHandler.js"></script>
</body>
</html>
<!------------ Test cases
up - Shows only up trains
down - Shows only down trains
all - Shows all trains & counter for NA
both/else - Shows up & down
focus with active train : See map centered on active train & its distance
focus without active train : See message on top that train is inactive
change base station : Display & Distances change in map
Show Schedule: Shows for Weekdays/weekends & Legend
Hide Schedule: Removes schedule
In Table Schedule: Shows active trains. Links work.
----!-->