diff options
| author | Birte Kristina Friesel <derf@finalrewind.org> | 2023-10-27 18:36:35 +0200 |
|---|---|---|
| committer | Birte Kristina Friesel <derf@finalrewind.org> | 2023-10-27 18:36:35 +0200 |
| commit | adb830baa9cba8b02defdb63dbd1a2cf43998dc4 (patch) | |
| tree | 35280814977f60e5b44ea3187dbde24ff8a8cf37 /templates/_departures_hafas.html.ep | |
| parent | 357efdae358e8ed28c223c871802e419fcd2aa00 (diff) | |
| parent | 7bf99b00a5064d231641b1309adacf6f1e8f42cb (diff) | |
Merge branch 'deingithub-dep-board-ui'
Diffstat (limited to 'templates/_departures_hafas.html.ep')
| -rw-r--r-- | templates/_departures_hafas.html.ep | 63 |
1 files changed, 34 insertions, 29 deletions
diff --git a/templates/_departures_hafas.html.ep b/templates/_departures_hafas.html.ep index 169b319..9e4d7a4 100644 --- a/templates/_departures_hafas.html.ep +++ b/templates/_departures_hafas.html.ep @@ -1,39 +1,28 @@ -<table class="striped departures"> -<tbody> +<ul class="collection departures"> % my $orientation_bar_shown = param('train'); % my $now_epoch = now->epoch; % for my $result (@{$results}) { - % my $td_class = ''; + % my $row_class = ''; % my $link_class = 'action-checkin'; % if ($result->is_cancelled) { - % $td_class = "cancelled"; + % $row_class = "cancelled"; % $link_class = 'action-cancelled-from'; % } % if (not $orientation_bar_shown and $result->datetime->epoch < $now_epoch) { % $orientation_bar_shown = 1; - <tr class="now"> - <td> - </td> - <td> - <strong>— Anfragezeitpunkt —</strong> - </td> - <td><strong> + <li class="collection-item" id="now"> + <strong class="dep-time"> %= now->strftime('%H:%M') - </strong></td> - </tr> + </strong> + <strong>— Anfragezeitpunkt —</strong> + </li> % } - <tr class="<%= $link_class %>" data-station="<%= $result->station_eva %>" data-train="<%= $result->id %>" data-ts="<%= ($result->sched_datetime // $result->datetime)->epoch %>" data-tr="3"> - <td> - <a> - <%= $result->line %> - </a> - </td> - <td class="<%= $td_class %>"> - <a> - <%= $result->destination %> - </a> - </td> - <td class="<%= $td_class %>"> + <li class="collection-item <%= $link_class %> <%= $row_class %>" + data-station="<%= $result->station_eva %>" + data-train="<%= $result->id %>" + data-ts="<%= ($result->sched_datetime // $result->datetime)->epoch %>" + > + <a class="dep-time" href="#"> %= $result->datetime->strftime('%H:%M') % if ($result->delay) { (<%= sprintf('%+d', $result->delay) %>) @@ -41,8 +30,24 @@ % elsif (not defined $result->delay and not $result->is_cancelled) { <i class="material-icons" aria-label="Keine Echtzeitdaten vorhanden" style="font-size: 16px;">gps_off</i> % } - </td> - </tr> + </a> + <span class="dep-line <%= $result->type // q{} %>"> + %= $result->line + </span> + <span class="dep-dest"> + % if ($result->is_cancelled) { + Fahrt nach <%= $result->destination %> entfällt + % } + % else { + %= $result->destination + % for my $checkin (@{$checkin_by_train->{$result->id} // []}) { + <span class="followee-checkin"> + <i class="material-icons tiny" aria-label="Eine Person, der du folgst, ist hier eingecheckt">people</i> + <%= $checkin->{followee_name} %> → <%= $checkin->{arr_name} // '???' %> + </span> + % } + % } + </span> + </li> % } -</tbody> -</table> +</ul> |