show arrival and departure times in detailed mode

2 files changed, 20 insertions, 3 deletions

diff --git a/public/static/default.css b/public/static/default.css
index 75177d6..2808e46 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -341,10 +341,10 @@ div.displayclean li .countdown .changed-platform {
 
 div.displayclean li .time {
 	background-color: inherit;
-	font-size:2.4em;
+	font-size:2.3em;
 	position:absolute;
 	right:5px;
-	top:5px;
+	top:4px;
 	padding-left: 0.2em;
 }
 
diff --git a/templates/clean.html.ep b/templates/clean.html.ep
index 0802cde..3c36965 100644
--- a/templates/clean.html.ep
+++ b/templates/clean.html.ep
@@ -242,7 +242,24 @@
     </span>
     <span class="time <%= ($show_realtime and $departure->{delay} and not
       $departure->{is_cancelled}) ? 'delayed' : q{} %> <%= $extraclasses %>">
-%=  $departure->{time}
+%   if (param('detailed')) {
+%     my $arrow = '→';
+%     if (not $departure->{sched_arrival}) {
+%       $arrow = '↦';
+%     }
+%     elsif (not $departure->{sched_departure}) {
+%       $arrow = '⇥';
+%     }
+%     if ($show_realtime) {
+%=      ($departure->{arrival} // q{}) . $arrow . ($departure->{departure} // q{})
+%     }
+%     else {
+%=      ($departure->{sched_arrival} // q{}) . $arrow . ($departure->{sched_departure} // q{})
+%     }
+%   }
+%   else {
+%=    $departure->{time}
+%   }
     </span>
     </li>