diff options
author | Daniel Friesel <derf@finalrewind.org> | 2013-02-09 23:04:24 +0100 |
---|---|---|
committer | Daniel Friesel <derf@finalrewind.org> | 2013-02-09 23:04:24 +0100 |
commit | 6b7f19880ba5bbcc0632b457404f102c9deac462 (patch) | |
tree | fb9915fadafaf03c7e0e1089836d132d35746a8a /cgi/templates | |
parent | 2387723d004a00a82ced89e40d422ec56df54117 (diff) |
move templates from DATA section to separate files
Diffstat (limited to 'cgi/templates')
-rw-r--r-- | cgi/templates/layouts/default.html.ep | 223 | ||||
-rw-r--r-- | cgi/templates/multi.html.ep | 54 | ||||
-rw-r--r-- | cgi/templates/not_found.html.ep | 13 | ||||
-rw-r--r-- | cgi/templates/single.html.ep | 49 |
4 files changed, 339 insertions, 0 deletions
diff --git a/cgi/templates/layouts/default.html.ep b/cgi/templates/layouts/default.html.ep new file mode 100644 index 0000000..8d4db7c --- /dev/null +++ b/cgi/templates/layouts/default.html.ep @@ -0,0 +1,223 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" + "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> +<head> + <title><%= $title %></title> + <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/> + <style type="text/css"> + + html { + font-family: Sans-Serif; + } + + div.outer { + border: 0.2em solid #000066; + width: 55em; + } + + div.display { + background-color: #0000ff; + color: white; + font-family: Sans-Serif; + font-weight: bold; + position: relative; + margin-bottom: 0; + margin-top: 0; + padding-top: 0; + padding-bottom: 0; + width: 55em; + height: 1.4em; + } + + div.display div { + overflow: hidden; + position: absolute; + height: 100%; + } + + div.time { + left: 0; + width: 6%; + font-size: 95%; + } + + div.train { + left: 5%; + width: 9%; + background-color: white; + color: #0000ff; + font-size: 95%; + } + + div.via { + left: 15%; + width: 35%; + } + + div.via span { + margin-right: 0.4em; + font-size: 80%; + } + + div.destination { + left: 50%; + width: 25%; + font-size: 120%; + } + + div.platform { + left: 75%; + width: 5%; + } + + div.info { + left: 80%; + width: 20%; + background-color: white; + color: #0000ff; + font-size: 80%; + line-height: 150%; + } + + div.separator { + border-bottom: 0.1em solid #000066; + } + + div.about { + font-family: Sans-Serif; + color: #666666; + } + + div.about a { + color: #000066; + } + + div.input-field { + margin-top: 1em; + clear: both; + } + + span.fielddesc { + display: block; + float: left; + width: 15em; + text-align: right; + padding-right: 0.5em; + } + + input, select { + border: 1px solid #000066; + } + + div.s_display { + background-color: #0000ff; + color: white; + font-family: Sans-Serif; + font-weight: bold; + position: relative; + margin-left: 1em; + margin-top: 1em; + float: left; + width: 28em; + height: 4.5em; + border: 0.7em solid #000066; + } + + div.s_display div { + overflow: hidden; + position: absolute; + } + + div.s_no_data { + top: 0.5em; + left: 1em; + font-size: 1.7em; + } + + div.s_time { + top: 0em; + left: 0em; + font-size: 1.7em; + } + + div.s_train { + left: 0em; + top: 1.8em; + } + + div.s_via { + top: 1.5em; + left: 5.8em; + width: 17em; + height: 1em; + } + + div.s_via span { + margin-right: 0.4em; + } + + div.s_destination { + top: 1.6em; + left: 3.6em; + width: 12em; + font-size: 1.6em; + height: 1.2em; + } + + div.s_platform { + top: 0em; + right: 0em; + font-size: 3em; + } + + div.s_info { + top: 0em; + left: 5.8em; + width: 16.5em; + height: 1em; + background-color: white; + color: #0000ff; + } + + </style> +</head> +<body> + +<%= content %> + +<div class="input-field"> + +<% if (my $error = stash 'error') { %> +<p> + Error: <%= $error %><br/> +</p> +<% } %> + +<%= form_for _redirect => begin %> +<p> + <span class="fielddesc">Station name</span> + <%= text_field 'station' %> + <br/> + <span class="fielddesc fieldoptional">only display routes via</span> + <%= text_field 'via' %> + (optional) + <br/> + <span class="fielddesc fieldoptional">on platforms</span> + <%= text_field 'platforms' %> + (optional) + <br/> + <span class="fielddesc fieldoptional">display type</span> + <%= select_field mode => [['combined' => 'multi'], ['platform' => 'single']] %> + <%= submit_button 'Display' %> +</p> +<% end %> + +</div> + +<div class="about"> +<a href="http://finalrewind.org/projects/db-fakedisplay/">db-fakedisplay</a> +v<%= $version %> +</div> + +</body> +</html> diff --git a/cgi/templates/multi.html.ep b/cgi/templates/multi.html.ep new file mode 100644 index 0000000..530de01 --- /dev/null +++ b/cgi/templates/multi.html.ep @@ -0,0 +1,54 @@ +% if (@{$departures}) { + +<div class="outer"> +% my $i = 0; +% for my $departure (@{$departures}) { +% $i++; + +<div class="display <% if (($i % 2) == 0) { %> separator<% } %>"> +<div class="platform"> +%= $departure->{platform} +</div> + +<div class="time"> +%= $departure->{time} +</div> + +<div class="train"> +%= $departure->{train} +</div> + +<div class="via"> +% my $via_max = @{$departure->{via}}; +% my $via_cur = 0; +% for my $stop (@{$departure->{via}}) { +% $via_cur++; +<span><%= $stop %><% if ($via_cur < $via_max) { %> - <% } %></span> +% } +</div> + +<div class="destination"> +%= $departure->{destination} +</div> + +% if ($departure->{info}) { +<div class="info"> +%= $departure->{info} +</div> +% } + +</div> <!-- display --> + +% } + +</div> <!-- outer --> + +% } +% else { + +<p> +DB-Fakedisplay displays the next departures at a DB station, just like the big +LC display in the station itself. +</p> + +% } diff --git a/cgi/templates/not_found.html.ep b/cgi/templates/not_found.html.ep new file mode 100644 index 0000000..ca1fb5f --- /dev/null +++ b/cgi/templates/not_found.html.ep @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" + "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> +<head> + <title>page not found</title> + <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> +</head> +<body> +<div> +page not found +</div> +</body> +</html> diff --git a/cgi/templates/single.html.ep b/cgi/templates/single.html.ep new file mode 100644 index 0000000..916c5b5 --- /dev/null +++ b/cgi/templates/single.html.ep @@ -0,0 +1,49 @@ +% if (@{$departures}) { + +% my $i = 0; +% for my $departure (@{$departures}) { +% $i++; +<div class="s_display"> +<div class="s_platform"> +%= $departure->{platform} +</div> +<div class="s_time"> +%= $departure->{time} +</div> +<div class="s_train"> +%= $departure->{train} +</div> +<div class="s_via"> +% my $via_max = @{$departure->{via}}; +% my $via_cur = 0; +% for my $stop (@{$departure->{via}}) { +% $via_cur++; +<span><%= $stop %><% if ($via_cur < $via_max) { %> - <% } %></span> +% } +</div> +<div class="s_destination"> +%= $departure->{destination} +</div> +% if ($departure->{info}) { +<div class="s_info"> +%= $departure->{info} +</div> +% } +</div> <!-- s_display --> +% } + +% } +% else { + +<div class="s_display"> +<div class="s_no_data"> +Bitte Ansage beachten +</div> +</div> + +<p> +DB-Fakedisplay displays the next departures at a DB station, just like the big +LC display in the station itself. +</p> + +% } |