Routino SVN Repository Browser

Check out the latest version of Routino: svn co http://routino.org/svn/trunk routino

ViewVC logotype

Contents of /trunk/web/translations/visualiser.html

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1535 - (show annotations) (download) (as text)
Mon Mar 31 19:00:15 2014 UTC (11 years ago) by amb
File MIME type: text/html
File size: 21918 byte(s)
Use '$$' delimiters in the templates for the multi-line replacement strings (to
match the files of translation phrases).

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html>
3
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <meta name="keywords" content="openstreetmap routino verifier">
7 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no">
8
9 <title>Routino : @@VISUALISER-TITLE@@</title>
10
11 <!--
12 Routino data visualiser web page.
13
14 Part of the Routino routing software.
15
16 This file Copyright 2008-2014 Andrew M. Bishop
17
18 This program is free software: you can redistribute it and/or modify
19 it under the terms of the GNU Affero General Public License as published by
20 the Free Software Foundation, either version 3 of the License, or
21 (at your option) any later version.
22
23 This program is distributed in the hope that it will be useful,
24 but WITHOUT ANY WARRANTY; without even the implied warranty of
25 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
26 GNU Affero General Public License for more details.
27
28 You should have received a copy of the GNU Affero General Public License
29 along with this program. If not, see http://www.gnu.org/licenses/.
30 -->
31
32 <!-- Page elements -->
33 <script src="page-elements.js" type="text/javascript"></script>
34 <link href="page-elements.css" type="text/css" rel="stylesheet">
35
36 <!-- Router and visualiser shared features -->
37 <link href="maplayout.css" type="text/css" rel="stylesheet">
38
39 <!-- Visualiser specific features -->
40 <script src="mapprops.js" type="text/javascript"></script>
41 <link href="visualiser.css" type="text/css" rel="stylesheet">
42
43 <!-- Map parameters -->
44 <script src="mapprops.js" type="text/javascript"></script>
45
46 <!-- Map loader -->
47 <script src="maploader.js" type="text/javascript"></script>
48
49 </head>
50 <body onload="map_load('map_init();');">
51
52 <!-- Left hand side of window - data panel -->
53
54 <div class="left_panel">
55
56 <div class="tab_box">
57 <span id="tab_visualiser" onclick="tab_select('visualiser');" class="tab_selected" title="Select data options">Visualiser</span>
58 <span id="tab_router" onclick="tab_select('router');" class="tab_unselected" title="Plan a route">Router</span>
59 <span id="tab_data" onclick="tab_select('data');" class="tab_unselected" title="View database information">Data</span>
60 </div>
61
62 <div class="tab_content" id="tab_visualiser_div">
63
64 <div class="hideshow_box">
65 <span class="hideshow_title">@@VISUALISER-BOX@@</span>
66 $$VISUALISER-INFO$$
67 <div class="center">
68 <a target="other" href="http://www.routino.org/">@@ROUTINO-WEBSITE@@</a>
69 |
70 <a target="other" href="documentation/">@@DOCUMENTATION@@</a>
71 </div>
72 </div>
73
74 <div class="hideshow_box">
75 <span id="hideshow_language_show" onclick="hideshow_show('language');" class="hideshow_show">+</span>
76 <span id="hideshow_language_hide" onclick="hideshow_hide('language');" class="hideshow_hide">-</span>
77 <span class="hideshow_title">@@LANGUAGE-BOX@@</span>
78
79 <div id="hideshow_language_div" style="display: none;">
80 <table>
81 **LANGUAGES-META**
82 <tr>
83 <td><a id="lang_xx_url" href="visualiser.html.xx" title="@@LANGUAGE-WEBPAGE@@">@@LANGUAGE@@</a>
84 <td>(XX)
85 **LANGUAGES-META**
86 </table>
87 <a target="translation" href="http://www.routino.org/translations/">Routino Translations</a>
88 </div>
89 </div>
90
91 <div class="hideshow_box">
92 <span class="hideshow_title">@@INSTRUCTIONS-BOX@@</span>
93 $$VISUALISER-INSTRUCTIONS$$
94 </div>
95
96 <div class="hideshow_box">
97 <span class="hideshow_title">@@STATUS-BOX@@</span>
98 <div id="result_status">
99 <div id="result_status_no_data">
100 <b><i>@@NO-DATA-DISPLAYED@@</i></b>
101 </div>
102 <div id="result_status_data" style="display: none;">
103 </div>
104 <div id="result_status_failed" style="display: none;">
105 <b>@@VISUALISER-FAILED@@</b>
106 </div>
107 <div id="result_status_junctions" style="display: none;">
108 <b>@@VISUALISER-NUM-JUNCTIONS@@</b>
109 </div>
110 <div id="result_status_super" style="display: none;">
111 <b>@@VISUALISER-NUM-SUPER@@</b>
112 </div>
113 <div id="result_status_oneway" style="display: none;">
114 <b>@@VISUALISER-NUM-ONEWAY@@</b>
115 </div>
116 <div id="result_status_highway" style="display: none;">
117 <b>@@VISUALISER-NUM-SEGMENTS@@</b>
118 </div>
119 <div id="result_status_transport" style="display: none;">
120 <b>@@VISUALISER-NUM-SEGMENTS@@</b>
121 </div>
122 <div id="result_status_barrier" style="display: none;">
123 <b>@@VISUALISER-NUM-NODES@@</b>
124 </div>
125 <div id="result_status_turns" style="display: none;">
126 <b>@@VISUALISER-NUM-TURNS@@</b>
127 </div>
128 <div id="result_status_limit" style="display: none;">
129 <b>@@VISUALISER-NUM-LIMITS@@</b>
130 </div>
131 <div id="result_status_property" style="display: none;">
132 <b>@@VISUALISER-NUM-SEGMENTS@@</b>
133 </div>
134 <div id="result_status_errorlogs" style="display: none;">
135 <b>@@VISUALISER-NUM-ERRORS@@</b>
136 </div>
137 </div>
138 </div>
139
140 <div class="hideshow_box">
141 <span id="hideshow_junctions_show" onclick="hideshow_show('junctions');" class="hideshow_show">+</span>
142 <span id="hideshow_junctions_hide" onclick="hideshow_hide('junctions');" class="hideshow_hide">-</span>
143 <input type="button" id="junctions" onclick="displayData('junctions');" value="@@JUNCTIONS-BUTTON@@">
144 <div id="hideshow_junctions_div" style="display: none;">
145 $$JUNCTIONS-INFO$$
146 <br>
147 <table>
148 <tr><td><img src="icons/ball-1.png" alt="1" ><td>@@JUNCTIONS-1@@
149 <tr><td><img src="icons/ball-2.png" alt="2" ><td>@@JUNCTIONS-2@@
150 <tr><td><img src="icons/ball-3.png" alt="3" ><td>@@JUNCTIONS-3@@
151 <tr><td><img src="icons/ball-4.png" alt="4" ><td>@@JUNCTIONS-4@@
152 <tr><td><img src="icons/ball-5.png" alt="5" ><td>@@JUNCTIONS-5@@
153 <tr><td><img src="icons/ball-6.png" alt="6" ><td>@@JUNCTIONS-6@@
154 <tr><td><img src="icons/ball-7.png" alt="7+"><td>@@JUNCTIONS-MORE@@
155 </table>
156 </div>
157 </div>
158
159 <div class="hideshow_box">
160 <span id="hideshow_super_show" onclick="hideshow_show('super');" class="hideshow_show">+</span>
161 <span id="hideshow_super_hide" onclick="hideshow_hide('super');" class="hideshow_hide">-</span>
162 <input type="button" id="super" onclick="displayData('super');" value="@@SUPER-BUTTON@@">
163 <div id="hideshow_super_div" style="display: none;">
164 $$SUPER-INFO$$
165 </div>
166 </div>
167
168 <div class="hideshow_box">
169 <span id="hideshow_oneway_show" onclick="hideshow_show('oneway');" class="hideshow_show">+</span>
170 <span id="hideshow_oneway_hide" onclick="hideshow_hide('oneway');" class="hideshow_hide">-</span>
171 <input type="button" id="oneway" onclick="displayData('oneway');" value="@@ONEWAY-BUTTON@@">
172 <div id="hideshow_oneway_div" style="display: none;">
173 $$ONEWAY-INFO$$
174 </div>
175 </div>
176
177 <div class="hideshow_box">
178 <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">+</span>
179 <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">-</span>
180 <input type="button" id="highway" onclick="displayData('highway');" value="@@HIGHWAY-BUTTON@@">
181 <div id="hideshow_highway_div" style="display: none;">
182 $$HIGHWAY-INFO$$
183 <form name="highways" id="highways" action="#" method="get" onsubmit="return false;">
184 <table>
185 <tr><td>@@HIGHWAY-MOTORWAY@@: <td><input name="highway" type="radio" value="motorway" onchange="displayData('highway');">
186 <tr><td>@@HIGHWAY-TRUNK@@: <td><input name="highway" type="radio" value="trunk" onchange="displayData('highway');">
187 <tr><td>@@HIGHWAY-PRIMARY@@: <td><input name="highway" type="radio" value="primary" onchange="displayData('highway');" checked>
188 <tr><td>@@HIGHWAY-SECONDARY@@: <td><input name="highway" type="radio" value="secondary" onchange="displayData('highway');">
189 <tr><td>@@HIGHWAY-TERTIARY@@: <td><input name="highway" type="radio" value="tertiary" onchange="displayData('highway');">
190 <tr><td>@@HIGHWAY-UNCLASSIFIED@@:<td><input name="highway" type="radio" value="unclassified" onchange="displayData('highway');">
191 <tr><td>@@HIGHWAY-RESIDENTIAL@@: <td><input name="highway" type="radio" value="residential" onchange="displayData('highway');">
192 <tr><td>@@HIGHWAY-SERVICE@@: <td><input name="highway" type="radio" value="service" onchange="displayData('highway');">
193 <tr><td>@@HIGHWAY-TRACK@@: <td><input name="highway" type="radio" value="track" onchange="displayData('highway');">
194 <tr><td>@@HIGHWAY-CYCLEWAY@@: <td><input name="highway" type="radio" value="cycleway" onchange="displayData('highway');">
195 <tr><td>@@HIGHWAY-PATH@@: <td><input name="highway" type="radio" value="path" onchange="displayData('highway');">
196 <tr><td>@@HIGHWAY-STEPS@@: <td><input name="highway" type="radio" value="steps" onchange="displayData('highway');">
197 <tr><td>@@HIGHWAY-FERRY@@: <td><input name="highway" type="radio" value="ferry" onchange="displayData('highway');">
198 </table>
199 </form>
200 </div>
201 </div>
202
203 <div class="hideshow_box">
204 <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_show">+</span>
205 <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_hide">-</span>
206 <input type="button" id="transport" onclick="displayData('transport');" value="@@TRANSPORT-BUTTON@@">
207 <div id="hideshow_transport_div" style="display: none;">
208 $$TRANSPORT-INFO$$
209 <form name="transports" id="transports" action="#" method="get" onsubmit="return false;">
210 <table>
211 <tr><td>@@TRANSPORT-FOOT@@: <td><input name="transport" type="radio" value="foot" onchange="displayData('transport');">
212 <tr><td>@@TRANSPORT-HORSE@@: <td><input name="transport" type="radio" value="horse" onchange="displayData('transport');">
213 <tr><td>@@TRANSPORT-WHEELCHAIR@@:<td><input name="transport" type="radio" value="wheelchair" onchange="displayData('transport');">
214 <tr><td>@@TRANSPORT-BICYCLE@@: <td><input name="transport" type="radio" value="bicycle" onchange="displayData('transport');">
215 <tr><td>@@TRANSPORT-MOPED@@: <td><input name="transport" type="radio" value="moped" onchange="displayData('transport');">
216 <tr><td>@@TRANSPORT-MOTORCYCLE@@:<td><input name="transport" type="radio" value="motorcycle" onchange="displayData('transport');">
217 <tr><td>@@TRANSPORT-MOTORCAR@@: <td><input name="transport" type="radio" value="motorcar" onchange="displayData('transport');" checked>
218 <tr><td>@@TRANSPORT-GOODS@@: <td><input name="transport" type="radio" value="goods" onchange="displayData('transport');">
219 <tr><td>@@TRANSPORT-HGV@@: <td><input name="transport" type="radio" value="hgv" onchange="displayData('transport');">
220 <tr><td>@@TRANSPORT-PSV@@: <td><input name="transport" type="radio" value="psv" onchange="displayData('transport');">
221 </table>
222 </form>
223 </div>
224 </div>
225
226 <div class="hideshow_box">
227 <span id="hideshow_barrier_show" onclick="hideshow_show('barrier');" class="hideshow_show">+</span>
228 <span id="hideshow_barrier_hide" onclick="hideshow_hide('barrier');" class="hideshow_hide">-</span>
229 <input type="button" id="barrier" onclick="displayData('barrier');" value="@@BARRIER-BUTTON@@">
230 <div id="hideshow_barrier_div" style="display: none;">
231 $$BARRIER-INFO$$
232 <form name="barriers" id="barriers" action="#" method="get" onsubmit="return false;">
233 <table>
234 <tr><td>@@TRANSPORT-FOOT@@: <td><input name="barrier" type="radio" value="foot" onchange="displayData('barrier');">
235 <tr><td>@@TRANSPORT-HORSE@@: <td><input name="barrier" type="radio" value="horse" onchange="displayData('barrier');">
236 <tr><td>@@TRANSPORT-WHEELCHAIR@@:<td><input name="barrier" type="radio" value="wheelchair" onchange="displayData('barrier');">
237 <tr><td>@@TRANSPORT-BICYCLE@@: <td><input name="barrier" type="radio" value="bicycle" onchange="displayData('barrier');">
238 <tr><td>@@TRANSPORT-MOPED@@: <td><input name="barrier" type="radio" value="moped" onchange="displayData('barrier');">
239 <tr><td>@@TRANSPORT-MOTORCYCLE@@:<td><input name="barrier" type="radio" value="motorcycle" onchange="displayData('barrier');">
240 <tr><td>@@TRANSPORT-MOTORCAR@@: <td><input name="barrier" type="radio" value="motorcar" onchange="displayData('barrier');" checked>
241 <tr><td>@@TRANSPORT-GOODS@@: <td><input name="barrier" type="radio" value="goods" onchange="displayData('barrier');">
242 <tr><td>@@TRANSPORT-HGV@@: <td><input name="barrier" type="radio" value="hgv" onchange="displayData('barrier');">
243 <tr><td>@@TRANSPORT-PSV@@: <td><input name="barrier" type="radio" value="psv" onchange="displayData('barrier');">
244 </table>
245 </form>
246 </div>
247 </div>
248
249 <div class="hideshow_box">
250 <span id="hideshow_turns_show" onclick="hideshow_show('turns');" class="hideshow_show">+</span>
251 <span id="hideshow_turns_hide" onclick="hideshow_hide('turns');" class="hideshow_hide">-</span>
252 <input type="button" id="turns" onclick="displayData('turns');" value="@@TURNS-BUTTON@@">
253 <div id="hideshow_turns_div" style="display: none;">
254 $$TURNS-INFO$$
255 </div>
256 </div>
257
258 <div class="hideshow_box">
259 <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">+</span>
260 <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">-</span>
261 <input type="button" id="speed" onclick="displayData('speed');" value="@@SPEED-BUTTON@@">
262 <div id="hideshow_speed_div" style="display: none;">
263 $$SPEED-INFO$$
264 <br>
265 <table>
266 <tr><td><img src="icons/ball-1.png" alt="." ><td>@@LIMIT-CHANGE@@
267 <tr><td><img src="icons/limit-no.png" alt="()" ><td>@@LIMIT-NONE@@
268 <tr><td><img src="icons/limit-80.png" alt="(80)"><td>@@SPEED-LIMIT-80@@
269 </table>
270 </div>
271 </div>
272
273 <div class="hideshow_box">
274 <span id="hideshow_weight_show" onclick="hideshow_show('weight');" class="hideshow_show">+</span>
275 <span id="hideshow_weight_hide" onclick="hideshow_hide('weight');" class="hideshow_hide">-</span>
276 <input type="button" id="weight" onclick="displayData('weight');" value="@@WEIGHT-BUTTON@@">
277 <div id="hideshow_weight_div" style="display: none;">
278 $$WEIGHT-INFO$$
279 <br>
280 <table>
281 <tr><td><img src="icons/ball-1.png" alt="." ><td>@@LIMIT-CHANGE@@
282 <tr><td><img src="icons/limit-no.png" alt="()" ><td>@@LIMIT-NONE@@
283 <tr><td><img src="icons/limit-8.0.png" alt="(8.0)"><td>@@WEIGHT-LIMIT-8@@
284 </table>
285 </div>
286 </div>
287
288 <div class="hideshow_box">
289 <span id="hideshow_height_show" onclick="hideshow_show('height');" class="hideshow_show">+</span>
290 <span id="hideshow_height_hide" onclick="hideshow_hide('height');" class="hideshow_hide">-</span>
291 <input type="button" id="height" onclick="displayData('height');" value="@@HEIGHT-BUTTON@@">
292 <div id="hideshow_height_div" style="display: none;">
293 $$HEIGHT-INFO$$
294 <br>
295 <table>
296 <tr><td><img src="icons/ball-1.png" alt="." ><td>@@LIMIT-CHANGE@@
297 <tr><td><img src="icons/limit-no.png" alt="()" ><td>@@LIMIT-NONE@@
298 <tr><td><img src="icons/limit-4.0.png" alt="(4.0)"><td>@@HEIGHT-LIMIT-4@@
299 </table>
300 </div>
301 </div>
302
303 <div class="hideshow_box">
304 <span id="hideshow_width_show" onclick="hideshow_show('width');" class="hideshow_show">+</span>
305 <span id="hideshow_width_hide" onclick="hideshow_hide('width');" class="hideshow_hide">-</span>
306 <input type="button" id="width" onclick="displayData('width');" value="@@WIDTH-BUTTON@@">
307 <div id="hideshow_width_div" style="display: none;">
308 $$WIDTH-INFO$$
309 <br>
310 <table>
311 <tr><td><img src="icons/ball-1.png" alt="." ><td>@@LIMIT-CHANGE@@
312 <tr><td><img src="icons/limit-no.png" alt="()" ><td>@@LIMIT-NONE@@
313 <tr><td><img src="icons/limit-3.0.png" alt="(3.0)"><td>@@WIDTH-LIMIT-3@@
314 </table>
315 </div>
316 </div>
317
318 <div class="hideshow_box">
319 <span id="hideshow_length_show" onclick="hideshow_show('length');" class="hideshow_show">+</span>
320 <span id="hideshow_length_hide" onclick="hideshow_hide('length');" class="hideshow_hide">-</span>
321 <input type="button" id="length" onclick="displayData('length');" value="@@LENGTH-BUTTON@@">
322 <div id="hideshow_length_div" style="display: none;">
323 $$LENGTH-INFO$$
324 <br>
325 <table>
326 <tr><td><img src="icons/ball-1.png" alt="." ><td>@@LIMIT-CHANGE@@
327 <tr><td><img src="icons/limit-no.png" alt="()" ><td>@@LIMIT-NONE@@
328 <tr><td><img src="icons/limit-9.0.png" alt="(9.0)"><td>@@LENGTH-LIMIT-9@@
329 </table>
330 </div>
331 </div>
332
333 <div class="hideshow_box">
334 <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">+</span>
335 <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">-</span>
336 <input type="button" id="property" onclick="displayData('property');" value="@@PROPERTY-BUTTON@@">
337 <div id="hideshow_property_div" style="display: none;">
338 $$PROPERTY-INFO$$
339 <form name="properties" id="properties" action="#" method="get" onsubmit="return false;">
340 <table>
341 <tr><td>@@PROPERTY-PAVED@@: <td><input name="property" type="radio" value="paved" onchange="displayData('property');" checked>
342 <tr><td>@@PROPERTY-MULTILANE@@: <td><input name="property" type="radio" value="multilane" onchange="displayData('property');">
343 <tr><td>@@PROPERTY-BRIDGE@@: <td><input name="property" type="radio" value="bridge" onchange="displayData('property');">
344 <tr><td>@@PROPERTY-TUNNEL@@: <td><input name="property" type="radio" value="tunnel" onchange="displayData('property');">
345 <tr><td>@@PROPERTY-WALKINGROUTE@@: <td><input name="property" type="radio" value="footroute" onchange="displayData('property');">
346 <tr><td>@@PROPERTY-BICYCLEROUTE@@: <td><input name="property" type="radio" value="bicycleroute" onchange="displayData('property');">
347 <tr><td>@@PROPERTY-CYCLE-BOTHWAYS@@:<td><input name="property" type="radio" value="cyclebothways" onchange="displayData('property');">
348 </table>
349 </form>
350 </div>
351 </div>
352
353 <div class="hideshow_box">
354 <span id="hideshow_errorlogs_show" onclick="hideshow_show('errorlogs');" class="hideshow_show">+</span>
355 <span id="hideshow_errorlogs_hide" onclick="hideshow_hide('errorlogs');" class="hideshow_hide">-</span>
356 <input type="button" id="errorlogs" onclick="displayData('errorlogs');" value="@@ERROR-LOG-BUTTON@@">
357 <div id="hideshow_errorlogs_div" style="display: none;">
358 $$ERROR-LOG-INFO$$
359 </div>
360 </div>
361
362 <div class="hideshow_box">
363 <input type="button" id="clear" onclick="displayData('');" value="@@CLEAR-DATA-BUTTON@@">
364 </div>
365
366 <div class="hideshow_box">
367 <span class="hideshow_title">@@LINKS-BOX@@</span>
368 <a id="permalink_url" href="visualiser.html">@@MAP-VIEW-LINK@@</a>
369 <br>
370 <a id="edit_url" target="edit" style="display: none;">@@EDIT-OSM-DATA@@</a>
371 </div>
372
373 <div class="hideshow_box">
374 <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">+</span>
375 <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">-</span>
376 <span class="hideshow_title">@@HELP-BOX@@</span>
377 <div id="hideshow_help_options_div">
378 <div class="scrollable">
379 $$VISUALISER-HELP$$
380 </div>
381 </div>
382 </div>
383 </div>
384
385 <div class="tab_content" id="tab_router_div" style="display: none;">
386 <div class="hideshow_box">
387 <span class="hideshow_title">@@ROUTER-BOX@@</span>
388 $$VISUALISER-ROUTER-INFO$$
389 <br>
390 <a id="router_url" href="router.html" target="router">@@MAP-VIEW-LINK@@</a>
391 </div>
392 </div>
393
394 <div class="tab_content" id="tab_data_div" style="display: none;">
395 <div class="hideshow_box">
396 <span class="hideshow_title">@@STATISTICS-BOX@@</span>
397 <div id="statistics_data"></div>
398 <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">@@DISPLAY-STATISTICS@@</a>
399 </div>
400 </div>
401
402 </div>
403
404 <!-- Right hand side of window - map -->
405
406 <div class="right_panel">
407 <div class="map" id="map">
408 <noscript>
409 <p>
410 @@JAVASCRIPT-REQUIRED@@
411 </noscript>
412 </div>
413 <div class="attribution">
414 @@ROUTER@@: <a href="http://www.routino.org/" target="routino">Routino</a>
415 |
416 @@GEO-DATA@@: <span id="attribution_data"></span>
417 |
418 @@TILES@@: <span id="attribution_tile"></span>
419 </div>
420 </div>
421
422 </body>
423
424 </html>