now also add duration to ui, closes #45

pkg/http.go

@@ -10,6 +10,7 @@ import (
 	"net/http"
 	"sort"
 	"strings"
+	"time"
 )
 
 type Response struct {
@@ -123,8 +124,15 @@ func ui(s *Schedule) func(w http.ResponseWriter, r *http.Request) {
 		}
 		sort.Strings(jobNames)
 
+		// add custom functions to template
+		funcMap := template.FuncMap{
+			"roundToSeconds": func(d time.Duration) int {
+				return int(d.Seconds())
+			},
+		}
+
 		// parse template files
-		tmpl, err := template.ParseFS(fsys(), "*.html")
+		tmpl, err := template.New("index.html").Funcs(funcMap).ParseFS(fsys(), "*.html")
 		if err != nil {
 			http.Error(w, err.Error(), http.StatusInternalServerError)
 			return

pkg/public/index.html

@@ -30,7 +30,7 @@
     <div class="row">
       <div class="col-12">
         <div class="flex-container">
-          {{range .JobNames}}<a class="{{if eq . $.SelectedJobName}}text-primary{{else}}text-grey{{end}} pad"
+          {{range .JobNames}}<a class="{{if eq . $.SelectedJobName}}text-primary{{else}}text-dark{{end}} pad"
             href="/job/{{.}}">{{.}}</a>{{end}}
         </div>
       </div>

pkg/public/jobview.html

@@ -23,7 +23,7 @@ <h4 class="is-marginless view-header text-primary">JobSpec</h4>
 </div>
 <div class="view-container">
   <h4 class="is-marginless view-header text-primary">Logs</h4>
-  <pre class="pre-wrap">{{range $i, $j := .SelectedJobSpec.Runs}}<span id="log{{$i}}"></span>{{.TriggeredAt}} | triggered by: {{ .TriggeredBy }} | exit code: {{.Status}}
+  <pre class="pre-wrap">{{range $i, $j := .SelectedJobSpec.Runs}}<span id="log{{$i}}"></span>{{.TriggeredAt}} | triggered by: {{ .TriggeredBy }} | duration: {{ .Duration | roundToSeconds}}s | exit code: {{.Status}}
 ---
 {{.Log}}
 {{end}}

pkg/public/overview.html

@@ -1,9 +1,9 @@
 {{ define "overview"}} {{range .JobNames}} {{ $spec := index $.JobSpecs .}}
 <div class="inline">
-  <a class="text-grey pad" href="/job/{{$spec.Name}}">{{$spec.Name}}</a>
+  <a class="text-dark pad" href="/job/{{$spec.Name}}">{{$spec.Name}}</a>
   {{ range $i, $r := $spec.Runs }}
   <a href="/job/{{$spec.Name}}#log{{$i}}"
-    ><abbr class="no-underline" title="{{$r.TriggeredAt.Format "2006-01-02T15:04:05"}}&#10;exit code: {{$r.Status}}"
+    ><abbr class="no-underline" title="{{$r.TriggeredAt.Format "2006-01-02T15:04:05"}}&#10;duration: {{$r.Duration | roundToSeconds}}s&#10;exit code: {{$r.Status}}"
       >{{ if eq $r.Status 0 }}
       <img src="/static/img/circle.svg" />
       {{else}}
@@ -14,5 +14,5 @@
   {{end}}
 </div>
 {{end}}
-<p class="text-grey pad-top"><small>shows statuses up until the last 10 runs</small></p>
+<p class="text-dark pad-top"><small>shows statuses up until the last 10 runs</small></p>
 {{ end }}

pkg/public/styles.css

@@ -8,9 +8,9 @@
 body.dark {
   --bg-color: #000;
   --bg-secondary-color: #131316;
-  --font-color: #f5f5f5;
+  --font-color: #d3d7cf;
   --color-grey: #ccc;
-  --color-darkGrey: #777;
+  --color-darkGrey: #d3d7cf;
 }
 
 .button.icon-only {

testdata/sleep.yaml

@@ -0,0 +1,4 @@
+jobs:
+  sleep_3_command:
+    cron: "* * * * *"
+    command: sleep 3