<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> % } <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> % } % 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->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> Legende: ♿ Behindertengerechte Ausstattung / 🍴 Bistro/Restaurant / 🚪 Abteile vorhanden </div> --> <div> Angaben ohne Gewähr – Echtzeitdaten sind möglicherweise nicht berücksichtigt. </div> </div>