-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
225 lines (211 loc) · 10.2 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MTR PIDS Simulator</title>
<link rel="stylesheet" href="./assets/css/config.css">
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="stylesheet" href="./assets/css/reset.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://www.hktramways.com/js/nextTramData.js"></script>
<script src="./assets/js/titlebar.js" type="module"></script>
<script src="./assets/js/static/data.js"></script>
<script src="./assets/js/configpanel.js" type="module"></script>
<script src="./assets/js/main.js" type="module"></script>
<!-- Open Graph / Facebook -->
<meta property="og:locale" content="zh_HK" />
<meta property="og:type" content="website">
<meta property="og:url" content="https://hktss.github.io/mtr-pids">
<meta property="og:title" content="願景資訊顯示屏模擬器">
<meta property="og:description" content=" ">
<meta property="og:image" content="https://hktss.github.io/mtr-pids/assets/img/thumb.png">
<meta property="og:image:width" content="960">
<meta property="og:image:height" content="468">
<!-- Twitter -->
<meta property="twitter:url" content="https://hktss.github.io/mtr-pids">
<meta property="twitter:title" content="MTR Railway Vision PIDS Simulator">
<meta property="twitter:description" content=" ">
<meta property="twitter:image" content="https://hktss.github.io/mtr-pids/assets/img/thumb.png">
<!-- Include this to make the og:image larger -->
<meta name="twitter:card" content="summary_large_image">
</head>
<body>
<span class="widthCheck"></span>
<div class="config">
<div class="configBox">
<div id="error" style="display: none"></div>
<span class="title lang lang-en">RV PIDS Config</span>
<span class="title lang lang-zh">願景資訊顯示屏模擬器</span>
<button id="langchoose">EN</button>
<div class="online">
<h1 class="secHeader lang lang-en">Lines</h1>
<h1 class="secHeader lang lang-zh">路線</h1>
<select class="route">
<option value="TCL">東涌綫 Tung Chung Line</option>
<option value="WRL">屯馬綫 Tuen Ma Line</option>
<option value="TKL">將軍澳綫 Tsueng Kwan O Line</option>
<option value="AEL">機場快綫 Airport Express</option>
<option value="EAL">東鐵綫 East Rail Line</option>
<option value="DRL">迪士尼綫 Disneyland Resort Line</option>
<option value="LRT">輕鐵 Light Rail</option>
</select>
<h1 class="secHeader lang lang-en">Station</h1>
<h1 class="secHeader lang lang-zh">車站</h1>
<select class="station">
</select>
<h1 class="secHeader lang lang-en">Direction</h1>
<h1 class="secHeader lang lang-zh">方向</h1>
<select class="direction">
<option value="UP"></option>
<option value="DOWN"></option>
<option value="BOTH"></option>
</select>
</div>
<div class="offline" style="display: none;">
<h1 class="secHeader lang lang-en">ETA Data</h1>
<h1 class="secHeader lang lang-zh">下班列車資料</h1>
<table>
<tr class="lang lang-en">
<td>Destination</td>
<td class="centeredItem">Platform</td>
<td class="centeredItem">ETA</td>
</tr>
<tr class="lang lang-zh">
<td>終點站</td>
<td class="centeredItem">月台</td>
<td class="centeredItem">到達時間</td>
</tr>
<tr>
<td><input type="text" autocomplete="off" id="dest1"></input>
</td>
<td><input type="text" size="1" autocomplete="off" id="plat1"></input>
</td>
<td><input type="text" size="2" autocomplete="off" id="ttnt1"></input>
</td>
</tr>
<tr>
<td><input type="text" autocomplete="off" id="dest2"></input>
</td>
<td><input type="text" size="1" autocomplete="off" id="plat2"></input>
</td>
<td><input type="text" size="2" autocomplete="off" id="ttnt2"></input>
</td>
</tr>
<tr>
<td><input type="text" autocomplete="off" id="dest3"></input>
</td>
<td><input type="text" size="1" autocomplete="off" id="plat3"></input>
</td>
<td><input type="text" size="2" autocomplete="off" id="ttnt3"></input>
</td>
</tr>
<tr>
<td><input type="text" autocomplete="off" id="dest4"></input>
</td>
<td><input type="text" size="1" autocomplete="off" id="plat4"></input>
</td>
<td><input type="text" size="2" autocomplete="off" id="ttnt4"></input>
</td>
</tr>
</table>
<h1 class="lang lang-en secHeader">Route Color</h1>
<h1 class="lang lang-zh secHeader">路線顏色</h1>
<input type="color" maxlength="6" size="6" class="rtColor"></input>
<br>
<h1 class="lang lang-en secHeader">Font Ratio:</h1>
<h1 class="lang lang-zh secHeader">字體比例</h1>
<input type="number" class="fontRatioCustom" size="2" step="0.1" value="1"></input>
</div>
<h1 class="secHeader lang lang-en">Special Message</h1>
<h1 class="secHeader lang lang-zh">特別信息</h1>
<select class="specialMsg"></select>
<br>
<h1 class="secHeader lang lang-en">Display Mode</h1>
<h1 class="secHeader lang lang-zh">顯示模式</h1>
<select class="dpMode">
<option value="NORMAL">Normal 正常</option>
<option value="AD">Display Ads Only 只顯示廣告</option>
<option value="ADNT1">Ads+Next Train 廣告+下一班車</option>
<option value="NT4">Next 4 Train 顯示下四班車</option>
<option value="NT4_CT">Next 4 Train (Clock Time) 顯示下四班車(時刻)</option>
</select>
<br>
<input type="checkbox" id="onlinemode" class="onlineMode translatable" checked></input>
<label for="onlinemode" class="lang lang-en">Use real-time train data</label>
<label for="onlinemode" class="lang lang-zh">使用實時到站資訊</label>
<br>
<input class="showPlat" id="showplatform" type="checkbox" checked></input>
<label for="showplatform" class="lang lang-en">Show Platform</label>
<label for="showplatform" class="lang lang-zh">顯示月台</label>
<br>
<input id="routeheader" type="checkbox" class="translatable"></input>
<label for="routeheader" class="lang lang-en">Show route in header bar</label>
<label for="routeheader" class="lang lang-zh">顯示路線名稱</label>
<br>
<br>
<button class="tfs lang lang-en">Toggle Fullscreen</button>
<button class="tfs lang lang-zh">切換全螢幕</button>
<br>
<button class="saveCfg lang lang-en">Save & Close this page</button>
<button class="saveCfg lang lang-zh">套用設定及關閉此頁面</button>
<a href="https://www.facebook.com/HKTransportSimulationStudio" class="footer">HKTSS 2023</a>
<br>
</div>
</div>
<div class="main">
<div id="titlebar">
<div class="t1 weathers">
<span class="weatherIcon"><noscript>Javascript is required for this page</noscript></span>
<span class="weather notranslate"></span>
</div>
<div class="t1 topbar-clock">
<span class="clock"></span>
</div>
<div class="t2">
<span class="rtname">Kwun Tong Line</span>
</div>
</div>
<div id="promo">
</div>
<div id="arrivals">
<table id="arrivalBackground">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<table id="arrivalOverlay">
<tr>
<td class="destination scalable"></td>
<td class="plat"><span class="platcircle"></span></td>
<td class="eta scalable"></td>
</tr>
<tr>
<td class="destination scalable"></td>
<td class="plat"><span class="platcircle"></span></td>
<td class="eta scalable"></td>
</tr>
<tr>
<td class="destination scalable"></td>
<td class="plat"><span class="platcircle"></span></td>
<td class="eta scalable"></td>
</tr>
<tr>
<td class="destination scalable"></td>
<td class="plat"><span class="platcircle"></span></td>
<td class="eta scalable"></td>
</tr>
</table>
</div>
</div>
</body>
</html>