Display 'live' status in overview

bus.go

@@ -21,6 +21,18 @@ type Departure struct {
 	RouteShortName        string
 }
 
+func (d Departure) HasRealtimeDepartureTime() bool {
+	return !d.RealtimeDepartureTime.IsZero()
+}
+
+func (d Departure) IsDelayed() bool {
+	if !d.HasRealtimeDepartureTime() {
+		return false
+	}
+
+	return d.RealtimeDepartureTime.After(d.DepartureTime)
+}
+
 type ResponseDeparture struct {
 	TripID                int    `json:"trip_id"`
 	RealtimeTripId        string `json:"realtime_trip_id"`

index.html

@@ -30,7 +30,11 @@
       <tr>
         <td>{{ $val.RouteShortName }}</td>
         <td>{{ $val.StopHeadsign }}</td>
+        {{ if $val.HasRealtimeDepartureTime }}
+        <td><time class="{{ if $val.IsDelayed }}delayed{{ else }}on-time{{ end }}">{{ formatTime $val.RealtimeDepartureTime }}</time></td>
+        {{ else }}
         <td><time>{{ formatTime $val.DepartureTime }}</time></td>
+        {{ end }}
       </tr>
       {{ end }}
       {{ end }}
@@ -40,4 +44,4 @@
   {{ end }}
 </main>
 </body>
-</html>
+</html>

static/css/busdepartures.css

@@ -43,4 +43,22 @@ td:first-child {
 
 td:last-child {
     padding-right: 0;
-}
+}
+
+time {
+    background: black;
+    color: white;
+    display: inline-block;
+    font-size: .8rem;
+    padding: .2em .2em .1em;
+}
+
+.on-time {
+    background: green;
+    color: white;
+}
+
+.delayed {
+    background: red;
+    color: white;
+}