summaryrefslogtreecommitdiff
path: root/templates/wagenreihung.html.ep
diff options
context:
space:
mode:
Diffstat (limited to 'templates/wagenreihung.html.ep')
-rw-r--r--templates/wagenreihung.html.ep30
1 files changed, 30 insertions, 0 deletions
diff --git a/templates/wagenreihung.html.ep b/templates/wagenreihung.html.ep
new file mode 100644
index 0000000..9055f00
--- /dev/null
+++ b/templates/wagenreihung.html.ep
@@ -0,0 +1,30 @@
+<div class="container">
+<div style="height: 2em;">
+(experimentell, die URL wird sich noch ändern und die Anzeige wird noch schöner)
+</div>
+
+<div style="position: relative; width: 100%; height: 2em;">
+% for my $section ($wr->sections) {
+<div style="position: absolute; left: <%= $section->{start_percent} %>%; right: <%= 100 - $section->{end_percent} %>%; top: 0em; bottom: 0em; text-align: center;">
+%= $section->{name}
+</div>
+% }
+</div>
+<div style="position: relative; width: 100%; height: 2em;">
+% for my $wagon ($wr->wagons) {
+% my $bg = '';
+% if ($wagon->is_first_class) {
+% $bg = 'background-color: #ffff99;';
+% }
+<div style="position: absolute; left: <%= $wagon->{position}{start_percent} %>%; right: <%= 100 - $wagon->{position}{end_percent} %>%; top: 0em; bottom: 0em; border: 1px solid black; text-align: center; <%= $bg %>">
+% if ($wagon->is_locomotive or $wagon->is_powercar) {
+LOK
+% }
+% else {
+%= $wagon->{number} // '?'
+% }
+</div>
+% }
+</div>
+
+</div>