diff options
Diffstat (limited to 'templates/main.html.ep')
| -rw-r--r-- | templates/main.html.ep | 169 |
1 files changed, 169 insertions, 0 deletions
diff --git a/templates/main.html.ep b/templates/main.html.ep new file mode 100644 index 0000000..8f42291 --- /dev/null +++ b/templates/main.html.ep @@ -0,0 +1,169 @@ +<!DOCTYPE html> +<html> +<head> + <title><%= $title %></title> + <meta charset="utf-8"> + %= stylesheet '/main.css' + %= javascript '/jquery-2.1.1.min.js' + %= javascript '/image.js' +</head> +<body> + +% if ($city and $stop) { +% if ($errstr) { +<div class="error">Received an error from the backend service:</div> +<div> +<pre> +%= $errstr +</pre> +</div> +% } +% elsif ($frontend eq 'png') { +<img src="/<%= $city %>/<%= $stop %>.png?<%= $params %>" alt="" +id="display" height="<%= $height * 4 %>" width="<%= $width * 4 %>"/> +% } +% elsif ($frontend eq 'html') { +<iframe src="/<%= $city %>/<%= $stop %>.html?<%= $params %>" id="display" +height="<%= $height * 5 %>" width="<%= $width * 5 %>"></iframe> +% } +% elsif ($frontend eq 'infoscreen') { +<p> +<a href="/<%= $city %>/<%= $stop %>.html?<%= $params %>&template=infoscreen">Infoscreen for +<%= $city %> <%= $stop %></a> +</p> +Preview:<br/> +<iframe src="/<%= $city %>/<%= $stop %>.html?<%= $params %>&template=infoscreen" id="display" +height="<%= $height * 5 %>" width="<%= $width * 5 %>"></iframe> +% } +% elsif ($frontend eq 'json') { +<p> +<a href="/<%= $city %>/<%= $stop %>.json?<%= $params %>">JSON data for +<%= $city %> <%= $stop %></a> +</p> +<p> +Data is cached for 1 minute: JSON format: +</p> +<ul> +<li>error: err string if an error occured, otherwise null</li> +<li>preformatted: strings used by the PNG / HTML frontend</li> +<li>raw: +% if (param('backend') and param('backend') eq 'db') { +serialized +<a href="http://finalrewind.org/projects/Travel-Status-DE-DeutscheBahn/"> +Travel::Status::DE::DeutscheBahn</a>-objects, see the +<a href="http://man.finalrewind.org/3/Travel-Status-DE-DeutscheBahn-Result/">::Result</a> +documentation +% } +% else { +serialized +<a href="http://finalrewind.org/projects/Travel-Status-DE-VRR/"> +Travel::Status::DE::VRR</a>-objects, see the +<a href="http://man.finalrewind.org/3/Travel-Status-DE-VRR-Result/">::Result</a> +and +<a href="http://man.finalrewind.org/3/Travel-Status-DE-VRR-Line/">::Line</a> +documentation +% } +</li> +<li>version: Program version (string, not numeric)</li> +</ul> +% } +% } # ($city and $stop) +% else { + +<p> +VRR-Fakedisplay shows the next departures at a public transit stop, just like +the Lumino LED displays used at some stops. +</p> + +<p> +It works best for the VRR (Verkehrsverbund Rhein-Ruhr), but also supports most +other German transit networks. +</p> + +% } + +<div class="input-field"> + +% if (my $error = stash 'error') { +<p> + Error: <%= $error %><br/> +</p> +% } + +%= form_for _redirect => begin +<div> + <div class="field"> + <div class="desc">City → Stop</div> + <div> + %= text_field 'city' + %= text_field 'stop' + %= submit_button 'Display' + </div> + </div> + <div class="break"></div> + <span class="optional">optional:</span> + <div class="field"> + <div class="desc" title="number of lines"> + display height [1..10]</div> + <div> + %= text_field 'no_lines' + </div> + </div> + <div class="field"> + <div class="desc">min. offset [minutes]</div> + <div> + %= text_field 'offset' + </div> + </div> + <div class="field"> + <div class="desc" title="comma-separated list, example: NE,U,10"> + match line prefixes¹</div> + <div> + %= text_field 'line' + </div> + </div> + <div class="field"> + <div class="desc" title="comma-separated list. Buggy.">match platform¹</div> + <div> + %= text_field 'platform' + </div> + </div> + <div class="field"> + <div class="desc">backend</div> + <div> + %= select_field backend => [['EFA (VRR)' => 'vrr'], ['HAFAS (DB)' => 'db']] + </div> + </div> + <div class="field"> + <div class="desc">frontend</div> + <div> + %= select_field frontend => [['Image (PNG)' => 'png'], ['HTML' => 'html'], ['Infoscreen' => 'infoscreen'], ['JSON' => 'json']] + </div> + </div> +</div> +% end + +<p> +<b>¹</b> separate values with commas, e.g. NE,U,10 +</p> +</div> <!-- input-field --> + +<div class="notes"> +<span class="notes">notes:</span> +<ul> +<li>The EFA backend does not support Umlauts</li> +<li>For Düsseldorf, the DB backend usually gives better results</li> +<li>If you write the city correctly (like "Essen", not "essen"), vrr-fake can +shorten destination names</li> +<li><a href="/Essen/Martinstr?no_lines=8">Example</a> +</li> +</ul> +</div> <!-- notes --> + +<div class="about"> +<a href="http://finalrewind.org/projects/vrr-fakedisplay/">vrr-fakedisplay</a> +v<%= $version %> +</div> + +</body> +</html> |