diff options
| author | Yves Fischer <yvesf-git@xapek.org> | 2011-12-11 01:14:24 +0100 |
|---|---|---|
| committer | Yves Fischer <yvesf-git@xapek.org> | 2011-12-11 01:14:24 +0100 |
| commit | f1c5d0c337cbb8cd072594f85ebd3419653a34ae (patch) | |
| tree | f144b2b31e9a4e52132a1934d13654b6508f7118 /ebus/webapp/static/control.html | |
| parent | 16455a269c8d8d22a0015458f4ccae2530e7d469 (diff) | |
| download | ebus-alt-f1c5d0c337cbb8cd072594f85ebd3419653a34ae.tar.gz ebus-alt-f1c5d0c337cbb8cd072594f85ebd3419653a34ae.zip | |
refactor svg ui
Diffstat (limited to 'ebus/webapp/static/control.html')
| -rw-r--r-- | ebus/webapp/static/control.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/ebus/webapp/static/control.html b/ebus/webapp/static/control.html new file mode 100644 index 0000000..db9e7b8 --- /dev/null +++ b/ebus/webapp/static/control.html @@ -0,0 +1,52 @@ +<html> +<head> + <title>Control Panel</title> + <script src="lib/d3-v2.6.1/d3.js" type="text/javascript"></script> + <script src="lib/d3-v2.6.1/d3.time.js" type="text/javascript"></script> + <script src="src/d3.plot.js" type="text/javascript"></script> + <script src="src/d3.control.js" type="text/javascript"></script> + <style> + path { + stroke: steelblue; + stroke-width: 2; + fill: none; + } + line { + stroke: black; + } + div.popup { + position: absolute; + border: 2px solid gray; + background-color: #fefefe; + } + div.popup .plot { + margin: 5px; + } + </style> +</head> +<body> + <div id="image"></div> + <script type="text/javascript"> + var mapping = { + /* id : { options } */ + "heizkesselWert":{ + type:"text", + sensor:"heizkreisregler10.betriebsdatenRegler1.kesselTemperatur", + range:7*60*60*24*1000 /*7 days*/}, + "tempkollektorWert":{ + type:"text", + sensor:"heizkreisregler9.solarDaten.tempKollektor", + range:7*60*60*24*1000}, + "temperatur_oel":{ + type:"text", + sensor:"feuerungsautomat1.betriebsdatenRegler1.boilerTemperatur", + range:7*60*60*24*1000}, + "temperatur_holz":{ + type:"text", + sensor:"feuerungsautomat1.betriebsdatenRegler1.boilerTemperatur", + range:7*60*60*24*1000}, + }; + var control = d3.control(d3.select("#image"), "draw.svg", mapping); +</script> +</body> +</html> |