wagenreihung: Check for backend error

1 files changed, 102 insertions, 92 deletions

diff --git a/templates/wagenreihung.html.ep b/templates/wagenreihung.html.ep
index 393adbf..8d0cb23 100644
--- a/templates/wagenreihung.html.ep
+++ b/templates/wagenreihung.html.ep
@@ -1,106 +1,116 @@
-<div class="container">
-  <div style="text-align: center;">
-%=  join(' / ', map { $wr->train_type . ' ' . $_ } $wr->train_numbers )
-  </div>
-  <div style="text-align: center;">
-%=  join( ' / ', $wr->origins )
-    →
-%=  join( ' / ', $wr->destinations )
-  </div>
-  <%= $wr->station_name %> Gleis <%= $wr->platform %><br/>
-  Zugtyp: <%= $wr->train_subtype // 'IC?' %>
-</div>
-</div>
-% if ($wr->train_type ne 'ICE') {
+% if ($wr->errstr) {
   <div class="container">
-    <div class="warning">
-      <strong>⚠ Keine zuverlässigen Daten vorhanden.</strong>
-      IC/EC-Wagenreihungen werden vom Backend noch nicht offiziell unterstützt.
-      Sowohl die hier angegebenen Daten als auch die am Bahnsteig angezeigte
-      Wagenreihung können fehlerhaft sein.
+    <div class="error">
+      <strong>Fehler bei der Abfrage der Wagenreihung:</strong>
+      <%= $wr->errstr %>
     </div>
   </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;
-      top: <%= $section->{start_percent} %>%; bottom: <%= 100 - $section->{end_percent} %>%; text-align: center;">
-%=      $section->{name}
+% else {
+  <div class="container">
+    <div style="text-align: center;">
+%=    join(' / ', map { $wr->train_type . ' ' . $_ } $wr->train_numbers )
+    </div>
+    <div style="text-align: center;">
+%=    join( ' / ', $wr->origins )
+      →
+%=    join( ' / ', $wr->destinations )
+    </div>
+    <%= $wr->station_name %> Gleis <%= $wr->platform %><br/>
+    Zugtyp: <%= $wr->train_subtype // 'IC?' %>
+  </div>
+  </div>
+%   if ($wr->train_type ne 'ICE') {
+    <div class="container">
+      <div class="warning">
+        <strong>⚠ Keine zuverlässigen Daten vorhanden.</strong>
+        IC/EC-Wagenreihungen werden vom Backend noch nicht offiziell unterstützt.
+        Sowohl die hier angegebenen Daten als auch die am Bahnsteig angezeigte
+        Wagenreihung können fehlerhaft sein.
       </div>
+    </div>
 %   }
-%   for my $wagon ($wr->wagons) {
-%     my $bg = '';
-%     if ($wagon->is_first_class) {
-%       $bg = 'background-color: #ffff99;';
-%     }
-%     if ($wagon->is_locomotive or $wagon->is_powercar) {
-%       $bg = 'background-color: #cccccc;';
+  <div class="container">
+    <div style="position: relative; width: 100%; height: 60ex;">
+%     for my $section ($wr->sections) {
+        <div style="position: absolute; left: 1em; width: 2em;
+        top: <%= $section->{start_percent} %>%; bottom: <%= 100 - $section->{end_percent} %>%; text-align: center;">
+%=        $section->{name}
+        </div>
 %     }
-      <div style="position: absolute; left: 6em;
-      top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;">
-%       if ($wr->direction == 100) {
-          ↓
-%       }
-%       else {
-          ↑
-%       }
-      </div>
-      <div style="position: absolute; left: 3em;
-      top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;
-      min-width: 2em; text-align: right;
-      border: 1px solid black; padding-left: 0.2em; padding-right: 0.2em; <%= $bg %>">
-%       if ($wagon->is_locomotive or $wagon->is_powercar) {
-          LOK
-%       }
-%       else {
-%=        $wagon->number // '?'
-%       }
-      </div>
-      <div style="position: absolute; left: 7em; right: 0em;
-      top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;">
+%     for my $wagon ($wr->wagons) {
+%       my $bg = '';
 %       if ($wagon->is_first_class) {
-          <span style="display: inline-block; width: 0.8em; text-align: center; color: #ffffff; background-color: #666666; border: 1px solid #666666;">1</span>
-%       }
-%       if ($wagon->is_second_class) {
-          <span style="display: inline-block; width: 0.8em; text-align: center; color: #666666; border: 1px solid #666666;">2</span>
+%         $bg = 'background-color: #ffff99;';
 %       }
-%       if ($wagon->has_accessibility) {
-          ♿
-%       }
-%       if ($wagon->has_bistro) {
-          🍴
-%       }
-%       if ($wagon->has_compartments) {
-          🚪
-%       }
-%       if ($wagon->has_quiet_area) {
-          🔇
-%       }
-%       if ($wagon->has_phone_area) {
-          📱
-%       }
-%       if ($wagon->has_family_area) {
-          👪
-%       }
-%       if ($wagon->has_bahn_comfort) {
-          bahn.comfort
-%       }
-%       if ($wagon->is_interregio) {
-          Interregio
+%       if ($wagon->is_locomotive or $wagon->is_powercar) {
+%         $bg = 'background-color: #cccccc;';
 %       }
-        <span style="color: #999999;">
-%=        $wagon->type
-        </span>
+        <div style="position: absolute; left: 6em;
+        top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;">
+%         if ($wr->direction == 100) {
+            ↓
+%         }
+%         else {
+            ↑
+%         }
+        </div>
+        <div style="position: absolute; left: 3em;
+        top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;
+        min-width: 2em; text-align: right;
+        border: 1px solid black; padding-left: 0.2em; padding-right: 0.2em; <%= $bg %>">
+%         if ($wagon->is_locomotive or $wagon->is_powercar) {
+            LOK
+%         }
+%         else {
+%=          $wagon->number // '?'
+%         }
+        </div>
+        <div style="position: absolute; left: 7em; right: 0em;
+        top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;">
+%         if ($wagon->is_first_class) {
+            <span style="display: inline-block; width: 0.8em; text-align: center; color: #ffffff; background-color: #666666; border: 1px solid #666666;">1</span>
+%         }
+%         if ($wagon->is_second_class) {
+            <span style="display: inline-block; width: 0.8em; text-align: center; color: #666666; border: 1px solid #666666;">2</span>
+%         }
+%         if ($wagon->has_accessibility) {
+            ♿
+%         }
+%         if ($wagon->has_bistro) {
+            🍴
+%         }
+%         if ($wagon->has_compartments) {
+            🚪
+%         }
+%         if ($wagon->has_quiet_area) {
+            🔇
+%         }
+%         if ($wagon->has_phone_area) {
+            📱
+%         }
+%         if ($wagon->has_family_area) {
+            👪
+%         }
+%         if ($wagon->has_bahn_comfort) {
+            bahn.comfort
+%         }
+%         if ($wagon->is_interregio) {
+            Interregio
+%         }
+          <span style="color: #999999;">
+%=          $wagon->type
+          </span>
+        </div>
+%     }
       </div>
-%   }
-  </div>
 <!--  <div>
-    Legende: ♿ Behindertengerechte Ausstattung / 🍴 Bistro/Restaurant / 🚪 Abteile vorhanden
-  </div>
+      Legende: ♿ Behindertengerechte Ausstattung / 🍴 Bistro/Restaurant / 🚪 Abteile vorhanden
+    </div>
 -->
-  <div>
-    Angaben ohne Gewähr – Echtzeitdaten sind möglicherweise nicht berücksichtigt.
-  </div>
+    <div>
+      Angaben ohne Gewähr – Echtzeitdaten sind möglicherweise nicht berücksichtigt.
+    </div>
 
-</div>
+  </div>
+% }