const UI_TITEL = 0; const UI_LABEL = 1; const UI_BUTTON = 2; const UI_SWITCHER = 3; const UI_PAD = 4; const UI_CPAD = 5; const UPDATE_LABEL = 6; const UPDATE_SWITCHER = 7; const FOR = 0; const BACK = 1; const LEFT = 2; const RIGHT = 3; const CENTER = 4; var websock; function start() { websock = new WebSocket('ws://' + window.location.hostname + '/ws'); websock.onopen = function(evt) { console.log('websock open'); $("#conStatus").addClass("color-green"); $("#conStatus").text("Connected"); }; websock.onclose = function(evt) { console.log('websock close'); $("#conStatus").removeClass("color-green"); $("#conStatus").addClass("color-red"); $("#conStatus").text("Error / No Connection"); }; websock.onerror = function(evt) { console.log(evt); $("#conStatus").removeClass("color-green"); $("#conStatus").addClass("color-red"); $("#conStatus").text("Error / No Connection"); }; websock.onmessage = function(evt) { console.log(evt); var data = JSON.parse(evt.data); var e = document.body; var center = ""; switch(data.type){ case UI_TITEL: document.title = data.label; $('#mainHeader').html(data.label); break; case UI_LABEL: $('#row').append("
"+data.label+"

"+data.value+"
"); break; case UI_BUTTON: $('#row').append("
"+data.label+"

"); $('#'+data.id).on({ 'touchstart' : function(e){e.preventDefault(); buttonclick(data.id, true) } }); $('#'+data.id).on({ 'touchend' : function(e){e.preventDefault(); buttonclick(data.id, false) } }); break; case UI_SWITCHER: var label = "