hokud: add format=html to /query for javascript plot of freq/time

dgryski · May 31, 2014 · df0b8d6 · df0b8d6
1 parent 5cdfc0c
commit df0b8d6
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/hokud/main.go b/hokud/main.go
@@ -14,6 +14,7 @@ import (
 	"encoding/json"
 	"flag"
 	"fmt"
+	"html/template"
 	"log"
 	"net/http"
 	"os"
@@ -110,11 +111,44 @@ func queryHandler(w http.ResponseWriter, r *http.Request) {
 		queryResponse.Counts = append(queryResponse.Counts, Hoku.Count(int64(t), q))
 	}
 
+	if r.FormValue("format") == "html" {
+		reportTmpl.Execute(w, queryResponse)
+		return
+	}
+
 	w.Header().Set("Content-Type", "application/json")
 	jenc := json.NewEncoder(w)
 	jenc.Encode(queryResponse)
 }
 
+var reportTmpl = template.Must(template.New("report").Parse(`
+<html>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.time.min.js"></script>
+
+<script type="text/javascript">
+
+    var counts = {{ .Counts }};
+    var data = []
+    for (var i in counts) { data[i] = [({{ .Start }} + i* {{ .Step }}) * 1000,counts[i]]; }
+
+    $(document).ready(function() {
+        $.plot($("#placeholder"), [data], {
+            xaxis: { mode: "time" }
+        })
+    })
+
+</script>
+
+<body>
+
+<div id="placeholder" style="width:1200px; height:400px"></div>
+
+</body>
+</html>
+`))
+
 func topkHandler(w http.ResponseWriter, r *http.Request) {
 
 	epoch, err := defaultInt(r.FormValue("epoch"), -1)