From eeedb40bdc0510dec0e2ddca149e82bff7495d0a Mon Sep 17 00:00:00 2001 From: Daniel Friesel Date: Mon, 20 Apr 2020 20:20:52 +0200 Subject: switch to a proper dark theme using javascript and sass The dark=1 option is still supported, but no longer visible in the UI. --- templates/app.html.ep | 7 +------ templates/layouts/app.html.ep | 45 ++++++++++++++++++++++++++++++++---------- templates/wagenreihung.html.ep | 4 ++-- 3 files changed, 38 insertions(+), 18 deletions(-) (limited to 'templates') diff --git a/templates/app.html.ep b/templates/app.html.ep index fd7c1f1..5ceec12 100644 --- a/templates/app.html.ep +++ b/templates/app.html.ep @@ -1,12 +1,7 @@ % if (@{$departures}) { % if (not param('ajax')) { -% if (param('dark')) { -
-% } -% else { -
-% } +
diff --git a/templates/layouts/app.html.ep b/templates/layouts/app.html.ep index 258c6fd..6485a22 100644 --- a/templates/layouts/app.html.ep +++ b/templates/layouts/app.html.ep @@ -19,7 +19,37 @@ % } % my $av = 'v28'; # asset version - %= stylesheet "/static/${av}/css/app.css" + % if (session('theme') and session('theme') eq 'dark' or param('dark')) { + %= stylesheet "/static/${av}/css/dark.min.css", id => 'theme' + % } + % else { + %= stylesheet "/static/${av}/css/light.min.css", id => 'theme' + % } + %= stylesheet "/static/${av}/css/material-icons.css" %= stylesheet "/static/${av}/css/jquery-ui.min.css" %= javascript '/static/js/jquery-3.4.1.min.js', defer => undef @@ -33,7 +63,7 @@ %= javascript "/static/${av}/leaflet/leaflet.js" % } - +
-
-
- %= check_box 'dark' => 1, id => 'id_dark' - -
-
%= check_box 'hide_opts' => 1, id => 'id_hide_opts' diff --git a/templates/wagenreihung.html.ep b/templates/wagenreihung.html.ep index 53be3a1..c4fade8 100644 --- a/templates/wagenreihung.html.ep +++ b/templates/wagenreihung.html.ep @@ -64,10 +64,10 @@ % my $bg = ''; % my $extra_class = ''; % if ($wagon->is_first_class) { -% $bg = 'background-color: #ffff99;'; +% $extra_class .= ' firstclass'; % } % if ($wagon->is_locomotive or $wagon->is_powercar) { -% $bg = 'background-color: #cccccc;'; +% $extra_class .= ' powercar'; % } % if ($wagon->train_no ne $train_no) { % $extra_class .= ' nondestwagon'; -- cgit v1.2.3