comparison: image/w/js/webui.js
image/w/js/webui.js
- branch
- novnc
- changeset 40
- 71e06f6d80fd
- parent 11
- f816cf5b6bcb
- child 41
- 7639cfa6aec0
equal
deleted
inserted
replaced
| 39:e5900c9b9a7b | 40:71e06f6d80fd |
|---|---|
| 1 document.getElementById("test").innerHTML = "WebSocket is not connected"; | 1 document.getElementById("test").innerHTML = "WebSocket is not connected"; |
| 2 | 2 |
| 3 var websocket = new WebSocket('ws://'+location.hostname+'/ws'); | 3 var websocket = new WebSocket('ws://'+location.hostname+'/ws'); |
| 4 var slider = document.getElementById("myRange"); | 4 //var slider = document.getElementById("myRange"); |
| 5 | 5 |
| 6 | 6 |
| 7 var BBScreen={ | 7 var BBScreen={ |
| 8 | 8 |
| 9 Screen: -1, | |
| 10 setScreen: function(s){ | |
| 11 console.log("Screen:"+s); | |
| 12 switch (s) { | |
| 13 case '0': | |
| 14 case '100': | |
| 15 case '101': | |
| 16 case '102': | |
| 17 case '103': | |
| 18 case '104': | |
| 19 case '105': | |
| 20 case '106': | |
| 21 case '107': | |
| 22 case '201': | |
| 23 $("#mltline").show(); | |
| 24 //$("#mlt01").hide(); | |
| 25 $("#midline").show(); | |
| 26 $("#hltline").show(); | |
| 27 $("#row_info").hide(); | |
| 28 console.log("this is 0"); | |
| 29 break; | |
| 30 case '108': $("#mltline").show(); // to boil | |
| 31 $("#midline").hide(); | |
| 32 $("#hltline").hide(); | |
| 33 break; | |
| 34 case '109': $("#mltline").show(); // boil | |
| 35 $("#midline").show(); | |
| 36 $("#hltline").hide(); | |
| 37 break; | |
| 38 case '2': $("#mltline").hide(); | |
| 39 $("#midline").hide(); | |
| 40 $("#hltline").hide(); | |
| 41 $("#row_info").show(); | |
| 42 console.log("this is 2"); | |
| 43 break; | |
| 44 default: $("#mltline").hide(); | |
| 45 $("#midline").hide(); | |
| 46 $("#hltline").hide(); | |
| 47 console.log("this is default"); | |
| 48 break; | |
| 49 } | |
| 50 }, | |
| 9 MLT_pv: function(s) { | 51 MLT_pv: function(s) { |
| 10 $("#mlt_pv").text(s); | 52 $("#mlt_pv").text(s); |
| 11 }, | 53 }, |
| 12 MLT_sp: function(s) { | 54 MLT_sp: function(s) { |
| 13 $("#mlt_sp").text(s); | 55 $("#mlt_sp").text(s); |
| 54 | 96 |
| 55 p_msg:function(e){ | 97 p_msg:function(e){ |
| 56 var b=this; | 98 var b=this; |
| 57 var a=JSON.parse(e); | 99 var a=JSON.parse(e); |
| 58 var c={ | 100 var c={ |
| 101 main: function(v){ | |
| 102 BBScreen.setScreen(v) | |
| 103 }, | |
| 59 mlt_pv:function(v){ | 104 mlt_pv:function(v){ |
| 60 BBScreen.MLT_pv(v) | 105 BBScreen.MLT_pv(v) |
| 61 }, | 106 }, |
| 62 mlt_sp:function(v){ | 107 mlt_sp:function(v){ |
| 63 BBScreen.MLT_sp(v) | 108 BBScreen.MLT_sp(v) |
| 98 }); | 143 }); |
| 99 } | 144 } |
| 100 }; | 145 }; |
| 101 | 146 |
| 102 | 147 |
| 103 function sendMsg() { | 148 function sendTouch(x, y) { |
| 104 //websocket.send("sup playa!"); | 149 websocket.send('{"touch":{"x":"'+x+'","y":"'+y+'"}}'); |
| 105 websocket.send('L50'); | 150 console.log('Sent {"touch":{"x":"'+x+'","y":"'+y+'"}}'); |
| 106 console.log('Sent message to websocket'); | |
| 107 } | 151 } |
| 152 | |
| 153 | |
| 154 /* Define keys in the screens and their actions. */ | |
| 155 $("#ok_info").click( function() { sendTouch(160,220); }); | |
| 108 | 156 |
| 109 | 157 |
| 110 websocket.onopen = function(evt) { | 158 websocket.onopen = function(evt) { |
| 111 console.log('WebSocket connection opened'); | 159 console.log('WebSocket connection opened'); |
| 112 // websocket.send("It's open! Hooray!!!"); | |
| 113 document.getElementById("test").innerHTML = "WebSocket is connected!"; | 160 document.getElementById("test").innerHTML = "WebSocket is connected!"; |
| 114 } | 161 } |
| 115 | 162 |
| 116 /* | 163 /* |
| 117 * Process received websocket messages. | 164 * Process received websocket messages. |
