summaryrefslogtreecommitdiff
path: root/templates/wagen.html.ep
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2021-01-01 13:45:38 +0100
committerDaniel Friesel <derf@finalrewind.org>2021-01-01 13:45:38 +0100
commit202b7e81982ce73ede96852ca69b0813bcd0de9d (patch)
tree9fd0a0405f8828941d6a9e5d84d0e1880c336815 /templates/wagen.html.ep
parentc6e30708281bbb5a4e2d2641330b74f223a48ef3 (diff)
wagon view: improve diretion and exit direction display3.9.2
Diffstat (limited to 'templates/wagen.html.ep')
-rw-r--r--templates/wagen.html.ep78
1 files changed, 52 insertions, 26 deletions
diff --git a/templates/wagen.html.ep b/templates/wagen.html.ep
index 145b3fd..efc2e32 100644
--- a/templates/wagen.html.ep
+++ b/templates/wagen.html.ep
@@ -1,48 +1,74 @@
-<div class="container">
- % if ($wref->{s} and $wref->{p} and $wref->{ws}) {
+<div class="container singlewagon">
+ % if (not $wref->{e} and $wref->{s} and $wref->{p} and $wref->{ws}) {
<p>
- <%= $wref->{s} %>: Gleis <%= $wref->{p} %> <%= $wref->{ws} %>
+ <%= $wref->{s} %> Gleis <%= $wref->{p} %> <%= $wref->{ws} %>
</p>
% }
% if ($wref->{e} eq 'u') {
- <div style="float: left;"><i class="material-icons">arrow_upward</i></div>
- <div style="float: right;"><i class="material-icons">arrow_upward</i></div>
- % }
- % for my $wagon_file (@{$wagon_files // [] }) {
- % if (defined $wref->{d}) {
- <div style="text-align: center;">
- % if ($wref->{d} == 0) {
- <i class="material-icons">arrow_back</i>
- % }
- % else {
- <i class="material-icons">arrow_forward</i>
- % }
+ % if ($wref->{s} and $wref->{p} and $wref->{ws}) {
+ <div class="platform">
+ <%= $wref->{s} %><br/>Gleis <%= $wref->{p} %> <%= $wref->{ws} %>
+ <div class="sign-left"><i class="material-icons">arrow_upward</i></div>
+ <div class="sign-right"><i class="material-icons">arrow_upward</i></div>
</div>
% }
- <div style="clear: both;">
- <a href="<%= $wagon_file %>"><img src="<%= $wagon_file %>" style="width: 100%;"></a>
- </div>
% }
- % if ($wref->{e} eq 'd') {
- <div style="float: left;"><i class="material-icons">arrow_downward</i></div>
- <div style="float: right;"><i class="material-icons">arrow_downward</i></div>
+ % elsif (defined $wref->{d} and $wref->{e} ne 'u') {
+ % if ($wref->{d} == 0) {
+ <div class="sign-left"><i class="material-icons">arrow_back</i></div>
+ <div class="sign-right"><i class="material-icons">arrow_back</i></div>
+ <div class="sign-center"><i class="material-icons">arrow_back</i></div>
+ % }
+ % else {
+ <div class="sign-left"><i class="material-icons">arrow_forward</i></div>
+ <div class="sign-right"><i class="material-icons">arrow_forward</i></div>
+ <div class="sign-center"><i class="material-icons">arrow_forward</i></div>
+ % }
% }
- % if (defined $wref->{d}) {
- <div style="text-align: center;">
+ % for my $wagon_file (@{$wagon_files // [] }) {
+ % if ($wagon_file ne $wagon_files->[0] and defined $wref->{d}) {
% if ($wref->{d} == 0) {
- <i class="material-icons">arrow_back</i>
+ <div class="sign-left"><i class="material-icons">arrow_back</i></div>
+ <div class="sign-right"><i class="material-icons">arrow_back</i></div>
+ <div class="sign-center"><i class="material-icons">arrow_back</i></div>
% }
% else {
- <i class="material-icons">arrow_forward</i>
+ <div class="sign-left"><i class="material-icons">arrow_forward</i></div>
+ <div class="sign-right"><i class="material-icons">arrow_forward</i></div>
+ <div class="sign-center"><i class="material-icons">arrow_forward</i></div>
% }
+ % }
+ <div style="clear: both;">
+ <a href="<%= $wagon_file %>"><img class="wagonfile" src="<%= $wagon_file %>"></a>
</div>
% }
+ % if ($wref->{e} eq 'd') {
+ <div class="sign-left"><i class="material-icons">arrow_downward</i></div>
+ <div class="sign-right"><i class="material-icons">arrow_downward</i></div>
+ % if ($wref->{s} and $wref->{p} and $wref->{ws}) {
+ <div class="platform">
+ <%= $wref->{s} %><br/>Gleis <%= $wref->{p} %> <%= $wref->{ws} %>
+ </div>
+ % }
+ % }
+ % elsif (defined $wref->{d} and $wref->{e} ne 'd') {
+ % if ($wref->{d} == 0) {
+ <div class="sign-left"><i class="material-icons">arrow_back</i></div>
+ <div class="sign-right"><i class="material-icons">arrow_back</i></div>
+ <div class="sign-center"><i class="material-icons">arrow_back</i></div>
+ % }
+ % else {
+ <div class="sign-left"><i class="material-icons">arrow_forward</i></div>
+ <div class="sign-right"><i class="material-icons">arrow_forward</i></div>
+ <div class="sign-center"><i class="material-icons">arrow_forward</i></div>
+ % }
+ % }
% if ($wagon_data->{name}) {
<p>
<%= $wagon_data->{name} %>
</p>
% }
- <p class="copyright" style="clear: both;">
+ <p class="copyright">
Abbildung © Seemanngrafik d.i.p. im Auftrag der Deutschen Bahn AG,
lizensiert unter CC-BY-4.0
</p>