diff options
Diffstat (limited to 'cgi/templates/main.html.ep')
| -rw-r--r-- | cgi/templates/main.html.ep | 153 |
1 files changed, 153 insertions, 0 deletions
diff --git a/cgi/templates/main.html.ep b/cgi/templates/main.html.ep new file mode 100644 index 0000000..6686ff6 --- /dev/null +++ b/cgi/templates/main.html.ep @@ -0,0 +1,153 @@ +<!DOCTYPE html> +<html> +<head> + <title><%= $title %></title> + <meta charset="utf-8"> + <style type="text/css"> + + body { + font-family: Sans-Serif; + } + + div.about { + margin-top: 2em; + color: #666666; + } + + div.about a { + color: #000066; + text-decoration: none; + } + + span.optional { + color: #666666; + } + + div.break { + height: 1em; + } + + div.field { + width: 100%; + clear: both; + } + + div.field div.desc { + float: left; + width: 14em; + text-align: right; + padding-right: 0.5em; + } + + input, select { + border: 1px solid black; + } + + div.notes { + margin-top: 4em; + } + + div.notes ul { + margin-top: 1em; + } + + </style> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> +</head> +<body> + +% if ($city and $stop) { +<img src="../<%= $city %>/<%= $stop %>.png?<%= $params %>" alt="" +id="display" height="<%= $height * 4 %>" width="<%= $width * 4 %>"/> +% } +% 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 prefix</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> +<% end %> + +</div> <!-- input-field --> + +<div class="notes"> +<span class="optional">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> + +<script type="text/javascript"> +function reloadDisplay() { + d = new Date(); + $("#display").attr("src", "../<%= $city %>/<%= $stop %>.png?<%= $params %>&r="+d.getTime()) + setTimeout('reloadDisplay()', 60000); +} + +setTimeout('reloadDisplay()', 60000); +</script> + +</html> |