Mercurial > brewboard / file comparison

comparison: image/w/js/webui.js

image/w/js/webui.js

branch
novnc
changeset 42
c6a1a6ca5437
parent 41
7639cfa6aec0
child 77
66c77497d86d
equal deleted inserted replaced
41:7639cfa6aec0 42:c6a1a6ca5437
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
5 5 var Beep= new Audio( "data:audio/wav;base64,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 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=" );
6 6
7 var BBScreen={ 7 var BBScreen={
8 8
9 Screen: -1, 9 Screen: -1,
10 Subscreen: 0,
11 setTimer: function(v){
12 $("#timer").text('');
13 if (v == 0) {
14 $("#timer").css("font-size", "18px");
15 $("#timer").css("font-weight", "normal");
16 $("#timer").css("font-family", "Verdana, Arial, sans-serif");
17 } else {
18 $("#timer").css("font-size", "36px");
19 $("#timer").css("font-weight", "bold");
20 $("#timer").css("font-family", "Courier New, Lucida Console");
21 }
22 },
23 clearScreen: function(){
24 $("#mltline").hide();
25 $("#mlt_table").hide();
26 $("#mlt00").hide();
27 $("#mlt20").hide();
28 $("#mlt01").hide();
29 $("#mlt21").hide();
30 $("#midline").hide();
31 this.setTimer(0);
32 $("#mid00").hide();
33 $("#mid20").hide();
34 $("#mid00").css("background-color", "#e7e7e7");
35 $("#mid00").css("color", "black");
36 $("#hltline").hide();
37 $("#hlt_table").hide();
38 $("#hlt00").hide();
39 $("#hlt20").hide();
40 $("#hlt01").hide();
41 $("#hlt21").hide();
42 $("#hlt01").css("background-color", "#e7e7e7");
43 $("#hlt01").css("color", "black");
44 $("#row_info").hide();
45 $("#prompt").hide();
46 $("#button_nee").css("background-color", "#e7e7e7");
47 $("#button_nee").css("color", "black");
48 $("#note").hide();
49 $("#brew").hide();
50 },
10 setScreen: function(s){ 51 setScreen: function(s){
11 Screen = parseInt(s,10); 52 Screen = parseInt(s,10);
12 console.log("Screen:"+Screen);
13 switch (Screen) { 53 switch (Screen) {
14 case 0: $("#mltline").show(); 54 case 0: this.clearScreen();
55 $("#mltline").show();
15 $("#mlt_table").show(); 56 $("#mlt_table").show();
16 $("#but00").text('Hand'); 57 $("#but00").text('Hand');
17 $("#but20").text('Auto'); 58 $("#but20").text('Auto');
18 $("#mlt00").show(); 59 $("#mlt00").show();
19 $("#mlt20").show(); 60 $("#mlt20").show();
20 $("#mlt01").hide();
21 $("#mlt21").hide();
22 $("#midline").show(); 61 $("#midline").show();
23 $("#mid00").hide(); 62 this.setTimer(0);
24 $("#mid20").hide();
25 $("#hltline").show(); 63 $("#hltline").show();
26 $("#hlt_table").show(); 64 $("#hlt_table").show();
27 $("#hlt00").hide();
28 $("#hlt20").hide();
29 $("#hlt01").show(); 65 $("#hlt01").show();
30 $("#hlt21").show();
31 $("#hlt01").css("background-color", "#e7e7e7");
32 $("#hlt01").css("color", "black");
33 $("#but04").text('Info'); 66 $("#but04").text('Info');
34 $("#but24").text('Tools'); 67 // No tools button on the web.
35 $("#row_info").hide(); 68 break;
36 $("#prompt").hide(); 69 case 2: this.clearScreen();
37 break;
38 case 2: $("#mltline").hide();
39 $("#midline").hide();
40 $("#hltline").hide();
41 $("#row_info").show(); 70 $("#row_info").show();
42 $("#prompt").hide();
43 break; 71 break;
44 // case 21: Automaat show recipe and Stop / Start 72 case 96: break; // Automaat show recipe and Stop / Start
45 // Prompt 73 case 98: break; // Delay start
46 // Prompt 74 case 99: this.clearScreen(); // heatup
47 case 100: 75 $("#mltline").show();
76 $("#mlt_table").show();
77 $("#midline").show();
78 $("#hltline").show();
79 $("#hlt_table").show();
80 break;
81 case 100: // All handled at Subscreen
48 case 101: 82 case 101:
49 case 102: 83 case 102:
50 case 103: 84 case 103:
51 case 104: 85 case 104:
52 case 105: 86 case 105:
53 case 106: 87 case 106:
54 case 107: $("#mltline").show(); 88 case 107: break;
55 $("#but00").text('+sp'); 89 case 108: this.clearScreen();
56 $("#but20").text('-sp'); 90 $("#mltline").show(); // to boil
57 $("#midline").show(); 91 $("#mlt_table").show();
58 $("#hltline").show(); 92 $("#mlt00").show();
59 $("#hlt01").hide(); 93 $("#mlt20").show();
60 $("#hlt21").hide(); 94 $("#but00").text('+sp');
61 $("#row_info").hide(); 95 $("#but20").text('-sp');
62 $("#prompt").hide(); 96 break;
63 break; 97 case 109: this.clearScreen();
64 case 108: $("#mltline").show(); // to boil 98 $("#mltline").show(); // boil
65 $("#midline").hide(); 99 $("#mlt_table").show();
66 $("#hltline").hide(); 100 $("#mlt00").show();
67 $("#prompt").hide(); 101 $("#mlt20").show();
68 break; 102 $("#but00").text('+sp');
69 case 109: $("#mltline").show(); // boil 103 $("#but20").text('-sp');
70 $("#midline").show(); 104 $("#midline").show();
71 $("#hltline").hide(); 105 $("#mid00").show();
72 $("#prompt").hide(); 106 $("#mid20").show();
73 break; 107 $("#but02").text('+%');
74 case 200: $("#mltline").hide(); 108 $("#but22").text('-%');
75 $("#midline").hide(); 109 this.setTimer(1);
76 $("#hltline").hide(); 110 $("#hltline").show();
77 $("#row_info").hide(); 111 $("#hlt01").show();
112 $("#hlt21").show();
113 $("#but04").text('+1m');
114 $("#but24").text('-1m');
115 break;
116 case 110: // whirlpool 9
117 case 111: // cooling H
118 case 112: // whirlpool 7
119 case 113: // cooling M
120 case 114: // whirlpool 6
121 case 115: // cooling C
122 case 116: // whirlpool 2
123 break;
124 case 117: this.clearScreen();
125 $("#note").show();
126 $("#note_msg").text('Brouwen is gereed.');
127 break;
128 case 118: this.clearScreen();
129 $("#note").show();
130 $("#note_msg").text('Brouwen is afgebroken.');
131 break;
132 case 97:
133 case 200: this.clearScreen();
78 $("#prompt").show(); 134 $("#prompt").show();
79 break; 135 break;
80 case 201: $("#mltline").show(); 136 case 201: this.clearScreen();
81 $("#mlt00").hide(); 137 $("#mltline").show();
82 $("#mlt20").hide();
83 $("#mlt01").hide();
84 $("#mlt21").hide();
85 $("#mlt_table").hide();
86 $("#but00").text('+sp'); 138 $("#but00").text('+sp');
87 $("#but20").text('-sp'); 139 $("#but20").text('-sp');
88 $("#but01").text('Pomp'); 140 $("#but01").text('Pomp');
89 $("#but21").text('Aan'); 141 $("#but21").text('Aan');
90 $("#midline").show(); 142 $("#midline").show();
91 $("#mid00").hide();
92 $("#mid20").hide();
93 $("#hltline").show(); 143 $("#hltline").show();
94 $("#hlt00").hide();
95 $("#hlt20").hide();
96 $("#hlt21").hide();
97 $("#hlt_table").hide();
98 $("#but03").text('+sp'); 144 $("#but03").text('+sp');
99 $("#but23").text('-sp'); 145 $("#but23").text('-sp');
100 $("#but04").text('Stop'); 146 $("#but04").text('Stop');
101 $("#but24").text('Aan'); 147 $("#but24").text('Aan');
148 $("#hlt01").show();
102 $("#hlt01").css("background-color", "#575757"); 149 $("#hlt01").css("background-color", "#575757");
103 $("#hlt01").css("color", "white"); 150 $("#hlt01").css("color", "white");
104 $("#row_info").hide(); 151 break;
105 $("#prompt").hide(); 152 default: this.clearScreen();
106 break;
107 default: $("#mltline").hide();
108 $("#midline").hide();
109 $("#hltline").hide();
110 $("#prompt").hide();
111 console.log("this is default screen "+Screen); 153 console.log("this is default screen "+Screen);
112 break; 154 break;
113 } 155 }
156 },
157 setSubscreen: function(s){
158 Subscreen = parseInt(s,10);
159 console.log("Screen:"+Screen+" Sub:"+Subscreen);
160 if (Screen == 96) {
161 this.clearScreen();
162 if (Subscreen == 0) {
163 $("#prompt").show();
164 $("#button_ja").text('Ja');
165 $("#button_nee").text('Nee');
166 } else if (Subscreen == 1) {
167 $("#brew").show();
168 }
169 } else if ((Screen >= 100) && (Screen < 108)) {
170 this.clearScreen();
171 $("#mltline").show();
172 $("#mlt_table").show();
173 $("#midline").show();
174 $("#hltline").show();
175 $("#hlt_table").show();
176 switch (Subscreen) {
177 case 0: // MASH_NONE
178 case 1: // MASH_WAITTEMP
179 $("#mlt00").show();
180 $("#mlt20").show();
181 $("#but00").text('+sp');
182 $("#but20").text('-sp');
183 break;
184 case 2: // MASH_REST
185 this.setTimer(1);
186 $("#mid00").show();
187 $("#mid20").show();
188 $("#but02").text('+1m');
189 $("#but22").text('-1m');
190 break;
191 case 3: // MASH_ADD
192 case 4: // MASH_IODINE
193 case 5: // MASH_REMOVE
194 case 6: // MASH_INFUSE
195 this.setTimer(0);
196 $("#mid00").show();
197 $("#mid00").css("background-color", "#575757");
198 $("#mid00").css("color", "white");
199 $("#mid20").show();
200 $("#but02").text('Halt');
201 $("#but22").text('Ok');
202 break;
203 };
204 } else if ((Screen == 111) || (Screen == 113) || (Screen == 115)) { // cooling H,M,C
205 this.clearScreen();
206 if (Subscreen == 0) {
207 $("#prompt").show();
208 $("#button_ja").text('Start');
209 $("#button_nee").text('Stop');
210 $("#button_nee").css("background-color", "#575757");
211 $("#button_nee").css("color", "white");
212 } else if (Subscreen == 1) {
213 $("#mltline").show();
214 $("#mlt_table").show();
215 $("#mlt00").show();
216 $("#mlt20").show();
217 $("#but00").text('+1');
218 $("#but20").text('-1');
219 $("#hltline").show();
220 $("#hlt01").show();
221 $("#but04").text('Stop');
222 $("#hlt01").css("background-color", "#575757");
223 $("#hlt01").css("color", "white");
224 }
225 } else if ((Screen == 110) || (Screen == 112) || (Screen == 114) || (Screen == 116)) { // whirlpools
226 this.clearScreen();
227 if (Subscreen == 0) {
228 $("#prompt").show();
229 $("#button_ja").text('Start');
230 $("#button_nee").text('Stop');
231 $("#button_nee").css("background-color", "#575757");
232 $("#button_nee").css("color", "white");
233 } else if (Subscreen == 1) {
234 $("#mltline").show();
235 $("#mlt_table").show();
236 $("#midline").show();
237 this.setTimer(1);
238 $("#mid00").show();
239 $("#mid20").show();
240 $("#but02").text('-1m');
241 $("#but22").text('+1m');
242 $("#hltline").show();
243 $("#hlt21").show();
244 $("#but24").text('Pomp');
245 }
246 };
114 }, 247 },
115 MLT_pv: function(s) { 248 MLT_pv: function(s) {
116 $("#mlt_pv").text(s); 249 $("#mlt_pv").text(s);
117 }, 250 },
118 MLT_sp: function(s) { 251 MLT_sp: function(s) {
127 } 260 }
128 } 261 }
129 }, 262 },
130 MLT_power: function(s) { 263 MLT_power: function(s) {
131 $("#mlt_power").text(s); 264 $("#mlt_power").text(s);
265 if (Screen == 201) {
266 if (s != "") {
267 $("#but21").text('Uit');
268 } else {
269 $("#but21").text('Aan');
270 }
271 }
132 }, 272 },
133 MLT_led: function(s) { 273 MLT_led: function(s) {
134 if (s == 0) 274 if (s == 0)
135 $("#mlt_led").css("background-color", "#270"); 275 $("#mlt_led").css("background-color", "#270");
136 else 276 else
152 $("#hlt00").show(); 292 $("#hlt00").show();
153 $("#hlt20").show(); 293 $("#hlt20").show();
154 $("#hlt21").show(); 294 $("#hlt21").show();
155 $("#hlt_table").show(); 295 $("#hlt_table").show();
156 } 296 }
157 } 297 }
158 }, 298 },
159 HLT_power: function(s) { 299 HLT_power: function(s) {
160 $("#hlt_power").text(s); 300 $("#hlt_power").text(s);
301 if (Screen == 201) {
302 if (s != "") {
303 $("#but24").text('Uit');
304 } else {
305 $("#but24").text('Aan');
306 }
307 }
161 }, 308 },
162 HLT_led: function(s) { 309 HLT_led: function(s) {
163 if (s == 0) 310 if (s == 0)
164 $("#hlt_led").css("background-color", "#270"); 311 $("#hlt_led").css("background-color", "#270");
165 else 312 else
168 Topmessage: function(s) { 315 Topmessage: function(s) {
169 $("#top_msg").text(s); 316 $("#top_msg").text(s);
170 }, 317 },
171 Timer: function(s) { 318 Timer: function(s) {
172 $("#timer").text(s); 319 $("#timer").text(s);
320 },
321 Brew1: function(s) {
322 $("#brew_msg1").text(s);
323 },
324 Brew2: function(s) {
325 $("#brew_msg2").text(s);
326 },
327 Beep: function(s) {
328 var loop = parseInt(s,10);
329 Beep.pause();
330 Beep.loop = false;
331 for (i = 0; i < loop; i++) {
332 Beep.play();
333 }
173 }, 334 },
174 }; 335 };
175 336
176 var BrewBoard = { 337 var BrewBoard = {
177 338
180 var a=JSON.parse(e); 341 var a=JSON.parse(e);
181 var c={ 342 var c={
182 main: function(v){ 343 main: function(v){
183 BBScreen.setScreen(v) 344 BBScreen.setScreen(v)
184 }, 345 },
346 sub: function(v){
347 BBScreen.setSubscreen(v)
348 },
185 mlt_pv:function(v){ 349 mlt_pv:function(v){
186 BBScreen.MLT_pv(v) 350 BBScreen.MLT_pv(v)
187 }, 351 },
188 mlt_sp:function(v){ 352 mlt_sp:function(v){
189 BBScreen.MLT_sp(v) 353 BBScreen.MLT_sp(v)
213 BBScreen.Topmessage(v) 377 BBScreen.Topmessage(v)
214 }, 378 },
215 timer:function(v){ 379 timer:function(v){
216 BBScreen.Timer(v) 380 BBScreen.Timer(v)
217 }, 381 },
382 beep:function(v){
383 BBScreen.Beep(v)
384 },
385 brew1:function(v){
386 BBScreen.Brew1(v)
387 },
388 brew2:function(v){
389 BBScreen.Brew2(v)
390 },
218 }; 391 };
219 console.log(e);
220 $.each(a,function(k,v){ 392 $.each(a,function(k,v){
221 if (typeof(c[k])!="undefined"){ 393 if (typeof(c[k])!="undefined"){
222 c[k](v) 394 c[k](v)
223 } 395 }
224 }); 396 });
225 } 397 }
226 }; 398 };
227 399
228 400
229 function sendTouch(x, y) { 401 function sendTouch(x, y) {
230 websocket.send('{"touch":{"x":'+x+',"y":'+y+'}}'); 402 websocket.send('{"touch":{"x":'+x+',"y":'+y+'}}');
231 console.log('Sent {"touch":{"x":'+x+',"y":'+y+'}}');
232 } 403 }
233 404
234 405
235 /* Define keys in the screens and their actions. */ 406 /* Define keys in the screens and their actions. */
236 $("#ok_info").click( function() { sendTouch(160,220); }); 407 $("#ok_info").click( function() { sendTouch(160,220); });
408 $("#ok_note").click( function() { sendTouch(160,220); });
237 $("#mlt00").click( function() { sendTouch( 35, 46); }); 409 $("#mlt00").click( function() { sendTouch( 35, 46); });
238 $("#mlt20").click( function() { sendTouch(285, 46); }); 410 $("#mlt20").click( function() { sendTouch(285, 46); });
239 $("#mlt01").click( function() { sendTouch( 35, 96); }); 411 $("#mlt01").click( function() { sendTouch( 35, 96); });
240 $("#mlt21").click( function() { sendTouch(285, 96); }); 412 $("#mlt21").click( function() { sendTouch(285, 96); });
241 $("#mid00").click( function() { sendTouch( 35,140); }); 413 $("#mid00").click( function() { sendTouch( 35,140); });
244 $("#hlt20").click( function() { sendTouch(285,170); }); 416 $("#hlt20").click( function() { sendTouch(285,170); });
245 $("#hlt01").click( function() { sendTouch( 35,220); }); 417 $("#hlt01").click( function() { sendTouch( 35,220); });
246 $("#hlt21").click( function() { sendTouch(285,220); }); 418 $("#hlt21").click( function() { sendTouch(285,220); });
247 $("#button_ja").click( function() { sendTouch( 80,120); }); 419 $("#button_ja").click( function() { sendTouch( 80,120); });
248 $("#button_nee").click( function() { sendTouch(240,120); }); 420 $("#button_nee").click( function() { sendTouch(240,120); });
249 421 $("#button_stop").click( function() { sendTouch( 35,220); });
422 $("#button_start").click( function() { sendTouch(285,220); });
250 423
251 websocket.onopen = function(evt) { 424 websocket.onopen = function(evt) {
252 console.log('WebSocket connection opened'); 425 console.log('WebSocket connection opened');
253 document.getElementById("test").innerHTML = "WebSocket is connected!"; 426 document.getElementById("test").innerHTML = "";
254 } 427 }
255 428
256 /* 429 /*
257 * Process received websocket messages. 430 * Process received websocket messages.
258 */ 431 */

Mercurial Repository: brewboard

mercurial