2019-05-20 17:15:21 +00:00
<div class="hide-on-med-and-up"><table class="striped"><tbody>
2019-05-19 08:32:57 +00:00
% for my $res (@{$connections}) {
% my ($train, $via) = @{$res};
2019-11-25 20:18:57 +00:00
% my $td_class = '';
% my $link_class = 'action-checkin';
% if ($train->is_cancelled) {
% $td_class = 'cancelled';
% $link_class = 'action-cancelled-from';
% }
2022-08-17 19:45:43 +00:00
% if ($checkin_from) {
<tr class="<%= $link_class %>" data-station="<%= $train->station_uic %>" data-train="<%= $train->train_id %>" data-dest="<%= $via %>">
% }
% else {
<tr>
% }
2019-11-25 20:18:57 +00:00
<td class="<%= $td_class %>">
2019-05-19 08:32:57 +00:00
% if ($checkin_from) {
2022-07-14 19:05:07 +00:00
<a><%= $train->line %></a>
2019-05-19 08:32:57 +00:00
% }
% else {
%= $train->line
% }
</td>
2019-11-25 20:18:57 +00:00
<td class="<%= $td_class %>">
2019-05-19 08:32:57 +00:00
% if ($checkin_from) {
2022-07-14 19:05:07 +00:00
<a><%= $via %></a>
2019-05-19 08:32:57 +00:00
% }
% else {
%= $via
% }
2020-03-03 17:29:37 +00:00
<br/>
2020-03-03 18:34:14 +00:00
% 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>
2020-03-03 17:29:37 +00:00
% }
% 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}) {
2020-03-03 18:34:14 +00:00
<i class="material-icons tiny" aria-label="Abweichende Wagenreihung">compare_arrows</i>
2020-03-03 17:29:37 +00:00
% }
% if ($train->{message_id}{83} or $train->{message_id}{93} or $train->{message_id}{95}) {
2020-03-03 18:34:14 +00:00
<i class="material-icons tiny" aria-label="Eingeschränkte Barrierefreiheit">info_outline</i>
2020-03-03 17:29:37 +00:00
% }
2020-03-03 18:34:14 +00:00
% if ($train->{message_id}{70} or $train->{message_id}{71}) {
<i class="material-icons tiny" aria-label="Ohne WLAN">portable_wifi_off</i>
2020-03-03 17:29:37 +00:00
% }
2019-05-19 08:32:57 +00:00
</td>
2019-11-25 20:18:57 +00:00
<td>
% if ($train->departure_is_cancelled) {
%= $train->sched_departure->strftime('%H:%M')
⊖
2019-05-19 08:32:57 +00:00
% }
2019-11-25 20:18:57 +00:00
% else {
%= $train->departure->strftime('%H:%M')
% if ($train->departure_delay) {
%= sprintf('(%+d)', $train->departure_delay)
% }
2020-12-07 18:44:18 +00:00
% if ($train->{interchange_icon}) {
<i class="material-icons tiny" aria-label="<%= $train->{interchange_text} %>"><%= $train->{interchange_icon} %></i>
% }
2020-04-19 09:55:49 +00:00
% if ($train->platform) {
<br/>Gleis <%= $train->platform %>
% }
2019-11-25 20:18:57 +00:00
% }
</td>
2019-05-19 08:32:57 +00:00
</tr>
% }
</tbody></table></div>
2019-05-20 17:15:21 +00:00
<div class="hide-on-small-only"><table class="striped"><tbody>
2019-05-19 08:32:57 +00:00
% for my $res (@{$connections}) {
% my ($train, $via) = @{$res};
2019-07-07 06:10:05 +00:00
% my $td_class = '';
% my $link_class = 'action-checkin';
% if ($train->departure_is_cancelled) {
% $td_class = 'cancelled';
% $link_class = 'action-cancelled-from';
% }
2022-08-17 19:45:43 +00:00
% if ($checkin_from) {
<tr class="<%= $link_class %>" data-station="<%= $train->station_uic %>" data-train="<%= $train->train_id %>" data-dest="<%= $via %>" data-tr="4">
% }
% else {
<tr>
% }
2019-07-07 06:10:05 +00:00
<td class="<%= $td_class %>">
2019-05-19 08:32:57 +00:00
% if ($checkin_from) {
2022-07-14 19:05:07 +00:00
<a><%= $train->line %></a>
2019-05-19 08:32:57 +00:00
% }
% else {
%= $train->line
% }
</td>
2019-07-07 06:10:05 +00:00
<td class="<%= $td_class %>">
2019-05-19 08:32:57 +00:00
% if ($checkin_from) {
2022-07-14 19:05:07 +00:00
<a><%= $via %></a>
2019-05-19 08:32:57 +00:00
% }
% else {
%= $via
% }
2020-03-03 18:34:14 +00:00
% 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>
2020-03-03 17:29:37 +00:00
% }
% 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}) {
2020-03-03 18:34:14 +00:00
<i class="material-icons tiny" aria-label="Abweichende Wagenreihung">compare_arrows</i>
2020-03-03 17:29:37 +00:00
% }
% if ($train->{message_id}{83} or $train->{message_id}{93} or $train->{message_id}{95}) {
2020-03-03 18:34:14 +00:00
<i class="material-icons tiny" aria-label="Eingeschränkte Barrierefreiheit">info_outline</i>
2020-03-03 17:29:37 +00:00
% }
2020-03-03 18:34:14 +00:00
% if ($train->{message_id}{70} or $train->{message_id}{71}) {
<i class="material-icons tiny" aria-label="Ohne WLAN">portable_wifi_off</i>
2020-03-03 17:29:37 +00:00
% }
2019-05-19 08:32:57 +00:00
</td>
2019-11-25 20:18:57 +00:00
<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)
% }
2020-12-07 18:44:18 +00:00
% if ($train->{interchange_icon}) {
<i class="material-icons tiny" aria-label="<%= $train->{interchange_text} %>"><%= $train->{interchange_icon} %></i>
% }
2019-05-19 08:32:57 +00:00
% }
2019-11-25 20:18:57 +00:00
</td><td>
2020-04-19 09:55:49 +00:00
% if ($train->platform and not $train->departure_is_cancelled) {
Gleis <%= $train->platform %>
2019-11-25 20:18:57 +00:00
% }
2020-04-19 09:55:49 +00:00
% elsif ($train->departure_is_cancelled) {
2019-11-27 17:32:13 +00:00
fällt aus
% }
2019-11-25 20:18:57 +00:00
</td>
2019-05-19 08:32:57 +00:00
</tr>
% }
</tbody></table></div>