% if ($wr->errstr) { <div class="container"> <div class="error"> <strong>Fehler bei der Abfrage der Wagenreihung:</strong> <%= $wr->errstr %> </div> </div> % } % else { <div class="container"> <div style="text-align: center;"> %= join( ' / ', $wr->origins ) → %= join( ' / ', map { $_->{name} } $wr->destinations ) </div> <%= $wr->station_name %> Gleis <%= $wr->platform %><br/> % if ($wr->train_type =~ m{^IC|EC}) { Zugtyp: <%= $wr->train_subtype // 'IC?' %> % } </div> </div> <div class="container"> <div style="position: relative; width: 100%; height: 70ex;"> % if (not $wr->has_bad_wagons) { % 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> % } % } % 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 style="position: absolute; left: 6em; top: <%= $wagon->{position}{start_percent} %>%; bottom: <%= 100 - $wagon->{position}{end_percent} %>%;"> % if ($wr->has_bad_wagons) { % } % elsif ($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) { <i class="material-icons">accessible</i> % } % if ($wagon->has_bistro) { <i class="material-icons">restaurant</i> % } % if ($wagon->has_compartments) { <!--<i class="material-icons">folder</i>--> % } % if ($wagon->has_quiet_area) { <i class="material-icons">volume_off</i> % } % if ($wagon->has_phone_area) { <i class="material-icons">smartphone</i> % } % if ($wagon->has_family_area) { <i class="material-icons">people</i> % } % if ($wagon->has_bahn_comfort) { <i class="material-icons">star</i> % } % if ($wagon->is_interregio) { % } <span style="color: #999999;"> %= $wagon->type </span> </div> % } </div> <!-- <div> Legende: ♿ Behindertengerechte Ausstattung / 🍴 Bistro/Restaurant / 🚪 Abteile vorhanden </div> --> <div> Angaben ohne Gewähr – Echtzeitdaten sind möglicherweise nicht berücksichtigt. </div> </div> % }