wagon order: Add pictograms, minor design improvements

1 files changed, 28 insertions, 2 deletions

diff --git a/templates/wagenreihung.html.ep b/templates/wagenreihung.html.ep
index 206c326..2323cbc 100644
--- a/templates/wagenreihung.html.ep
+++ b/templates/wagenreihung.html.ep
@@ -1,4 +1,7 @@
 <div class="container">
+  
+</div>
+<div class="container">
   <div style="position: relative; width: 100%; height: 60ex;">
 %   for my $section ($wr->sections) {
       <div style="position: absolute; left: 1em; width: 2em;
@@ -11,6 +14,9 @@
 %     if ($wagon->is_first_class) {
 %       $bg = 'background-color: #ffff99;';
 %     }
+%     if ($wagon->is_locomotive or $wagon->is_powercar) {
+%       $bg = 'background-color: #cccccc;';
+%     }
       <div style="position: absolute; left: 6em;
       top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;">
 %       if ($wr->direction == 100) {
@@ -33,12 +39,32 @@
       </div>
       <div style="position: absolute; left: 7em; right: 0em;
       top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;">
-%=      $wagon->type
+%       if ($wagon->has_accessibility) {
+          ♿
+%       }
+%       if ($wagon->has_bistro) {
+          🍴
+%       }
+%       if ($wagon->is_interregio) {
+          Interregio
+%       }
 %       if ($wagon->has_compartments) {
-          Abteilwagen
+          Abteil
 %       }
+        <span style="color: #999999;">
+%=        $wagon->type
+        </span>
       </div>
 %   }
   </div>
+  <div>
+%   if ($wr->train_type ne 'ICE') {
+      Angaben bitte mit Vorsicht genießen. Eigentlich werden vom Backend nur
+      ICE unterstützt.
+%   }
+%   else {
+      Angaben ohne Gewähr – Echtzeitdaten sind möglicherweise nicht berücksichtigt.
+%   }
+  </div>
 
 </div>