diff options
| -rw-r--r-- | index.pl | 9 | ||||
| -rw-r--r-- | public/default.css | 12 | ||||
| -rw-r--r-- | templates/clean.html.ep | 18 |
3 files changed, 36 insertions, 3 deletions
@@ -65,6 +65,15 @@ sub get_results_for { return @{$results}; } +helper 'is_important' => sub { + my ( $self, $stop ) = @_; + + if ( $stop =~ m{ Hbf | Flughafen }ox ) { + return 1; + } + return; +}; + sub handle_request { my $self = shift; my $station = $self->stash('station'); diff --git a/public/default.css b/public/default.css index fdad354..2ddb687 100644 --- a/public/default.css +++ b/public/default.css @@ -151,6 +151,18 @@ div.displayclean li .moreinfo .mroute { margin-bottom: 0.6em; } +div.displayclean li .moreinfo .mroute .separator { + color: #999999; +} + +div.displayclean li .moreinfo .mroute .important-stop { + color: #000000; +} + +div.displayclean li .moreinfo .mroute .generic-stop { + color: #555555; +} + div.displayclean li .dest { color:#000000; /*font-weight:bold;*/ diff --git a/templates/clean.html.ep b/templates/clean.html.ep index 053c8a8..ecd4366 100644 --- a/templates/clean.html.ep +++ b/templates/clean.html.ep @@ -73,14 +73,14 @@ % if ($departure->{sched_arrival}) { Ankunft: <%= $departure->{sched_arrival} %> % if ($departure->{arrival} and $departure->{arrival} ne $departure->{sched_arrival}) { - (heute: <%= $departure->{arrival} %>) + (heute <%= $departure->{arrival} %>) % } <br/> % } % if ($departure->{sched_departure}) { Abfahrt: <%= $departure->{sched_departure} %> % if ($departure->{departure} and $departure->{departure} ne $departure->{sched_departure}) { - (heute: <%= $departure->{departure} %>) + (heute <%= $departure->{departure} %>) % } <br/> % } @@ -88,7 +88,19 @@ % } % if ($departure->{route_post} and @{$departure->{route_post}}) { <div class="mroute"> - Über: <%= join(' – ', @{$departure->{route_post} // q{???}}) %> + Über: +% my $first = 0; +% for my $stop (@{$departure->{route_post} // q{???}}) { +% if ($first++) { + <span class="separator">–</span> +% } +% if ($self->is_important($stop)) { + <span class="important-stop"><%= $stop %></span> +% } +% else { + <span class="generic-stop"><%= $stop %></span> +% } +% } </div> <!-- mroute --> % } % if ($departure->{moreinfo} and @{$departure->{moreinfo}}) { |