diff options
Diffstat (limited to 'templates/_connections.html.ep')
| -rw-r--r-- | templates/_connections.html.ep | 142 |
1 files changed, 45 insertions, 97 deletions
diff --git a/templates/_connections.html.ep b/templates/_connections.html.ep index d09f0c0..1dd2718 100644 --- a/templates/_connections.html.ep +++ b/templates/_connections.html.ep @@ -1,96 +1,65 @@ -<div class="hide-on-med-and-up"><table class="striped"><tbody> +<ul class="collection departures connections"> % for my $res (@{$connections}) { - % my ($train, $via) = @{$res}; - % my $td_class = ''; + % my ($train, $via, $via_arr, $load) = @{$res}; + % $via_arr = $via_arr ? $via_arr->strftime('%H:%M') : q{}; + % my $row_class = ''; % my $link_class = 'action-checkin'; % if ($train->is_cancelled) { - % $td_class = 'cancelled'; + % $row_class = 'cancelled'; % $link_class = 'action-cancelled-from'; % } - <tr> - <td class="<%= $td_class %>"> - % if ($checkin_from) { - <a class="<%= $link_class %>" data-station="<%= $train->station_uic %>" data-train="<%= $train->train_id %>" data-dest="<%= $via %>"><%= $train->line %></a> - % } - % else { - %= $train->line - % } - </td> - <td class="<%= $td_class %>"> - % if ($checkin_from) { - <a class="<%= $link_class %>" data-station="<%= $train->station_uic %>" data-train="<%= $train->train_id %>" data-dest="<%= $via %>"><%= $via %></a> - % } - % else { - %= $via - % } - <br/> - % if ($train->{message_id}{96} or $train->{message_id}{97}) { - <i class="material-icons tiny" aria-label="Zug ist überbesetzt">warning</i> - % } - % if ($train->{message_id}{82} or $train->{message_id}{85}) { - <i class="material-icons tiny" aria-label="Fehlende Wagen">people</i> - % } - % if (($train->{message_id}{73} or $train->{message_id}{74} or $train->{message_id}{75} or $train->{message_id}{76} or $train->{message_id}{80}) and not $train->{message_id}{84}) { - <i class="material-icons tiny" aria-label="Abweichende Wagenreihung">compare_arrows</i> - % } - % if ($train->{message_id}{83} or $train->{message_id}{93} or $train->{message_id}{95}) { - <i class="material-icons tiny" aria-label="Eingeschränkte Barrierefreiheit">info_outline</i> - % } - % if ($train->{message_id}{70} or $train->{message_id}{71}) { - <i class="material-icons tiny" aria-label="Ohne WLAN">portable_wifi_off</i> - % } - </td> - <td> + % if ($checkin_from) { + <li class="collection-item <%= $row_class %> <%= $link_class %>" + data-station="<%= $train->station_uic %>" + data-train="<%= $train->train_id %>" + data-ts="<%= ($train->sched_departure // $train->departure)->epoch %>" + data-dest="<%= $via->{name} %>"> + % } + % else { + <li class="collection-item <%= $row_class %>"> + % } + <a class="dep-time" href="#"> % if ($train->departure_is_cancelled) { %= $train->sched_departure->strftime('%H:%M') - ⊖ % } % else { %= $train->departure->strftime('%H:%M') - % if ($train->departure_delay) { - %= sprintf('(%+d)', $train->departure_delay) - % } - % if ($train->{interchange_icon}) { - <i class="material-icons tiny" aria-label="<%= $train->{interchange_text} %>"><%= $train->{interchange_icon} %></i> - % } - % if ($train->platform) { - <br/>Gleis <%= $train->platform %> - % } % } - </td> - </tr> - % } -</tbody></table></div> -<div class="hide-on-small-only"><table class="striped"><tbody> - % for my $res (@{$connections}) { - % my ($train, $via) = @{$res}; - % my $td_class = ''; - % my $link_class = 'action-checkin'; - % if ($train->departure_is_cancelled) { - % $td_class = 'cancelled'; - % $link_class = 'action-cancelled-from'; - % } - <tr> - <td class="<%= $td_class %>"> - % if ($checkin_from) { - <a class="<%= $link_class %>" data-station="<%= $train->station_uic %>" data-train="<%= $train->train_id %>" data-dest="<%= $via %>"><%= $train->line %></a> + % if ($via_arr) { + → <%= $via_arr %> % } - % else { - %= $train->line + % if ($train->departure_delay) { + %= sprintf('(%+d)', $train->departure_delay) % } - </td> - <td class="<%= $td_class %>"> - % if ($checkin_from) { - <a class="<%= $link_class %>" data-station="<%= $train->station_uic %>" data-train="<%= $train->train_id %>" data-dest="<%= $via %>"><%= $via %></a> + </a> + <span class="connect-platform-wrapper"> + % if ($train->platform) { + <span>Gleis <%= $train->platform %></span> + % } + <span class="dep-line <%= $train->type // q{} %>"> + %= $train->line + </span> + </span> + <span class="dep-dest"> + % if ($train->is_cancelled) { + Fahrt nach <%= $via->{name} %> entfällt % } % else { - %= $via + %= $via->{name} + % } + <br/> + % if ($load) { + % my ($first, $second) = load_icon($load); + <i class="material-icons tiny" aria-hidden="true"><%= $first %></i> <i class="material-icons tiny" aria-hidden="true"><%= $second %></i> + % } + % if ($train->{interchange_icon}) { + <i class="material-icons tiny" aria-label="<%= $train->{interchange_text} %>"><%= $train->{interchange_icon} %></i> % } % if ($train->{message_id}{96} or $train->{message_id}{97}) { <i class="material-icons tiny" aria-label="Zug ist überbesetzt">warning</i> % } % if ($train->{message_id}{82} or $train->{message_id}{85}) { - <i class="material-icons tiny" aria-label="Fehlende Wagen">people</i> + <i class="material-icons tiny" aria-label="Fehlende Wagen">remove</i> % } % if (($train->{message_id}{73} or $train->{message_id}{74} or $train->{message_id}{75} or $train->{message_id}{76} or $train->{message_id}{80}) and not $train->{message_id}{84}) { <i class="material-icons tiny" aria-label="Abweichende Wagenreihung">compare_arrows</i> @@ -101,28 +70,7 @@ % if ($train->{message_id}{70} or $train->{message_id}{71}) { <i class="material-icons tiny" aria-label="Ohne WLAN">portable_wifi_off</i> % } - </td> - <td> - % if ($train->departure_is_cancelled) { - %= $train->sched_departure->strftime('%H:%M') - % } - % else { - %= $train->departure->strftime('%H:%M') - % if ($train->departure_delay) { - %= sprintf('(%+d)', $train->departure_delay) - % } - % if ($train->{interchange_icon}) { - <i class="material-icons tiny" aria-label="<%= $train->{interchange_text} %>"><%= $train->{interchange_icon} %></i> - % } - % } - </td><td> - % if ($train->platform and not $train->departure_is_cancelled) { - Gleis <%= $train->platform %> - % } - % elsif ($train->departure_is_cancelled) { - fällt aus - % } - </td> - </tr> + </span> + </li> % } -</tbody></table></div> +</ul> |