1 files changed, 66 insertions, 0 deletions
diff --git a/templates/layouts/legacy.html.ep b/templates/layouts/legacy.html.ep
new file mode 100644
index 0000000..e7e59ec
--- /dev/null
+++ b/templates/layouts/legacy.html.ep
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+	<title><%= stash('title') // 'DBF' %></title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="keywords" content="Abfahrtsmonitor, Bahnhofstafel, Abfahrten, Abfahrtstafel, ICE, IC, RE, RB, S-Bahn">
+	<meta name="description" content="Inoffizieller Abfahrtsmonitor für Bahnhöfe der DB">
+	<link rel="icon" type="image/png" href="/static/icons/icon-16x16.png" sizes="16x16">
+	<link rel="icon" type="image/png" href="/static/icons/icon-32x32.png" sizes="32x32">
+	<link rel="icon" type="image/png" href="/static/icons/icon-96x96.png" sizes="96x96">
+	<link rel="apple-touch-icon" href="/static/icons/icon-120x120.png">
+	<link rel="apple-touch-icon" sizes="180x180" href="/static/icons/icon-180x180.png">
+	<link rel="apple-touch-icon" sizes="152x152" href="/static/icons/icon-152x152.png">
+	<link rel="apple-touch-icon" sizes="167x167" href="/static/icons/icon-167x167.png">
+% if ($self->stash('refresh_interval')) {
+	<meta http-equiv="refresh" content="<%= $self->stash('refresh_interval') %>"/>
+% }
+
+	% my $av = 'v110'; # asset version
+	%= stylesheet "/static/${av}/css/legacy.css"
+	%= stylesheet "/static/${av}/css/material-icons.css"
+	%= stylesheet "/static/${av}/css/jquery-ui.min.css"
+% my $force_mobile = param('force_mobile') // stash('force_mobile');
+% if ($force_mobile) {
+	%= stylesheet "/static/${av}/css/legacy-mobile.css"
+% }
+	%if (stash('load_marquee')) {
+	%= javascript '/static/js/jquery-3.4.1.min.js'
+	%= javascript "/static/${av}/js/jquery-ui.min.js"
+	%= javascript "/static/${av}/js/dbf.min.js"
+	% if (not stash('hide_opts')) {
+	%= javascript "/dyn/${av}/autocomplete.js", defer => undef
+	% }
+	%= javascript "/static/${av}/js/marquee.min.js"
+	%= javascript begin
+	$(function () {  $('marquee').marquee() });
+	% end
+	% } else {
+	%= javascript '/static/js/jquery-3.4.1.min.js', defer => undef
+	%= javascript "/static/${av}/js/jquery-ui.min.js", defer => undef
+	%= javascript "/static/${av}/js/dbf.min.js", defer => undef
+	% }
+</head>
+<body style="<%= (param('dark') ? 'background-color: #000000; color: #ffffff;' : q{}) %>">
+
+<div class="container">
+% if (my $error = stash 'error') {
+<div class="error"><strong>Backend-Fehler:</strong>
+<pre>
+%= $error
+</pre>
+</div>
+% }
+% elsif (stash('stationlist')) {
+<div class="error"><strong>Mehrdeutige Eingabe.</strong>
+Bitte eine Station aus der Liste auswählen</div>
+% }
+</div>
+
+<div class="content">
+%= content
+</div>
+
+</body>
+</html>