diff -r 000000000000 -r b74b0e4902c3 image/www/js/webui.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/image/www/js/webui.js	Sat Oct 20 13:23:15 2018 +0200
@@ -0,0 +1,142 @@
+document.getElementById("test").innerHTML = "WebSocket is not connected";
+
+var websocket = new WebSocket('ws://'+location.hostname+'/ws');
+var slider = document.getElementById("myRange");
+
+
+var BBScreen={
+
+    MLT_pv: function(s) {
+	$("#mlt_pv").text(s);
+    },
+    MLT_sp: function(s) {
+	$("#mlt_sp").text(s);
+    },
+    MLT_power: function(s) {
+	$("#mlt_power").text(s);
+    },
+    MLT_led: function(s) {
+	if (s == 0)
+	    $("#mlt_led").css("background-color", "#270");
+	else
+	    $("#mlt_led").css("background-color", "#5E0");
+    },
+    Pump_led: function(s) {
+	if (s == 0)
+	    $("#pump_led").css("background-color", "#820");
+	else
+	    $("#pump_led").css("background-color", "#F40");
+    },
+    HLT_pv: function(s) {
+	$("#hlt_pv").text(s);
+    },
+    HLT_sp: function(s) {
+	$("#hlt_sp").text(s);
+    },
+    HLT_power: function(s) {
+	$("#hlt_power").text(s);
+    },
+    HLT_led: function(s) {
+	if (s == 0)
+	    $("#hlt_led").css("background-color", "#270");
+	else
+	    $("#hlt_led").css("background-color", "#5E0");
+    },
+    Topmessage: function(s) {
+	$("#top_msg").text(s);
+    },
+    Timer: function(s) {
+	$("#timer").text(s);
+    },
+};
+
+var BrewBoard = {
+
+    p_msg:function(e){
+	var b=this;
+	var a=JSON.parse(e);
+	var c={
+	    mlt_pv:function(v){
+		BBScreen.MLT_pv(v)
+	    },
+	    mlt_sp:function(v){
+		BBScreen.MLT_sp(v)
+	    },
+	    mlt_power:function(v){
+		BBScreen.MLT_power(v)
+	    },
+	    mlt_led:function(v){
+		BBScreen.MLT_led(v)
+	    },
+	    pump_led:function(v){
+		BBScreen.Pump_led(v)
+	    },
+	    hlt_pv:function(v){
+		BBScreen.HLT_pv(v)
+	    },
+	    hlt_sp:function(v){
+		BBScreen.HLT_sp(v)
+	    },
+	    hlt_power:function(v){
+		BBScreen.HLT_power(v)
+	    },
+	    hlt_led:function(v){
+		BBScreen.HLT_led(v)
+	    },
+	    top_msg:function(v){
+		BBScreen.Topmessage(v)
+	    },
+	    timer:function(v){
+		BBScreen.Timer(v)
+	    },
+	};
+	console.log(e);
+	$.each(a,function(k,v){
+	    if (typeof(c[k])!="undefined"){
+		c[k](v)
+	    }
+	});
+    }
+};
+
+
+function sendMsg() {
+	//websocket.send("sup playa!");
+	websocket.send('L50');
+	console.log('Sent message to websocket');
+}
+
+
+websocket.onopen = function(evt) {
+	console.log('WebSocket connection opened');
+//	websocket.send("It's open! Hooray!!!");
+	document.getElementById("test").innerHTML = "WebSocket is connected!";
+}
+
+/*
+ * Process received websocket messages.
+ */
+websocket.onmessage = function(evt) {
+    var msg = evt.data;
+    var value;
+    switch (msg.charAt(0)) {
+	case '{':
+		BrewBoard.p_msg(evt.data);
+		break;
+	default:
+		document.getElementById("output").innerHTML = evt.data;
+		break;
+    }
+}
+
+websocket.onclose = function(evt) {
+	console.log('Websocket connection closed');
+	document.getElementById("test").innerHTML = "WebSocket closed";
+}
+
+websocket.onerror = function(evt) {
+	console.log('Websocket error: ' + evt);
+	document.getElementById("test").innerHTML = "WebSocket error????!!!1!!";
+}
+
+