Added simple chart to value history view

hiveot · Jul 22, 2024 · f7c31c2 · f7c31c2
1 parent 0cc1b77
commit f7c31c2
Show file tree

Hide file tree

Showing 15 changed files with 328 additions and 357 deletions.
diff --git a/bindings/hiveoview/hiveoview-README.md b/bindings/hiveoview/hiveoview-README.md
@@ -8,6 +8,7 @@ This viewer is in early development. The information below is subject to change.
 
 ### Phase 1: SSR infrastructure and session management [done]
 ### Phase 2: Directory view
+10. Chart for history (web component)
 11. Show progress of action and config changes
 11. Re-usable DataSchema component/template with text,number,bool,enum,on-off [partial]
 12. Show history of events

diff --git a/bindings/hiveoview/src/static/chartjs-4.4.1.umd.js b/bindings/hiveoview/src/static/chartjs-4.4.1.umd.js
diff --git a/bindings/hiveoview/src/static/chartjs-4.4.1.umd.js.map b/bindings/hiveoview/src/static/chartjs-4.4.1.umd.js.map
diff --git a/bindings/hiveoview/src/static/chartjs-4.4.3.js b/bindings/hiveoview/src/static/chartjs-4.4.3.js
diff --git a/bindings/hiveoview/src/static/chartjs-adapter-date-fns.bundle-v3.0.0.min.js b/bindings/hiveoview/src/static/chartjs-adapter-date-fns.bundle-v3.0.0.min.js
diff --git a/bindings/hiveoview/src/static/[email protected] b/bindings/hiveoview/src/static/[email protected]
diff --git a/bindings/hiveoview/src/static/[email protected] b/bindings/hiveoview/src/static/[email protected]
diff --git a/bindings/hiveoview/src/static/pico-main.zip b/bindings/hiveoview/src/static/pico-main.zip
diff --git a/bindings/hiveoview/src/static/sse-2.0.0.js b/bindings/hiveoview/src/static/sse-2.0.0.js
diff --git a/bindings/hiveoview/src/views/history/historyChart.gohtml b/bindings/hiveoview/src/views/history/historyChart.gohtml
@@ -0,0 +1,27 @@
+{{/*Display a timeline of event values from the history */}}
+
+{{- /*gotype:github.com/hiveot/hub/bindings/hiveoview/src/views/history.HistoryTemplateData */ -}}
+<h-timechart id="historyChart" style="flex-grow:1; height:100%">
+</h-timechart>
+
+<script>
+
+		// https://stackoverflow.com/questions/75651261/variable-already-been-declared-after-loading-modal-via-htmx-after-first-load
+		// FIXME: don't reload the whole page, just update the data and the chart
+		var historyChartTimeSeries = [
+
+		// load the data for the history chart
+    {{range .Values}}
+		{ x: {{.Created}}, y: {{.DataAsText}} },
+		{{end}}
+		]
+
+		// function loadTimeData() {
+    var chart1 = document.getElementById("historyChart")
+		chart1.addEventListener('on-timechart-ready', ()=>{
+        chart1.setTimeSeries(0, {{.Aff.Title}}, historyChartTimeSeries)
+
+		})
+        // chart1.setTimeSeries(1, "series2", timeSeries2)
+    // }
+</script>