move templates from DATA section to separate files

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
parent: 2387723d004a00a82ced89e40d422ec56df54117 (diff)
5 files changed, 339 insertions, 350 deletions
diff --git a/cgi/index.pl b/cgi/index.pl
index 1318043..1b49e98 100644
--- a/cgi/index.pl
+++ b/cgi/index.pl
@@ -151,353 +151,3 @@ app->config(
 );
 
 app->start();
-
-__DATA__
-
-@@ layouts/default.html.ep
-<!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>
-
-@@ multi.html.ep
-% 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>
-
-% }
-
-@@ single.html.ep
-
-% 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>
-
-% }
-
-@@ not_found.html.ep
-<!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/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>
+
+% }
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
parent	2387723d004a00a82ced89e40d422ec56df54117 (diff)