summaryrefslogtreecommitdiff
path: root/heap/ebus-web-python/ebus/web_static/src/ebus.js
diff options
context:
space:
mode:
authorEbus-at-dockstar <ebus@dockstar>2014-07-27 16:35:24 +0200
committerEbus-at-dockstar <ebus@dockstar>2014-07-27 16:35:24 +0200
commitdb18e8146f76a0071bb7dfbde4488513c0143c4b (patch)
tree36a2f133be6c179c7250c3352ef4fd25b7105282 /heap/ebus-web-python/ebus/web_static/src/ebus.js
parentb04b3062e94c95578c4ec0436d86c9803b86b3f2 (diff)
downloadebus-alt-db18e8146f76a0071bb7dfbde4488513c0143c4b.tar.gz
ebus-alt-db18e8146f76a0071bb7dfbde4488513c0143c4b.zip
add ebus-alpha
Diffstat (limited to 'heap/ebus-web-python/ebus/web_static/src/ebus.js')
-rw-r--r--heap/ebus-web-python/ebus/web_static/src/ebus.js222
1 files changed, 222 insertions, 0 deletions
diff --git a/heap/ebus-web-python/ebus/web_static/src/ebus.js b/heap/ebus-web-python/ebus/web_static/src/ebus.js
new file mode 100644
index 0000000..1b8ef93
--- /dev/null
+++ b/heap/ebus-web-python/ebus/web_static/src/ebus.js
@@ -0,0 +1,222 @@
+var d = new Object();
+d.ms = 1;
+d.sec = 1000*d.ms;
+d.min = 60 * d.sec;
+d.hour = 60 * d.min;
+d.day = 24 * d.hour;
+d.week = 7 * d.day;
+d.month = 30.5 * d.day;
+d.now = new Date().getTime();
+
+var timeToUTC = function(d) { return d - new Date().getTimezoneOffset() * 60 * 1000; }
+var timeToLocal = function(d) { return d + new Date().getTimezoneOffset() * 60 * 1000; }
+
+$(document).ready(function(){
+ var from = d.now - 1*d.day;
+ var to = d.now;
+ var fromOverview = d.now - 30*d.day;
+ var toOverview = d.now;
+ var datasetDetail = []
+ var datasetOverview = [];
+ var plotOverview = null;
+ var plotDetail = null;
+ var indexFound = null;
+ var sensorConfigList = [
+ {"sensorname":"heizkreisregler9.solarDaten.tempKollektor",
+ "description":"Kollektortemperatur",
+ "show":true,
+ "color":"#f30000"},
+ {"sensorname":"heizkreisregler10.betriebsdatenRegler1.kesselTemperatur",
+ "description":"Kessel Temperatur",
+ "show":true,
+ "color":"#283074"},
+ {"sensorname":"heizkreisregler9.solarDaten.tempWarmwasserSolar",
+ "description":"Warmwasser Solar",
+ "show":false,
+ "color":"#f0ff4c"},
+ {"sensorname":"feuerungsautomat1.betriebsdatenRegler1.aussenTemperatur",
+ "description":"Aussentemperatur",
+ "show":false,
+ "color":"#84b500"},
+ {"sensorname":"dockstar.load1",
+ "description":"System Load (1m, *10)",
+ "show":false,
+ "color":"blue",
+ "mapFunc":function(d){return [d[0],d[1]*10]}},
+ {"sensorname":"dockstar.load5",
+ "description":"System Load (5m, *10)",
+ "show":false,
+ "color":"blue",
+ "mapFunc":function(d){return [d[0],d[1]*10]}},
+ {"sensorname":"dockstar.diskfree.rootfs",
+ "description":"Rootfs free percent",
+ "show":false,
+ "color":"red"},
+ {"sensorname":"heizkreisregler10.betriebsdatenRegler1.boilerTemperatur",
+ "description":"Boilertemperatur",
+ "show":true,
+ "color":"#48b4ff"},
+ {"sensorname":"feuerungsautomat1.betriebsdatenRegler1.kesselTemperatur",
+ "description":"Kesseltemperatur",
+ "show":false,
+ "color":"blue"}
+ ];
+
+ var pickSensorConfig = function(sensorname) {
+ var sensorConfigFound;
+ $.each(sensorConfigList, function(i,sensorConfig) {
+ if (sensorConfig.sensorname == sensorname) {
+ sensorConfigFound = sensorConfig;
+ return false;
+ }
+ });
+ return sensorConfigFound;
+ }
+ var replot = function() {
+ plotDetail = $.plot($("#ebusgraph"),
+ datasetDetail,
+ {
+ xaxis: { mode: "time", min: timeToUTC(from), max:timeToUTC(to) },
+ yaxis: { min: -16, max: 100 },
+ legend: { show : true}
+ });
+ };
+ var replotOverview = function() {
+ if (plotOverview == null) {
+ plotOverview = $.plot($("#overview"),
+ datasetOverview,
+ { // options
+ series: {
+ lines: { show: true, lineWidth: 1 },
+ shadowSize: 0
+ },
+ xaxis: { mode: "time", min: timeToUTC(fromOverview), max:timeToUTC(toOverview) },
+ yaxis: { ticks: [], min: -26, max: 100, autoscaleMargin: 0.1 },
+ legend: { show: false },
+ selection: { mode: "x" }
+ });
+ } else {
+ plotOverview.setData(datasetOverview);
+ plotOverview.draw();
+ }
+ plotOverview.setSelection({xaxis: {'from': from, 'to': to}}, true);
+ };
+ var plotSensor = function(sensorConfig) {
+ plotSensorDetail(sensorConfig);
+ plotSensorOverview(sensorConfig);
+ };
+ var unplotSensor = function(sensorname) {
+ unplotSensorDetail(sensorname);
+ unplotSensorOverview(sensorname);
+ };
+ var plotSensorDetail = function(sensorConfig) {
+ $.getJSON("sensor/"+escape(sensorConfig.sensorname)+"/"+timeToLocal(from)+"/"+timeToLocal(to),
+ function(response) {
+ if (!response.error) {
+ response.data = response.data.map(function(d) {
+ return [ timeToUTC(d[0]), d[1] ];
+ });
+ if (sensorConfig.mapFunc) {
+ response.data = response.data.map( sensorConfig.mapFunc )
+ }
+ datasetDetail.push({'data':response['data'],
+ 'userData':sensorConfig.sensorname,
+ 'label':sensorConfig.description,
+ 'color':sensorConfig.color});
+ replot();
+ } else {
+ alert("Fehler: " + response["error"]);
+ }
+ });
+ };
+
+ var unplotSensorDetail = function(sensorname) {
+ $.each(datasetDetail, function(i, sensor) {
+ if (sensor.userData == sensorname) {
+ datasetDetail.splice(i,1);
+ replot();
+ return false;
+ }
+ });
+ };
+
+ var plotSensorOverview = function(sensorConfig) {
+ $.getJSON("avg/"+escape(sensorConfig.sensorname)+"/"+timeToLocal(fromOverview)+"/"+timeToLocal(toOverview),
+ function(response) {
+ if (!response.error) {
+ response.data = response.data.map(function(d) {
+ return [ timeToUTC(d[0]), d[1] ];
+ });
+ if (sensorConfig.mapFunc) {
+ response.data = response.data.map( sensorConfig.mapFunc)
+ }
+ datasetOverview.push({'data':response['data'],
+ 'label':sensorConfig.sensorname,
+ 'color':sensorConfig.color});
+ replotOverview();
+ } else {
+ alert("Overview Fehler: " + response["error"]);
+ }
+ });
+
+ };
+ var unplotSensorOverview = function(sensorname) {
+ $.each(datasetOverview, function(i, sensor) {
+ if (sensor.label == sensorname) {
+ datasetOverview.splice(i,1);
+ replotOverview();
+ return false;
+ }
+ });
+ }
+
+ $("#overview").bind("plotselected", function (event, ranges) {
+ range_from = Math.round(ranges.xaxis.from);
+ range_to = Math.round(ranges.xaxis.to);
+ // max selection range
+ if (range_to - range_from > d.month) {
+ // reset selection
+ plotOverview.setSelection({xaxis: {'from': from, 'to': to}}, true);
+ return;
+ } else {
+ from = timeToLocal( range_from );
+ to = timeToLocal( range_to );
+ }
+ sensors = [];
+ for (elem in datasetOverview) {
+ sensor = datasetDetail[elem]["userData"];
+ sensors.push(sensor);
+ }
+ datasetDetail =[];
+ for (i in sensors) {
+ plotSensorDetail(pickSensorConfig(sensors[i]));
+ }
+ });
+
+ $.each(sensorConfigList, function(i,sensorConfig) {
+ var pickerDiv = $("<div>").attr("id","pick_"+sensorConfig.sensorname.replace(/\./g,"_"))
+ .addClass("picker")
+ .appendTo("#sensorpicker");
+
+ var pickerCheckbox = $("<input>").attr("type","checkbox")
+ .appendTo(pickerDiv);
+ pickerDiv.append($("<span>").text( sensorConfig.description + " (" + sensorConfig.sensorname + ")") );
+ if (sensorConfig.show) {
+ //Plot
+ plotSensor(sensorConfig);
+ $(pickerCheckbox).attr("checked","checked");
+ }
+ });
+ // TODO http://people.iola.dk/olau/flot/examples/annotating.html
+
+
+ $('.picker input').click( function() {
+ var sensorname = $(this).parent().attr("id").replace("pick_","").replace(/_/g,".");
+ if ($(this).is(":checked")) {
+ if (typeof console != "undefined") console.log(sensorname);
+ plotSensor(pickSensorConfig(sensorname));
+ } else {
+ unplotSensor(sensorname);
+ }
+ });
+});