Mercurial > brewboard / file diff

--- a/image/w/js/webui.js	Thu May 02 21:19:50 2019 +0200
+++ b/image/w/js/webui.js	Sat May 04 11:41:16 2019 +0200
@@ -1,11 +1,53 @@
 document.getElementById("test").innerHTML = "WebSocket is not connected";
 
 var websocket = new WebSocket('ws://'+location.hostname+'/ws');
-var slider = document.getElementById("myRange");
+//var slider = document.getElementById("myRange");
 
 
 var BBScreen={
 
+    Screen: -1,
+    setScreen: function(s){
+	console.log("Screen:"+s);
+	switch (s) {
+            case '0':
+	    case '100':
+            case '101':
+            case '102':
+            case '103':
+            case '104':
+            case '105':
+            case '106':
+            case '107':
+            case '201':
+			$("#mltline").show();
+			//$("#mlt01").hide();
+                        $("#midline").show();
+                        $("#hltline").show();
+                        $("#row_info").hide();
+                        console.log("this is 0");
+                        break;
+	    case '108':	$("#mltline").show();	// to boil
+			$("#midline").hide();
+                        $("#hltline").hide();
+			break;
+            case '109':	$("#mltline").show();	// boil
+			$("#midline").show();
+			$("#hltline").hide();
+			break;
+            case '2':	$("#mltline").hide();
+                        $("#midline").hide();
+                        $("#hltline").hide();
+                        $("#row_info").show();
+                        console.log("this is 2");
+                        break;
+            default:    $("#mltline").hide();
+			$("#midline").hide();
+                        $("#hltline").hide();
+                        console.log("this is default");
+                        break;
+	}
+    },
     MLT_pv: function(s) {
 	$("#mlt_pv").text(s);
     },
@@ -56,6 +98,9 @@
 	var b=this;
 	var a=JSON.parse(e);
 	var c={
+	    main: function(v){
+		BBScreen.setScreen(v)
+	    },
 	    mlt_pv:function(v){
 		BBScreen.MLT_pv(v)
 	    },
@@ -100,16 +145,18 @@
 };
 
 
-function sendMsg() {
-	//websocket.send("sup playa!");
-	websocket.send('L50');
-	console.log('Sent message to websocket');
+function sendTouch(x, y) {
+	websocket.send('{"touch":{"x":"'+x+'","y":"'+y+'"}}');
+	console.log('Sent {"touch":{"x":"'+x+'","y":"'+y+'"}}');
 }
 
 
+/* Define keys in the screens and their actions. */
+$("#ok_info").click( function() { sendTouch(160,220); });
+
+
 websocket.onopen = function(evt) {
 	console.log('WebSocket connection opened');
-//	websocket.send("It's open! Hooray!!!");
 	document.getElementById("test").innerHTML = "WebSocket is connected!";
 }