From 02d981cc2be25dafa72a79eb6f823ccb33d85daa Mon Sep 17 00:00:00 2001
From: Marcus Miess <marcusmiess@outlook.de>
Date: Sat, 2 Jan 2021 00:23:13 +0100
Subject: [PATCH] Changed the ascii arrow to the HTML equivalent. Fixes the
 problem, where the pad arrow strings got broken.

---
 data/js/controls.js     | 8 ++++----
 data/js/controls.min.js | 2 +-
 src/dataControlsJS.h    | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/data/js/controls.js b/data/js/controls.js
index 265ffb2..a088804 100644
--- a/data/js/controls.js
+++ b/data/js/controls.js
@@ -380,28 +380,28 @@ function start() {
             data.id +
             ", false)' id='pf" +
             data.id +
-            "'>▲</a></li>" +
+            "'>&#9650;</a></li>" +
             "<li><a onmousedown='padclick(RIGHT, " +
             data.id +
             ", true)' onmouseup='padclick(RIGHT, " +
             data.id +
             ", false)' id='pr" +
             data.id +
-            "'>▲</a></li>" +
+            "'>&#9650;</a></li>" +
             "<li><a onmousedown='padclick(LEFT, " +
             data.id +
             ", true)' onmouseup='padclick(LEFT, " +
             data.id +
             ", false)' id='pl" +
             data.id +
-            "'>▲</a></li>" +
+            "'>&#9650;</a></li>" +
             "<li><a onmousedown='padclick(DOWN, " +
             data.id +
             ", true)' onmouseup='padclick(DOWN, " +
             data.id +
             ", false)' id='pb" +
             data.id +
-            "'>▲</a></li>" +
+            "'>&#9650;</a></li>" +
             "</ul>" +
             (data.type == UI_CPAD
               ? "<a class='confirm' onmousedown='padclick(CENTER," +
diff --git a/data/js/controls.min.js b/data/js/controls.min.js
index e23d5bf..ce3f5af 100644
--- a/data/js/controls.min.js
+++ b/data/js/controls.min.js
@@ -1 +1 @@
-const UI_INITIAL_GUI=200,UI_RELOAD=201,UPDATE_OFFSET=100,UI_TITEL=0,UI_PAD=1,UPDATE_PAD=101,UI_CPAD=2,UPDATE_CPAD=102,UI_BUTTON=3,UPDATE_BUTTON=103,UI_LABEL=4,UPDATE_LABEL=104,UI_SWITCHER=5,UPDATE_SWITCHER=105,UI_SLIDER=6,UPDATE_SLIDER=106,UI_NUMBER=7,UPDATE_NUMBER=107,UI_TEXT_INPUT=8,UPDATE_TEXT_INPUT=108,UI_GRAPH=9,ADD_GRAPH_POINT=10,CLEAR_GRAPH=109,UI_TAB=11,UPDATE_TAB=111,UI_SELECT=12,UPDATE_SELECT=112,UI_OPTION=13,UPDATE_OPTION=113,UI_MIN=14,UPDATE_MIN=114,UI_MAX=15,UPDATE_MAX=115,UI_STEP=16,UPDATE_STEP=116,UI_GAUGE=17,UPDATE_GAUGE=117,UI_ACCEL=18,UPTDATE_ACCEL=117,UP=0,DOWN=1,LEFT=2,RIGHT=3,CENTER=4,C_TURQUOISE=0,C_EMERALD=1,C_PETERRIVER=2,C_WETASPHALT=3,C_SUNFLOWER=4,C_CARROT=5,C_ALIZARIN=6,C_DARK=7,C_NONE=255;var websock,graphData=new Array,hasAccel=!1,sliderContinuous=!1;function colorClass(e){switch(e=Number(e)){case C_TURQUOISE:return"turquoise";case C_EMERALD:return"emerald";case C_PETERRIVER:return"peterriver";case C_WETASPHALT:return"wetasphalt";case C_SUNFLOWER:return"sunflower";case C_CARROT:return"carrot";case C_ALIZARIN:return"alizarin";case C_NONE:return"dark";default:return""}}var websockConnected=!1;function requestOrientationPermission(){}function saveGraphData(){localStorage.setItem("espuigraphs",JSON.stringify(graphData))}function restoreGraphData(e){var a=localStorage.getItem("espuigraphs",graphData);return null!=a?(a=JSON.parse(a))[e]:[]}function restart(){$(document).add("*").off(),$("#row").html(""),websock.close(),start()}function conStatusError(){websockConnected=!1,$("#conStatus").removeClass("color-green"),$("#conStatus").addClass("color-red"),$("#conStatus").html("Error / No Connection &#8635;"),$("#conStatus").off(),$("#conStatus").on({click:restart})}function handleVisibilityChange(){websockConnected||document.hidden||restart()}function start(){document.addEventListener("visibilitychange",handleVisibilityChange,!1),(websock=""!=window.location.port||80!=window.location.port||443!=window.location.port?new WebSocket("ws://"+window.location.hostname+":"+window.location.port+"/ws"):new WebSocket("ws://"+window.location.hostname+"/ws")).onopen=function(e){console.log("websock open"),$("#conStatus").addClass("color-green"),$("#conStatus").text("Connected"),websockConnected=!0},websock.onclose=function(e){console.log("websock close"),conStatusError()},websock.onerror=function(e){console.log(e),conStatusError()};var e=function(a){console.log(a);var t=JSON.parse(a.data);document.body;switch(t.type){case UI_INITIAL_GUI:$("#row").html(""),$("#tabsnav").html(""),$("#tabscontent").html(""),t.sliderContinuous&&(sliderContinuous=t.sliderContinuous),t.controls.forEach(a=>{var t={data:JSON.stringify(a)};e(t)});break;case UI_RELOAD:window.location.reload();break;case UI_TITEL:document.title=t.label,$("#mainHeader").html(t.label);break;case UI_LABEL:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><span id='l"+t.id+"' class='label label-wrap'>"+t.value+"</span></div>");break;case UI_BUTTON:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='one columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><button id='btn"+t.id+"' onmousedown='buttonclick("+t.id+", true)' onmouseup='buttonclick("+t.id+", false)'>"+t.value+"</button></div>"),$("#btn"+t.id).on({touchstart:function(e){e.preventDefault(),buttonclick(t.id,!0)},touchend:function(e){e.preventDefault(),buttonclick(t.id,!1)}});break;case UI_SWITCHER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='one columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><label id='sl"+t.id+"' class='switch "+("1"==t.value?"checked":"")+"'><div class='in'><input type='checkbox' id='s"+t.id+"' onClick='switcher("+t.id+",null)' "+("1"==t.value?"checked":"")+"/></div></label></div>"),switcher(t.id,t.value);break;case UI_CPAD:case UI_PAD:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><nav class='control'><ul><li><a onmousedown='padclick(UP, "+t.id+", true)' onmouseup='padclick(UP, "+t.id+", false)' id='pf"+t.id+"'>â–²</a></li><li><a onmousedown='padclick(RIGHT, "+t.id+", true)' onmouseup='padclick(RIGHT, "+t.id+", false)' id='pr"+t.id+"'>â–²</a></li><li><a onmousedown='padclick(LEFT, "+t.id+", true)' onmouseup='padclick(LEFT, "+t.id+", false)' id='pl"+t.id+"'>â–²</a></li><li><a onmousedown='padclick(DOWN, "+t.id+", true)' onmouseup='padclick(DOWN, "+t.id+", false)' id='pb"+t.id+"'>â–²</a></li></ul>"+(t.type==UI_CPAD?"<a class='confirm' onmousedown='padclick(CENTER,"+t.id+", true)' onmouseup='padclick(CENTER, "+t.id+", false)' id='pc"+t.id+"'>OK</a>":"")+"</nav></div>"),$("#pf"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(UP,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(UP,t.id,!1)}}),$("#pl"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(LEFT,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(LEFT,t.id,!1)}}),$("#pr"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(RIGHT,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(RIGHT,t.id,!1)}}),$("#pb"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(DOWN,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(DOWN,t.id,!1)}}),$("#pc"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(CENTER,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(CENTER,t.id,!1)}});break;case UI_SLIDER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter card-slider "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><div class='range-slider'><input id='sl"+t.id+"' type='range' min='0' max='100' value='"+t.value+"' class='range-slider__range'><span class='range-slider__value'>"+t.value+"</span></div></div>"),rangeSlider(!sliderContinuous);break;case UI_NUMBER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><input style='color:black;' id='num"+t.id+"' type='number' value='"+t.value+"' onchange='numberchange("+t.id+")' /></div>");break;case UI_TEXT_INPUT:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><input style='color:black;' id='text"+t.id+"' value='"+t.value+"' onchange='textchange("+t.id+")' /></div>");break;case UI_TAB:$("#tabsnav").append("<li><a onmouseup='tabclick("+t.id+")' href='#tab"+t.id+"'>"+t.value+" </a></li>"),$("#tabscontent").append("<div id='tab"+t.id+"'></div>"),tabs=$(".tabscontent").tabbedContent({loop:!0}).data("api"),$("a").filter(function(){return"#click-to-switch"===$(this).attr("href")}).on("click",function(e){var a=prompt("Tab to switch to (number or id)?");tabs.switchTab(a)||alert("That tab does not exist :\\"),e.preventDefault()});break;case UI_SELECT:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><select style='color:black;' id='select"+t.id+"' onchange='selectchange("+t.id+")' /></div>");break;case UI_OPTION:if(t.parentControl)(n=$("#select"+t.parentControl)).append("<option id='option"+t.id+"' value='"+t.value+"' "+t.selected+">"+t.label+"</option>");break;case UI_MIN:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("min",t.value);break;case UI_MAX:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("max",t.value);break;case UI_STEP:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("step",t.value);break;case UI_GRAPH:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><figure id='graph"+t.id+"'><figcaption>"+t.label+"</figcaption></figure></div>"),graphData[t.id]=restoreGraphData(t.id),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case ADD_GRAPH_POINT:var o=Math.round((new Date).getTime()/1e3);graphData[t.id].push({x:o,y:t.value}),saveGraphData(),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case CLEAR_GRAPH:graphData[t.id]=[],saveGraphData(),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case UI_GAUGE:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/>WILL BE A GAUGE <input style='color:black;' id='gauge"+t.id+"' type='number' value='"+t.value+"' onchange='numberchange("+t.id+")' /></div>");break;case UI_ACCEL:if(hasAccel)break;var n;n=t.parentControl?$("#tab"+t.parentControl):$("#row"),hasAccel=!0,n.append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/>ACCEL // Not implemented fully!<div class='accelerometer' id='accel"+t.id+"' ><div class='ball"+t.id+"'></div><pre class='accelerometeroutput"+t.id+"'></pre></div>"),requestOrientationPermission();break;case UPDATE_LABEL:$("#l"+t.id).html(t.value);break;case UPDATE_SWITCHER:switcher(t.id,"0"==t.value?0:1);break;case UPDATE_SLIDER:slider_move($("#id"+t.id),t.value,"100",!1);break;case UPDATE_NUMBER:$("#num"+t.id).val(t.value);break;case UPDATE_TEXT_INPUT:$("#text"+t.id).val(t.value);break;case UPDATE_SELECT:$("#select"+t.id).val(t.value);break;case UPDATE_BUTTON:case UPDATE_PAD:case UPDATE_CPAD:break;case UPDATE_GAUGE:$("#gauge"+t.id).val(t.value);break;case UPDATE_ACCEL:break;default:console.error("Unknown type or event")}if(t.type>=UPDATE_OFFSET&&t.type<UI_INITIAL_GUI){var r=$("#id"+t.id);t.type==UPDATE_SLIDER?(r.removeClass("slider-turquoise slider-emerald slider-peterriver slider-wetasphalt slider-sunflower slider-carrot slider-alizarin"),r.addClass("slider-"+colorClass(t.color))):(r.removeClass("turquoise emerald peterriver wetasphalt sunflower carrot alizarin"),r.addClass(colorClass(t.color)))}};websock.onmessage=e}function sliderchange(e){var a=$("#sl"+e).val();websock.send("slvalue:"+a+":"+e)}function numberchange(e){var a=$("#num"+e).val();websock.send("nvalue:"+a+":"+e)}function textchange(e){var a=$("#text"+e).val();websock.send("tvalue:"+a+":"+e)}function tabclick(e){var a=$("#tab"+e).val();websock.send("tabvalue:"+a+":"+e)}function selectchange(e){var a=$("#select"+e).val();websock.send("svalue:"+a+":"+e)}function buttonclick(e,a){a?websock.send("bdown:"+e):websock.send("bup:"+e)}function padclick(e,a,t){switch(e){case CENTER:t?websock.send("pcdown:"+a):websock.send("pcup:"+a);break;case UP:t?websock.send("pfdown:"+a):websock.send("pfup:"+a);break;case DOWN:t?websock.send("pbdown:"+a):websock.send("pbup:"+a);break;case LEFT:t?websock.send("pldown:"+a):websock.send("plup:"+a);break;case RIGHT:t?websock.send("prdown:"+a):websock.send("prup:"+a)}}function switcher(e,a){null==a?$("#s"+e).is(":checked")?(websock.send("sactive:"+e),$("#sl"+e).addClass("checked")):(websock.send("sinactive:"+e),$("#sl"+e).removeClass("checked")):1==a?($("#sl"+e).addClass("checked"),$("#sl"+e).prop("checked",!0)):0==a&&($("#sl"+e).removeClass("checked"),$("#sl"+e).prop("checked",!1))}var rangeSlider=function(e){var a=$(".range-slider"),t=$(".range-slider__range"),o=$(".range-slider__value");a.each(function(){o.each(function(){var e=$(this).prev().attr("value");$(this).html(e)}),e?t.on({input:function(){$(this).next().html(this.value)},change:function(){sliderchange($(this).attr("id").replace(/^\D+/g,""))}}):t.on({input:function(){sliderchange($(this).attr("id").replace(/^\D+/g,""))}})})};
\ No newline at end of file
+const UI_INITIAL_GUI=200,UI_RELOAD=201,UPDATE_OFFSET=100,UI_TITEL=0,UI_PAD=1,UPDATE_PAD=101,UI_CPAD=2,UPDATE_CPAD=102,UI_BUTTON=3,UPDATE_BUTTON=103,UI_LABEL=4,UPDATE_LABEL=104,UI_SWITCHER=5,UPDATE_SWITCHER=105,UI_SLIDER=6,UPDATE_SLIDER=106,UI_NUMBER=7,UPDATE_NUMBER=107,UI_TEXT_INPUT=8,UPDATE_TEXT_INPUT=108,UI_GRAPH=9,ADD_GRAPH_POINT=10,CLEAR_GRAPH=109,UI_TAB=11,UPDATE_TAB=111,UI_SELECT=12,UPDATE_SELECT=112,UI_OPTION=13,UPDATE_OPTION=113,UI_MIN=14,UPDATE_MIN=114,UI_MAX=15,UPDATE_MAX=115,UI_STEP=16,UPDATE_STEP=116,UI_GAUGE=17,UPDATE_GAUGE=117,UI_ACCEL=18,UPTDATE_ACCEL=117,UP=0,DOWN=1,LEFT=2,RIGHT=3,CENTER=4,C_TURQUOISE=0,C_EMERALD=1,C_PETERRIVER=2,C_WETASPHALT=3,C_SUNFLOWER=4,C_CARROT=5,C_ALIZARIN=6,C_DARK=7,C_NONE=255;var websock,graphData=new Array,hasAccel=!1,sliderContinuous=!1;function colorClass(e){switch(e=Number(e)){case C_TURQUOISE:return"turquoise";case C_EMERALD:return"emerald";case C_PETERRIVER:return"peterriver";case C_WETASPHALT:return"wetasphalt";case C_SUNFLOWER:return"sunflower";case C_CARROT:return"carrot";case C_ALIZARIN:return"alizarin";case C_NONE:return"dark";default:return""}}var websockConnected=!1;function requestOrientationPermission(){}function saveGraphData(){localStorage.setItem("espuigraphs",JSON.stringify(graphData))}function restoreGraphData(e){var a=localStorage.getItem("espuigraphs",graphData);return null!=a?(a=JSON.parse(a))[e]:[]}function restart(){$(document).add("*").off(),$("#row").html(""),websock.close(),start()}function conStatusError(){websockConnected=!1,$("#conStatus").removeClass("color-green"),$("#conStatus").addClass("color-red"),$("#conStatus").html("Error / No Connection &#8635;"),$("#conStatus").off(),$("#conStatus").on({click:restart})}function handleVisibilityChange(){websockConnected||document.hidden||restart()}function start(){document.addEventListener("visibilitychange",handleVisibilityChange,!1),(websock=""!=window.location.port||80!=window.location.port||443!=window.location.port?new WebSocket("ws://"+window.location.hostname+":"+window.location.port+"/ws"):new WebSocket("ws://"+window.location.hostname+"/ws")).onopen=function(e){console.log("websock open"),$("#conStatus").addClass("color-green"),$("#conStatus").text("Connected"),websockConnected=!0},websock.onclose=function(e){console.log("websock close"),conStatusError()},websock.onerror=function(e){console.log(e),conStatusError()};var e=function(a){console.log(a);var t=JSON.parse(a.data);document.body;switch(t.type){case UI_INITIAL_GUI:$("#row").html(""),$("#tabsnav").html(""),$("#tabscontent").html(""),t.sliderContinuous&&(sliderContinuous=t.sliderContinuous),t.controls.forEach(a=>{var t={data:JSON.stringify(a)};e(t)});break;case UI_RELOAD:window.location.reload();break;case UI_TITEL:document.title=t.label,$("#mainHeader").html(t.label);break;case UI_LABEL:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><span id='l"+t.id+"' class='label label-wrap'>"+t.value+"</span></div>");break;case UI_BUTTON:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='one columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><button id='btn"+t.id+"' onmousedown='buttonclick("+t.id+", true)' onmouseup='buttonclick("+t.id+", false)'>"+t.value+"</button></div>"),$("#btn"+t.id).on({touchstart:function(e){e.preventDefault(),buttonclick(t.id,!0)},touchend:function(e){e.preventDefault(),buttonclick(t.id,!1)}});break;case UI_SWITCHER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='one columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><label id='sl"+t.id+"' class='switch "+("1"==t.value?"checked":"")+"'><div class='in'><input type='checkbox' id='s"+t.id+"' onClick='switcher("+t.id+",null)' "+("1"==t.value?"checked":"")+"/></div></label></div>"),switcher(t.id,t.value);break;case UI_CPAD:case UI_PAD:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><nav class='control'><ul><li><a onmousedown='padclick(UP, "+t.id+", true)' onmouseup='padclick(UP, "+t.id+", false)' id='pf"+t.id+"'>&#9650;</a></li><li><a onmousedown='padclick(RIGHT, "+t.id+", true)' onmouseup='padclick(RIGHT, "+t.id+", false)' id='pr"+t.id+"'>&#9650;</a></li><li><a onmousedown='padclick(LEFT, "+t.id+", true)' onmouseup='padclick(LEFT, "+t.id+", false)' id='pl"+t.id+"'>&#9650;</a></li><li><a onmousedown='padclick(DOWN, "+t.id+", true)' onmouseup='padclick(DOWN, "+t.id+", false)' id='pb"+t.id+"'>&#9650;</a></li></ul>"+(t.type==UI_CPAD?"<a class='confirm' onmousedown='padclick(CENTER,"+t.id+", true)' onmouseup='padclick(CENTER, "+t.id+", false)' id='pc"+t.id+"'>OK</a>":"")+"</nav></div>"),$("#pf"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(UP,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(UP,t.id,!1)}}),$("#pl"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(LEFT,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(LEFT,t.id,!1)}}),$("#pr"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(RIGHT,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(RIGHT,t.id,!1)}}),$("#pb"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(DOWN,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(DOWN,t.id,!1)}}),$("#pc"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(CENTER,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(CENTER,t.id,!1)}});break;case UI_SLIDER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter card-slider "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><div class='range-slider'><input id='sl"+t.id+"' type='range' min='0' max='100' value='"+t.value+"' class='range-slider__range'><span class='range-slider__value'>"+t.value+"</span></div></div>"),rangeSlider(!sliderContinuous);break;case UI_NUMBER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><input style='color:black;' id='num"+t.id+"' type='number' value='"+t.value+"' onchange='numberchange("+t.id+")' /></div>");break;case UI_TEXT_INPUT:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><input style='color:black;' id='text"+t.id+"' value='"+t.value+"' onchange='textchange("+t.id+")' /></div>");break;case UI_TAB:$("#tabsnav").append("<li><a onmouseup='tabclick("+t.id+")' href='#tab"+t.id+"'>"+t.value+"</a></li>"),$("#tabscontent").append("<div id='tab"+t.id+"'></div>"),tabs=$(".tabscontent").tabbedContent({loop:!0}).data("api"),$("a").filter(function(){return"#click-to-switch"===$(this).attr("href")}).on("click",function(e){var a=prompt("Tab to switch to (number or id)?");tabs.switchTab(a)||alert("That tab does not exist :\\"),e.preventDefault()});break;case UI_SELECT:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><select style='color:black;' id='select"+t.id+"' onchange='selectchange("+t.id+")' /></div>");break;case UI_OPTION:if(t.parentControl)(n=$("#select"+t.parentControl)).append("<option id='option"+t.id+"' value='"+t.value+"' "+t.selected+">"+t.label+"</option>");break;case UI_MIN:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("min",t.value);break;case UI_MAX:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("max",t.value);break;case UI_STEP:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("step",t.value);break;case UI_GRAPH:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><figure id='graph"+t.id+"'><figcaption>"+t.label+"</figcaption></figure></div>"),graphData[t.id]=restoreGraphData(t.id),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case ADD_GRAPH_POINT:var o=Math.round((new Date).getTime()/1e3);graphData[t.id].push({x:o,y:t.value}),saveGraphData(),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case CLEAR_GRAPH:graphData[t.id]=[],saveGraphData(),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case UI_GAUGE:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/>WILL BE A GAUGE <input style='color:black;' id='gauge"+t.id+"' type='number' value='"+t.value+"' onchange='numberchange("+t.id+")' /></div>");break;case UI_ACCEL:if(hasAccel)break;var n;n=t.parentControl?$("#tab"+t.parentControl):$("#row"),hasAccel=!0,n.append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/>ACCEL // Not implemented fully!<div class='accelerometer' id='accel"+t.id+"' ><div class='ball"+t.id+"'></div><pre class='accelerometeroutput"+t.id+"'></pre></div>"),requestOrientationPermission();break;case UPDATE_LABEL:$("#l"+t.id).html(t.value);break;case UPDATE_SWITCHER:switcher(t.id,"0"==t.value?0:1);break;case UPDATE_SLIDER:slider_move($("#id"+t.id),t.value,"100",!1);break;case UPDATE_NUMBER:$("#num"+t.id).val(t.value);break;case UPDATE_TEXT_INPUT:$("#text"+t.id).val(t.value);break;case UPDATE_SELECT:$("#select"+t.id).val(t.value);break;case UPDATE_BUTTON:case UPDATE_PAD:case UPDATE_CPAD:break;case UPDATE_GAUGE:$("#gauge"+t.id).val(t.value);break;case UPDATE_ACCEL:break;default:console.error("Unknown type or event")}if(t.type>=UPDATE_OFFSET&&t.type<UI_INITIAL_GUI){var r=$("#id"+t.id);t.type==UPDATE_SLIDER?(r.removeClass("slider-turquoise slider-emerald slider-peterriver slider-wetasphalt slider-sunflower slider-carrot slider-alizarin"),r.addClass("slider-"+colorClass(t.color))):(r.removeClass("turquoise emerald peterriver wetasphalt sunflower carrot alizarin"),r.addClass(colorClass(t.color)))}};websock.onmessage=e}function sliderchange(e){var a=$("#sl"+e).val();websock.send("slvalue:"+a+":"+e)}function numberchange(e){var a=$("#num"+e).val();websock.send("nvalue:"+a+":"+e)}function textchange(e){var a=$("#text"+e).val();websock.send("tvalue:"+a+":"+e)}function tabclick(e){var a=$("#tab"+e).val();websock.send("tabvalue:"+a+":"+e)}function selectchange(e){var a=$("#select"+e).val();websock.send("svalue:"+a+":"+e)}function buttonclick(e,a){a?websock.send("bdown:"+e):websock.send("bup:"+e)}function padclick(e,a,t){switch(e){case CENTER:t?websock.send("pcdown:"+a):websock.send("pcup:"+a);break;case UP:t?websock.send("pfdown:"+a):websock.send("pfup:"+a);break;case DOWN:t?websock.send("pbdown:"+a):websock.send("pbup:"+a);break;case LEFT:t?websock.send("pldown:"+a):websock.send("plup:"+a);break;case RIGHT:t?websock.send("prdown:"+a):websock.send("prup:"+a)}}function switcher(e,a){null==a?$("#s"+e).is(":checked")?(websock.send("sactive:"+e),$("#sl"+e).addClass("checked")):(websock.send("sinactive:"+e),$("#sl"+e).removeClass("checked")):1==a?($("#sl"+e).addClass("checked"),$("#sl"+e).prop("checked",!0)):0==a&&($("#sl"+e).removeClass("checked"),$("#sl"+e).prop("checked",!1))}var rangeSlider=function(e){var a=$(".range-slider"),t=$(".range-slider__range"),o=$(".range-slider__value");a.each(function(){o.each(function(){var e=$(this).prev().attr("value");$(this).html(e)}),e?t.on({input:function(){$(this).next().html(this.value)},change:function(){sliderchange($(this).attr("id").replace(/^\D+/g,""))}}):t.on({input:function(){sliderchange($(this).attr("id").replace(/^\D+/g,""))}})})};
\ No newline at end of file
diff --git a/src/dataControlsJS.h b/src/dataControlsJS.h
index eadc0d3..48977f5 100644
--- a/src/dataControlsJS.h
+++ b/src/dataControlsJS.h
@@ -1,5 +1,5 @@
 const char JS_CONTROLS[] PROGMEM = R"=====(
-const UI_INITIAL_GUI=200,UI_RELOAD=201,UPDATE_OFFSET=100,UI_TITEL=0,UI_PAD=1,UPDATE_PAD=101,UI_CPAD=2,UPDATE_CPAD=102,UI_BUTTON=3,UPDATE_BUTTON=103,UI_LABEL=4,UPDATE_LABEL=104,UI_SWITCHER=5,UPDATE_SWITCHER=105,UI_SLIDER=6,UPDATE_SLIDER=106,UI_NUMBER=7,UPDATE_NUMBER=107,UI_TEXT_INPUT=8,UPDATE_TEXT_INPUT=108,UI_GRAPH=9,ADD_GRAPH_POINT=10,CLEAR_GRAPH=109,UI_TAB=11,UPDATE_TAB=111,UI_SELECT=12,UPDATE_SELECT=112,UI_OPTION=13,UPDATE_OPTION=113,UI_MIN=14,UPDATE_MIN=114,UI_MAX=15,UPDATE_MAX=115,UI_STEP=16,UPDATE_STEP=116,UI_GAUGE=17,UPDATE_GAUGE=117,UI_ACCEL=18,UPTDATE_ACCEL=117,UP=0,DOWN=1,LEFT=2,RIGHT=3,CENTER=4,C_TURQUOISE=0,C_EMERALD=1,C_PETERRIVER=2,C_WETASPHALT=3,C_SUNFLOWER=4,C_CARROT=5,C_ALIZARIN=6,C_DARK=7,C_NONE=255;var websock,graphData=new Array,hasAccel=!1,sliderContinuous=!1;function colorClass(e){switch(e=Number(e)){case C_TURQUOISE:return"turquoise";case C_EMERALD:return"emerald";case C_PETERRIVER:return"peterriver";case C_WETASPHALT:return"wetasphalt";case C_SUNFLOWER:return"sunflower";case C_CARROT:return"carrot";case C_ALIZARIN:return"alizarin";case C_NONE:return"dark";default:return""}}var websockConnected=!1;function requestOrientationPermission(){}function saveGraphData(){localStorage.setItem("espuigraphs",JSON.stringify(graphData))}function restoreGraphData(e){var a=localStorage.getItem("espuigraphs",graphData);return null!=a?(a=JSON.parse(a))[e]:[]}function restart(){$(document).add("*").off(),$("#row").html(""),websock.close(),start()}function conStatusError(){websockConnected=!1,$("#conStatus").removeClass("color-green"),$("#conStatus").addClass("color-red"),$("#conStatus").html("Error / No Connection &#8635;"),$("#conStatus").off(),$("#conStatus").on({click:restart})}function handleVisibilityChange(){websockConnected||document.hidden||restart()}function start(){document.addEventListener("visibilitychange",handleVisibilityChange,!1),(websock=""!=window.location.port||80!=window.location.port||443!=window.location.port?new WebSocket("ws://"+window.location.hostname+":"+window.location.port+"/ws"):new WebSocket("ws://"+window.location.hostname+"/ws")).onopen=function(e){console.log("websock open"),$("#conStatus").addClass("color-green"),$("#conStatus").text("Connected"),websockConnected=!0},websock.onclose=function(e){console.log("websock close"),conStatusError()},websock.onerror=function(e){console.log(e),conStatusError()};var e=function(a){console.log(a);var t=JSON.parse(a.data);document.body;switch(t.type){case UI_INITIAL_GUI:$("#row").html(""),$("#tabsnav").html(""),$("#tabscontent").html(""),t.sliderContinuous&&(sliderContinuous=t.sliderContinuous),t.controls.forEach(a=>{var t={data:JSON.stringify(a)};e(t)});break;case UI_RELOAD:window.location.reload();break;case UI_TITEL:document.title=t.label,$("#mainHeader").html(t.label);break;case UI_LABEL:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><span id='l"+t.id+"' class='label label-wrap'>"+t.value+"</span></div>");break;case UI_BUTTON:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='one columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><button id='btn"+t.id+"' onmousedown='buttonclick("+t.id+", true)' onmouseup='buttonclick("+t.id+", false)'>"+t.value+"</button></div>"),$("#btn"+t.id).on({touchstart:function(e){e.preventDefault(),buttonclick(t.id,!0)},touchend:function(e){e.preventDefault(),buttonclick(t.id,!1)}});break;case UI_SWITCHER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='one columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><label id='sl"+t.id+"' class='switch "+("1"==t.value?"checked":"")+"'><div class='in'><input type='checkbox' id='s"+t.id+"' onClick='switcher("+t.id+",null)' "+("1"==t.value?"checked":"")+"/></div></label></div>"),switcher(t.id,t.value);break;case UI_CPAD:case UI_PAD:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><nav class='control'><ul><li><a onmousedown='padclick(UP, "+t.id+", true)' onmouseup='padclick(UP, "+t.id+", false)' id='pf"+t.id+"'>▲</a></li><li><a onmousedown='padclick(RIGHT, "+t.id+", true)' onmouseup='padclick(RIGHT, "+t.id+", false)' id='pr"+t.id+"'>▲</a></li><li><a onmousedown='padclick(LEFT, "+t.id+", true)' onmouseup='padclick(LEFT, "+t.id+", false)' id='pl"+t.id+"'>▲</a></li><li><a onmousedown='padclick(DOWN, "+t.id+", true)' onmouseup='padclick(DOWN, "+t.id+", false)' id='pb"+t.id+"'>▲</a></li></ul>"+(t.type==UI_CPAD?"<a class='confirm' onmousedown='padclick(CENTER,"+t.id+", true)' onmouseup='padclick(CENTER, "+t.id+", false)' id='pc"+t.id+"'>OK</a>":"")+"</nav></div>"),$("#pf"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(UP,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(UP,t.id,!1)}}),$("#pl"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(LEFT,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(LEFT,t.id,!1)}}),$("#pr"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(RIGHT,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(RIGHT,t.id,!1)}}),$("#pb"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(DOWN,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(DOWN,t.id,!1)}}),$("#pc"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(CENTER,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(CENTER,t.id,!1)}});break;case UI_SLIDER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter card-slider "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><div class='range-slider'><input id='sl"+t.id+"' type='range' min='0' max='100' value='"+t.value+"' class='range-slider__range'><span class='range-slider__value'>"+t.value+"</span></div></div>"),rangeSlider(!sliderContinuous);break;case UI_NUMBER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><input style='color:black;' id='num"+t.id+"' type='number' value='"+t.value+"' onchange='numberchange("+t.id+")' /></div>");break;case UI_TEXT_INPUT:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><input style='color:black;' id='text"+t.id+"' value='"+t.value+"' onchange='textchange("+t.id+")' /></div>");break;case UI_TAB:$("#tabsnav").append("<li><a onmouseup='tabclick("+t.id+")' href='#tab"+t.id+"'>"+t.value+" </a></li>"),$("#tabscontent").append("<div id='tab"+t.id+"'></div>"),tabs=$(".tabscontent").tabbedContent({loop:!0}).data("api"),$("a").filter(function(){return"#click-to-switch"===$(this).attr("href")}).on("click",function(e){var a=prompt("Tab to switch to (number or id)?");tabs.switchTab(a)||alert("That tab does not exist :\\"),e.preventDefault()});break;case UI_SELECT:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><select style='color:black;' id='select"+t.id+"' onchange='selectchange("+t.id+")' /></div>");break;case UI_OPTION:if(t.parentControl)(n=$("#select"+t.parentControl)).append("<option id='option"+t.id+"' value='"+t.value+"' "+t.selected+">"+t.label+"</option>");break;case UI_MIN:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("min",t.value);break;case UI_MAX:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("max",t.value);break;case UI_STEP:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("step",t.value);break;case UI_GRAPH:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><figure id='graph"+t.id+"'><figcaption>"+t.label+"</figcaption></figure></div>"),graphData[t.id]=restoreGraphData(t.id),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case ADD_GRAPH_POINT:var o=Math.round((new Date).getTime()/1e3);graphData[t.id].push({x:o,y:t.value}),saveGraphData(),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case CLEAR_GRAPH:graphData[t.id]=[],saveGraphData(),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case UI_GAUGE:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/>WILL BE A GAUGE <input style='color:black;' id='gauge"+t.id+"' type='number' value='"+t.value+"' onchange='numberchange("+t.id+")' /></div>");break;case UI_ACCEL:if(hasAccel)break;var n;n=t.parentControl?$("#tab"+t.parentControl):$("#row"),hasAccel=!0,n.append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/>ACCEL // Not implemented fully!<div class='accelerometer' id='accel"+t.id+"' ><div class='ball"+t.id+"'></div><pre class='accelerometeroutput"+t.id+"'></pre></div>"),requestOrientationPermission();break;case UPDATE_LABEL:$("#l"+t.id).html(t.value);break;case UPDATE_SWITCHER:switcher(t.id,"0"==t.value?0:1);break;case UPDATE_SLIDER:slider_move($("#id"+t.id),t.value,"100",!1);break;case UPDATE_NUMBER:$("#num"+t.id).val(t.value);break;case UPDATE_TEXT_INPUT:$("#text"+t.id).val(t.value);break;case UPDATE_SELECT:$("#select"+t.id).val(t.value);break;case UPDATE_BUTTON:case UPDATE_PAD:case UPDATE_CPAD:break;case UPDATE_GAUGE:$("#gauge"+t.id).val(t.value);break;case UPDATE_ACCEL:break;default:console.error("Unknown type or event")}if(t.type>=UPDATE_OFFSET&&t.type<UI_INITIAL_GUI){var r=$("#id"+t.id);t.type==UPDATE_SLIDER?(r.removeClass("slider-turquoise slider-emerald slider-peterriver slider-wetasphalt slider-sunflower slider-carrot slider-alizarin"),r.addClass("slider-"+colorClass(t.color))):(r.removeClass("turquoise emerald peterriver wetasphalt sunflower carrot alizarin"),r.addClass(colorClass(t.color)))}};websock.onmessage=e}function sliderchange(e){var a=$("#sl"+e).val();websock.send("slvalue:"+a+":"+e)}function numberchange(e){var a=$("#num"+e).val();websock.send("nvalue:"+a+":"+e)}function textchange(e){var a=$("#text"+e).val();websock.send("tvalue:"+a+":"+e)}function tabclick(e){var a=$("#tab"+e).val();websock.send("tabvalue:"+a+":"+e)}function selectchange(e){var a=$("#select"+e).val();websock.send("svalue:"+a+":"+e)}function buttonclick(e,a){a?websock.send("bdown:"+e):websock.send("bup:"+e)}function padclick(e,a,t){switch(e){case CENTER:t?websock.send("pcdown:"+a):websock.send("pcup:"+a);break;case UP:t?websock.send("pfdown:"+a):websock.send("pfup:"+a);break;case DOWN:t?websock.send("pbdown:"+a):websock.send("pbup:"+a);break;case LEFT:t?websock.send("pldown:"+a):websock.send("plup:"+a);break;case RIGHT:t?websock.send("prdown:"+a):websock.send("prup:"+a)}}function switcher(e,a){null==a?$("#s"+e).is(":checked")?(websock.send("sactive:"+e),$("#sl"+e).addClass("checked")):(websock.send("sinactive:"+e),$("#sl"+e).removeClass("checked")):1==a?($("#sl"+e).addClass("checked"),$("#sl"+e).prop("checked",!0)):0==a&&($("#sl"+e).removeClass("checked"),$("#sl"+e).prop("checked",!1))}var rangeSlider=function(e){var a=$(".range-slider"),t=$(".range-slider__range"),o=$(".range-slider__value");a.each(function(){o.each(function(){var e=$(this).prev().attr("value");$(this).html(e)}),e?t.on({input:function(){$(this).next().html(this.value)},change:function(){sliderchange($(this).attr("id").replace(/^\D+/g,""))}}):t.on({input:function(){sliderchange($(this).attr("id").replace(/^\D+/g,""))}})})};
+const UI_INITIAL_GUI=200,UI_RELOAD=201,UPDATE_OFFSET=100,UI_TITEL=0,UI_PAD=1,UPDATE_PAD=101,UI_CPAD=2,UPDATE_CPAD=102,UI_BUTTON=3,UPDATE_BUTTON=103,UI_LABEL=4,UPDATE_LABEL=104,UI_SWITCHER=5,UPDATE_SWITCHER=105,UI_SLIDER=6,UPDATE_SLIDER=106,UI_NUMBER=7,UPDATE_NUMBER=107,UI_TEXT_INPUT=8,UPDATE_TEXT_INPUT=108,UI_GRAPH=9,ADD_GRAPH_POINT=10,CLEAR_GRAPH=109,UI_TAB=11,UPDATE_TAB=111,UI_SELECT=12,UPDATE_SELECT=112,UI_OPTION=13,UPDATE_OPTION=113,UI_MIN=14,UPDATE_MIN=114,UI_MAX=15,UPDATE_MAX=115,UI_STEP=16,UPDATE_STEP=116,UI_GAUGE=17,UPDATE_GAUGE=117,UI_ACCEL=18,UPTDATE_ACCEL=117,UP=0,DOWN=1,LEFT=2,RIGHT=3,CENTER=4,C_TURQUOISE=0,C_EMERALD=1,C_PETERRIVER=2,C_WETASPHALT=3,C_SUNFLOWER=4,C_CARROT=5,C_ALIZARIN=6,C_DARK=7,C_NONE=255;var websock,graphData=new Array,hasAccel=!1,sliderContinuous=!1;function colorClass(e){switch(e=Number(e)){case C_TURQUOISE:return"turquoise";case C_EMERALD:return"emerald";case C_PETERRIVER:return"peterriver";case C_WETASPHALT:return"wetasphalt";case C_SUNFLOWER:return"sunflower";case C_CARROT:return"carrot";case C_ALIZARIN:return"alizarin";case C_NONE:return"dark";default:return""}}var websockConnected=!1;function requestOrientationPermission(){}function saveGraphData(){localStorage.setItem("espuigraphs",JSON.stringify(graphData))}function restoreGraphData(e){var a=localStorage.getItem("espuigraphs",graphData);return null!=a?(a=JSON.parse(a))[e]:[]}function restart(){$(document).add("*").off(),$("#row").html(""),websock.close(),start()}function conStatusError(){websockConnected=!1,$("#conStatus").removeClass("color-green"),$("#conStatus").addClass("color-red"),$("#conStatus").html("Error / No Connection &#8635;"),$("#conStatus").off(),$("#conStatus").on({click:restart})}function handleVisibilityChange(){websockConnected||document.hidden||restart()}function start(){document.addEventListener("visibilitychange",handleVisibilityChange,!1),(websock=""!=window.location.port||80!=window.location.port||443!=window.location.port?new WebSocket("ws://"+window.location.hostname+":"+window.location.port+"/ws"):new WebSocket("ws://"+window.location.hostname+"/ws")).onopen=function(e){console.log("websock open"),$("#conStatus").addClass("color-green"),$("#conStatus").text("Connected"),websockConnected=!0},websock.onclose=function(e){console.log("websock close"),conStatusError()},websock.onerror=function(e){console.log(e),conStatusError()};var e=function(a){console.log(a);var t=JSON.parse(a.data);document.body;switch(t.type){case UI_INITIAL_GUI:$("#row").html(""),$("#tabsnav").html(""),$("#tabscontent").html(""),t.sliderContinuous&&(sliderContinuous=t.sliderContinuous),t.controls.forEach(a=>{var t={data:JSON.stringify(a)};e(t)});break;case UI_RELOAD:window.location.reload();break;case UI_TITEL:document.title=t.label,$("#mainHeader").html(t.label);break;case UI_LABEL:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><span id='l"+t.id+"' class='label label-wrap'>"+t.value+"</span></div>");break;case UI_BUTTON:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='one columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><button id='btn"+t.id+"' onmousedown='buttonclick("+t.id+", true)' onmouseup='buttonclick("+t.id+", false)'>"+t.value+"</button></div>"),$("#btn"+t.id).on({touchstart:function(e){e.preventDefault(),buttonclick(t.id,!0)},touchend:function(e){e.preventDefault(),buttonclick(t.id,!1)}});break;case UI_SWITCHER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='one columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><label id='sl"+t.id+"' class='switch "+("1"==t.value?"checked":"")+"'><div class='in'><input type='checkbox' id='s"+t.id+"' onClick='switcher("+t.id+",null)' "+("1"==t.value?"checked":"")+"/></div></label></div>"),switcher(t.id,t.value);break;case UI_CPAD:case UI_PAD:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><nav class='control'><ul><li><a onmousedown='padclick(UP, "+t.id+", true)' onmouseup='padclick(UP, "+t.id+", false)' id='pf"+t.id+"'>&#9650;</a></li><li><a onmousedown='padclick(RIGHT, "+t.id+", true)' onmouseup='padclick(RIGHT, "+t.id+", false)' id='pr"+t.id+"'>&#9650;</a></li><li><a onmousedown='padclick(LEFT, "+t.id+", true)' onmouseup='padclick(LEFT, "+t.id+", false)' id='pl"+t.id+"'>&#9650;</a></li><li><a onmousedown='padclick(DOWN, "+t.id+", true)' onmouseup='padclick(DOWN, "+t.id+", false)' id='pb"+t.id+"'>&#9650;</a></li></ul>"+(t.type==UI_CPAD?"<a class='confirm' onmousedown='padclick(CENTER,"+t.id+", true)' onmouseup='padclick(CENTER, "+t.id+", false)' id='pc"+t.id+"'>OK</a>":"")+"</nav></div>"),$("#pf"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(UP,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(UP,t.id,!1)}}),$("#pl"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(LEFT,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(LEFT,t.id,!1)}}),$("#pr"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(RIGHT,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(RIGHT,t.id,!1)}}),$("#pb"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(DOWN,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(DOWN,t.id,!1)}}),$("#pc"+t.id).on({touchstart:function(e){e.preventDefault(),padclick(CENTER,t.id,!0)},touchend:function(e){e.preventDefault(),padclick(CENTER,t.id,!1)}});break;case UI_SLIDER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter card-slider "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><div class='range-slider'><input id='sl"+t.id+"' type='range' min='0' max='100' value='"+t.value+"' class='range-slider__range'><span class='range-slider__value'>"+t.value+"</span></div></div>"),rangeSlider(!sliderContinuous);break;case UI_NUMBER:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><input style='color:black;' id='num"+t.id+"' type='number' value='"+t.value+"' onchange='numberchange("+t.id+")' /></div>");break;case UI_TEXT_INPUT:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><input style='color:black;' id='text"+t.id+"' value='"+t.value+"' onchange='textchange("+t.id+")' /></div>");break;case UI_TAB:$("#tabsnav").append("<li><a onmouseup='tabclick("+t.id+")' href='#tab"+t.id+"'>"+t.value+"</a></li>"),$("#tabscontent").append("<div id='tab"+t.id+"'></div>"),tabs=$(".tabscontent").tabbedContent({loop:!0}).data("api"),$("a").filter(function(){return"#click-to-switch"===$(this).attr("href")}).on("click",function(e){var a=prompt("Tab to switch to (number or id)?");tabs.switchTab(a)||alert("That tab does not exist :\\"),e.preventDefault()});break;case UI_SELECT:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><select style='color:black;' id='select"+t.id+"' onchange='selectchange("+t.id+")' /></div>");break;case UI_OPTION:if(t.parentControl)(n=$("#select"+t.parentControl)).append("<option id='option"+t.id+"' value='"+t.value+"' "+t.selected+">"+t.label+"</option>");break;case UI_MIN:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("min",t.value);break;case UI_MAX:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("max",t.value);break;case UI_STEP:if(t.parentControl)(n=$("#id"+t.parentControl+" input")).size()&&n.attr("step",t.value);break;case UI_GRAPH:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/><figure id='graph"+t.id+"'><figcaption>"+t.label+"</figcaption></figure></div>"),graphData[t.id]=restoreGraphData(t.id),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case ADD_GRAPH_POINT:var o=Math.round((new Date).getTime()/1e3);graphData[t.id].push({x:o,y:t.value}),saveGraphData(),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case CLEAR_GRAPH:graphData[t.id]=[],saveGraphData(),renderGraphSvg(graphData[t.id],"graph"+t.id);break;case UI_GAUGE:(n=t.parentControl?$("#tab"+t.parentControl):$("#row")).append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/>WILL BE A GAUGE <input style='color:black;' id='gauge"+t.id+"' type='number' value='"+t.value+"' onchange='numberchange("+t.id+")' /></div>");break;case UI_ACCEL:if(hasAccel)break;var n;n=t.parentControl?$("#tab"+t.parentControl):$("#row"),hasAccel=!0,n.append("<div id='id"+t.id+"' class='two columns card tcenter "+colorClass(t.color)+"'><h5>"+t.label+"</h5><hr/>ACCEL // Not implemented fully!<div class='accelerometer' id='accel"+t.id+"' ><div class='ball"+t.id+"'></div><pre class='accelerometeroutput"+t.id+"'></pre></div>"),requestOrientationPermission();break;case UPDATE_LABEL:$("#l"+t.id).html(t.value);break;case UPDATE_SWITCHER:switcher(t.id,"0"==t.value?0:1);break;case UPDATE_SLIDER:slider_move($("#id"+t.id),t.value,"100",!1);break;case UPDATE_NUMBER:$("#num"+t.id).val(t.value);break;case UPDATE_TEXT_INPUT:$("#text"+t.id).val(t.value);break;case UPDATE_SELECT:$("#select"+t.id).val(t.value);break;case UPDATE_BUTTON:case UPDATE_PAD:case UPDATE_CPAD:break;case UPDATE_GAUGE:$("#gauge"+t.id).val(t.value);break;case UPDATE_ACCEL:break;default:console.error("Unknown type or event")}if(t.type>=UPDATE_OFFSET&&t.type<UI_INITIAL_GUI){var r=$("#id"+t.id);t.type==UPDATE_SLIDER?(r.removeClass("slider-turquoise slider-emerald slider-peterriver slider-wetasphalt slider-sunflower slider-carrot slider-alizarin"),r.addClass("slider-"+colorClass(t.color))):(r.removeClass("turquoise emerald peterriver wetasphalt sunflower carrot alizarin"),r.addClass(colorClass(t.color)))}};websock.onmessage=e}function sliderchange(e){var a=$("#sl"+e).val();websock.send("slvalue:"+a+":"+e)}function numberchange(e){var a=$("#num"+e).val();websock.send("nvalue:"+a+":"+e)}function textchange(e){var a=$("#text"+e).val();websock.send("tvalue:"+a+":"+e)}function tabclick(e){var a=$("#tab"+e).val();websock.send("tabvalue:"+a+":"+e)}function selectchange(e){var a=$("#select"+e).val();websock.send("svalue:"+a+":"+e)}function buttonclick(e,a){a?websock.send("bdown:"+e):websock.send("bup:"+e)}function padclick(e,a,t){switch(e){case CENTER:t?websock.send("pcdown:"+a):websock.send("pcup:"+a);break;case UP:t?websock.send("pfdown:"+a):websock.send("pfup:"+a);break;case DOWN:t?websock.send("pbdown:"+a):websock.send("pbup:"+a);break;case LEFT:t?websock.send("pldown:"+a):websock.send("plup:"+a);break;case RIGHT:t?websock.send("prdown:"+a):websock.send("prup:"+a)}}function switcher(e,a){null==a?$("#s"+e).is(":checked")?(websock.send("sactive:"+e),$("#sl"+e).addClass("checked")):(websock.send("sinactive:"+e),$("#sl"+e).removeClass("checked")):1==a?($("#sl"+e).addClass("checked"),$("#sl"+e).prop("checked",!0)):0==a&&($("#sl"+e).removeClass("checked"),$("#sl"+e).prop("checked",!1))}var rangeSlider=function(e){var a=$(".range-slider"),t=$(".range-slider__range"),o=$(".range-slider__value");a.each(function(){o.each(function(){var e=$(this).prev().attr("value");$(this).html(e)}),e?t.on({input:function(){$(this).next().html(this.value)},change:function(){sliderchange($(this).attr("id").replace(/^\D+/g,""))}}):t.on({input:function(){sliderchange($(this).attr("id").replace(/^\D+/g,""))}})})};
 )=====";
 
-const uint8_t JS_CONTROLS_GZIP[3163] PROGMEM = { 31,139,8,0,0,0,0,0,0,3,221,90,141,114,219,184,17,126,21,154,185,177,201,154,145,196,252,93,142,50,237,145,101,37,81,79,182,92,91,190,100,154,164,26,72,132,44,78,40,146,7,130,86,124,182,102,250,14,125,131,62,66,31,161,125,147,62,73,23,0,65,130,20,229,252,56,189,78,58,158,145,9,96,247,219,197,98,177,88,252,76,163,48,161,218,69,127,220,63,233,143,250,157,193,248,229,69,223,125,212,106,89,80,117,214,27,12,59,71,80,178,173,139,211,163,206,168,55,30,190,120,113,222,27,185,182,104,31,245,71,189,129,203,63,79,129,46,167,226,5,198,212,31,119,217,247,35,217,208,21,45,143,88,203,225,197,104,52,60,113,31,203,182,172,108,183,30,179,214,65,231,16,160,159,200,70,81,180,91,79,88,219,249,235,254,168,251,170,119,230,62,149,205,121,141,221,122,202,41,6,253,35,40,61,203,219,69,217,110,61,99,173,39,23,199,135,80,250,81,182,102,101,187,245,35,239,84,239,205,8,140,113,122,49,114,159,75,10,165,206,110,61,103,84,47,207,58,167,175,220,159,172,206,209,145,248,30,159,14,251,39,172,217,234,14,122,157,179,140,192,110,253,196,49,59,135,174,157,155,71,148,184,121,206,123,131,94,23,184,114,11,201,10,155,219,104,120,58,234,51,155,228,70,146,21,54,55,210,113,31,62,115,27,241,146,205,45,116,220,121,227,218,185,117,120,201,22,134,25,245,78,93,187,176,11,47,218,220,42,47,59,23,47,123,174,157,91,37,43,219,220,40,157,110,151,217,159,25,100,196,91,179,10,78,14,30,112,52,124,13,194,173,65,239,197,8,70,251,172,255,242,213,8,70,182,219,59,25,129,97,159,88,221,241,232,226,236,79,23,195,254,121,15,136,187,227,222,113,239,172,51,96,30,211,29,159,246,128,230,172,255,11,16,62,130,226,235,222,168,115,126,250,170,51,224,0,227,243,139,147,23,131,225,235,12,165,219,57,59,27,142,96,220,187,227,206,160,255,231,206,25,116,249,25,20,142,58,103,63,195,120,118,199,39,195,147,158,251,232,233,211,246,21,34,218,18,79,146,104,250,193,186,36,40,158,31,33,138,220,16,47,181,14,33,232,218,154,163,164,51,157,226,192,221,178,173,36,240,61,76,186,81,72,253,48,141,210,4,234,218,179,52,156,82,63,10,181,105,20,68,164,27,160,36,49,176,121,147,44,125,58,157,27,216,61,73,23,19,76,160,202,188,153,162,4,107,74,15,29,130,105,74,66,29,126,126,77,35,63,193,122,59,35,201,186,45,9,240,2,19,20,120,121,115,97,9,73,17,99,138,9,241,175,48,201,137,10,251,72,162,37,166,40,137,231,40,160,57,81,110,53,73,147,164,225,44,136,150,10,142,48,165,108,159,34,66,162,130,95,26,87,54,163,192,255,13,17,63,204,9,152,157,101,163,135,200,7,189,237,225,25,74,3,42,43,245,213,74,25,2,176,109,136,167,20,123,37,211,18,252,107,138,19,58,36,62,14,41,98,85,167,152,44,252,36,129,47,195,188,89,229,132,9,186,194,47,229,32,66,75,16,77,81,112,78,35,130,46,113,35,193,180,79,241,194,208,113,18,167,62,31,235,68,183,254,120,62,60,105,36,20,116,190,244,103,215,70,238,2,166,185,82,228,39,128,161,32,195,0,51,165,145,91,18,112,89,43,160,64,108,139,46,107,97,26,4,91,46,58,48,144,203,165,199,136,36,216,0,137,111,241,123,231,237,251,178,92,68,40,116,228,7,195,139,166,233,2,186,111,54,144,231,25,250,31,116,179,17,205,102,134,105,253,96,232,15,72,180,132,242,156,46,2,67,215,77,43,51,102,99,26,68,0,108,90,25,202,74,241,213,240,28,12,153,38,61,24,77,2,248,53,230,231,192,57,33,192,19,188,136,174,176,240,112,157,123,251,195,75,130,113,168,155,107,164,160,98,137,142,96,175,134,74,232,203,85,208,154,218,73,164,101,226,153,134,219,15,158,63,123,252,180,93,195,85,244,186,84,27,26,55,211,192,159,126,112,50,163,173,148,238,206,81,232,5,248,23,63,241,39,126,224,211,235,46,84,92,226,154,110,223,222,74,51,55,230,190,231,225,240,246,54,31,3,197,203,178,65,201,105,161,187,189,43,248,24,248,9,197,33,204,118,253,42,151,53,229,178,116,171,94,7,107,203,54,45,35,83,195,213,245,45,119,233,135,94,180,108,48,199,98,194,26,113,68,232,237,237,243,214,166,150,39,79,30,215,55,29,176,24,246,26,79,206,1,25,83,67,95,38,78,179,169,239,86,73,231,81,66,67,180,192,187,186,179,222,200,112,118,245,230,18,44,236,124,41,28,231,98,3,19,197,56,116,165,241,216,212,129,113,75,162,0,3,211,37,224,136,190,107,140,234,51,60,105,147,199,81,252,17,148,202,7,178,152,4,138,75,183,86,249,204,136,66,62,55,62,173,22,39,3,180,234,140,81,161,48,171,218,8,133,107,152,249,170,163,72,71,101,22,8,21,140,128,150,194,67,195,227,49,36,119,186,73,228,93,183,179,101,134,54,232,117,140,179,21,166,156,162,57,53,241,129,85,81,52,73,66,116,85,87,13,170,128,27,83,181,137,54,170,107,223,246,182,177,182,28,174,83,49,78,6,71,162,32,105,204,34,210,67,160,45,114,247,111,68,255,110,88,159,156,74,8,70,96,31,108,80,115,101,182,39,4,163,15,109,217,43,145,101,58,85,151,35,56,136,144,103,84,169,121,206,233,228,230,162,62,13,48,104,24,160,9,14,120,87,23,200,15,95,97,4,250,202,158,102,173,85,36,158,83,58,70,8,220,48,22,0,214,21,61,58,200,12,166,239,86,26,204,194,232,224,193,49,120,54,68,236,61,207,191,210,124,207,221,241,61,198,224,123,187,250,14,184,23,248,182,187,67,151,17,203,31,210,69,152,104,176,194,122,26,157,2,26,38,154,190,171,164,21,204,148,80,48,129,113,127,111,254,116,159,193,112,133,119,245,189,38,148,247,230,164,185,191,151,196,40,228,114,130,53,49,156,88,227,191,15,151,176,44,237,112,136,43,20,164,152,65,48,206,253,189,38,232,185,175,87,109,32,146,238,255,170,17,96,34,125,51,35,76,82,74,35,97,134,9,13,11,81,81,184,0,175,196,224,63,33,180,112,34,190,106,24,146,196,210,40,73,177,153,83,166,241,38,186,25,10,18,32,44,155,80,144,230,70,228,126,150,43,32,86,41,26,165,211,57,95,66,28,53,100,224,70,76,48,91,68,142,68,126,4,107,156,42,151,241,91,91,45,136,59,156,31,140,249,229,220,182,185,90,155,83,114,67,244,221,140,172,240,97,38,40,89,119,112,17,14,1,214,208,109,221,117,179,129,57,208,193,96,176,106,121,176,196,233,2,158,41,155,241,248,33,148,253,48,78,169,198,130,168,187,195,137,39,209,199,29,33,69,117,158,46,179,166,20,195,214,121,233,13,44,165,3,167,249,132,224,102,230,24,123,77,222,139,194,77,114,64,62,80,25,119,117,168,216,158,216,145,5,246,253,189,68,36,88,102,36,108,182,22,0,117,10,221,15,252,253,61,84,158,147,49,242,132,203,94,156,90,218,93,147,114,3,97,54,43,121,183,226,89,222,173,253,127,253,253,223,127,253,219,63,255,177,215,68,204,250,254,221,178,249,182,244,51,197,175,209,150,52,32,95,169,1,219,31,127,166,2,85,210,146,252,224,43,229,179,109,250,103,202,175,146,150,228,79,238,144,223,4,23,128,9,35,114,23,215,205,60,252,64,7,165,10,111,153,249,100,177,179,65,73,113,106,96,125,150,150,25,237,38,61,167,133,158,195,159,153,138,217,140,221,107,130,243,150,195,185,244,170,47,141,230,170,195,126,121,52,95,231,230,209,92,104,20,220,83,35,238,66,247,208,73,225,87,180,34,247,212,74,204,172,123,168,165,2,40,122,77,238,169,23,119,248,123,168,165,240,43,90,77,239,169,85,230,224,247,208,171,132,80,155,43,240,195,209,255,205,178,195,10,15,197,238,226,107,150,32,101,189,39,108,223,157,65,229,43,127,53,159,16,153,0,39,221,209,22,62,68,157,22,252,71,31,221,29,187,5,95,124,125,118,119,148,212,111,167,14,126,60,22,8,89,82,94,75,193,249,55,39,226,121,232,225,92,231,156,201,216,90,219,102,85,70,74,28,84,127,55,9,130,24,131,132,94,7,44,253,98,12,206,36,64,211,15,109,17,157,195,116,81,29,153,144,159,170,214,15,4,36,189,252,108,69,82,137,82,158,171,65,200,111,110,218,229,20,199,247,255,47,182,99,231,34,133,252,187,205,197,104,191,196,88,157,67,167,124,146,144,247,189,148,90,176,117,24,104,202,251,39,0,158,19,60,115,119,164,69,197,226,171,104,166,229,153,66,237,209,196,154,157,75,56,249,180,97,76,46,112,55,202,220,80,154,96,175,43,202,198,77,16,69,177,179,213,90,153,252,144,197,208,81,236,11,161,8,104,103,126,0,99,99,228,97,212,188,201,142,174,31,240,46,61,164,209,67,145,191,67,226,15,162,232,220,79,64,61,74,97,123,192,186,168,155,43,30,212,117,78,173,91,106,56,22,135,200,49,137,22,49,53,244,17,154,104,52,210,178,77,12,124,25,194,129,181,136,64,15,205,3,24,1,214,139,134,32,0,106,3,153,183,183,40,192,132,49,207,17,108,96,0,193,139,112,162,133,17,213,240,71,63,161,154,243,238,29,116,101,61,238,175,71,119,126,161,244,221,248,125,130,3,60,189,195,241,69,187,186,121,147,110,46,90,190,192,209,197,93,154,227,207,140,170,1,192,88,204,4,133,172,114,179,98,149,40,230,71,199,76,51,241,121,247,164,100,5,129,138,129,166,108,2,193,191,174,230,113,255,46,29,197,112,148,154,96,142,241,232,193,134,47,241,127,195,134,185,189,29,102,158,11,107,158,190,105,35,122,220,121,243,13,5,161,143,27,5,177,91,199,111,39,41,161,56,222,40,138,223,194,126,55,206,63,243,47,83,130,185,36,126,189,164,4,62,104,154,162,204,67,84,94,165,158,23,128,191,136,146,249,29,213,91,134,243,222,93,187,240,226,169,169,5,221,135,180,131,215,158,95,93,26,21,46,75,87,116,41,217,183,114,247,237,176,176,23,185,199,136,206,27,36,74,193,112,6,187,92,0,36,108,178,75,180,145,191,128,129,107,218,248,177,217,174,200,104,196,105,50,55,110,62,58,145,117,237,100,67,9,25,116,229,222,239,171,21,85,110,228,157,170,77,222,190,255,102,98,228,37,250,247,226,111,175,251,131,129,118,216,211,58,26,87,91,251,84,210,113,137,210,75,252,59,165,108,252,125,1,11,18,242,162,222,20,237,204,199,194,246,87,217,87,185,243,111,89,225,239,109,108,222,33,173,201,46,68,97,95,178,136,3,204,238,47,176,167,205,210,32,184,222,82,183,50,136,41,137,33,123,96,183,255,194,244,188,170,80,175,180,243,153,160,32,168,166,72,123,144,23,212,194,69,41,101,113,84,33,143,213,136,113,247,149,124,105,140,148,135,57,220,198,249,105,69,118,231,82,19,143,203,143,117,156,242,241,168,222,82,78,88,91,142,93,203,42,182,170,217,38,139,221,91,27,197,138,193,66,89,198,111,233,176,159,211,217,118,183,6,36,219,69,49,198,124,11,98,50,190,187,148,86,182,16,220,213,242,252,251,147,156,89,2,86,78,40,62,131,47,187,154,81,171,138,147,226,226,57,149,179,206,41,130,16,19,168,204,216,79,202,19,51,78,212,203,199,28,242,246,146,95,133,26,250,69,248,33,140,150,33,159,249,44,123,229,169,39,36,194,124,45,103,149,251,110,233,157,216,246,182,168,222,43,223,93,138,4,153,184,165,161,107,231,7,134,234,80,31,24,164,252,64,65,12,253,195,252,109,141,150,85,100,111,105,100,177,120,56,35,107,138,87,50,178,38,127,19,35,43,196,35,24,89,202,223,188,192,172,80,238,171,179,214,218,0,96,154,78,85,223,66,81,169,161,162,154,170,83,174,76,166,69,189,248,90,161,171,85,187,184,181,94,224,36,65,16,114,177,242,176,129,171,156,5,223,124,123,194,29,18,38,45,22,158,97,230,24,9,15,139,73,192,61,197,209,119,17,127,67,128,149,151,18,165,104,94,2,228,19,106,3,98,184,25,80,217,162,150,224,196,52,219,128,71,239,192,147,251,210,50,26,91,31,54,129,161,201,102,184,210,214,162,108,192,108,70,111,50,226,102,76,245,30,15,91,200,188,65,7,101,222,9,59,22,231,76,78,165,33,141,43,88,249,89,31,0,89,180,120,165,38,223,166,241,19,64,135,86,4,196,211,76,2,170,74,136,167,92,4,170,132,137,117,132,217,70,132,89,13,2,59,33,93,199,152,108,196,152,212,96,176,51,233,117,140,96,35,70,80,131,193,15,144,215,65,200,70,16,146,129,172,20,151,144,107,23,31,59,118,79,232,186,136,103,33,9,247,6,31,230,190,35,175,9,205,3,163,226,23,8,80,174,48,31,70,75,153,136,202,179,24,201,10,33,165,194,235,135,27,184,203,47,185,10,0,155,169,102,220,45,70,197,137,73,20,23,77,236,216,217,116,90,128,177,189,109,124,82,218,93,56,54,132,42,30,249,139,51,79,119,253,216,132,157,234,168,103,169,236,180,103,173,50,59,130,133,182,168,166,141,207,58,72,41,81,3,179,135,41,202,17,79,180,86,35,158,236,200,243,29,118,156,98,200,99,30,9,35,27,121,98,3,243,206,180,240,1,229,7,250,60,97,118,20,52,73,26,178,119,75,50,21,130,154,108,217,93,89,34,136,168,44,165,232,92,62,103,130,197,145,217,57,134,28,28,27,205,191,188,59,218,109,94,90,186,206,34,190,233,108,208,224,43,225,224,175,253,31,125,94,175,124,11,46,0,0 };
\ No newline at end of file
+const uint8_t JS_CONTROLS_GZIP[3163] PROGMEM = { 31,139,8,0,0,0,0,0,0,3,221,90,11,83,219,72,18,254,43,66,217,2,233,80,108,43,9,217,68,70,80,142,113,18,239,26,204,129,217,108,93,54,71,141,173,49,86,69,150,180,163,17,14,11,254,239,215,243,146,70,178,77,30,228,246,42,87,84,25,205,76,247,215,61,61,61,61,61,143,73,18,103,212,184,232,95,246,79,250,163,126,103,112,249,230,162,239,63,105,181,28,168,58,235,13,134,157,35,40,185,206,197,233,81,103,212,187,28,190,126,125,222,27,249,174,104,31,245,71,189,129,207,63,79,129,174,160,226,5,198,212,191,236,178,239,39,170,161,43,90,158,176,150,87,23,163,209,240,196,127,170,218,100,217,109,61,101,173,131,206,43,128,126,166,26,69,209,109,61,99,109,231,239,250,163,238,219,222,153,191,167,154,139,26,183,181,199,41,6,253,35,40,61,47,218,69,217,109,61,103,173,39,23,199,175,160,244,179,106,149,101,183,245,51,239,84,239,247,17,24,227,244,98,228,191,80,20,90,157,219,122,193,168,222,156,117,78,223,250,47,157,206,209,145,248,190,60,29,246,79,88,179,211,29,244,58,103,146,192,109,189,228,152,157,87,190,91,152,71,148,184,121,206,123,131,94,23,184,10,11,169,10,151,219,104,120,58,234,51,155,20,70,82,21,46,55,210,113,31,62,11,27,241,146,203,45,116,220,249,221,119,11,235,240,146,43,12,51,234,157,250,110,105,23,94,116,185,85,222,116,46,222,244,124,183,176,138,44,187,220,40,157,110,151,217,159,25,100,196,91,101,5,39,7,15,56,26,190,3,225,206,160,247,122,4,163,125,214,127,243,118,4,35,219,237,157,140,192,176,207,156,238,229,232,226,236,159,23,195,254,121,15,136,187,151,189,227,222,89,103,192,60,166,123,121,218,3,154,179,254,111,64,248,4,138,239,122,163,206,249,233,219,206,128,3,92,158,95,156,188,30,12,223,73,148,110,231,236,108,56,130,113,239,94,118,6,253,127,117,206,160,203,207,161,112,212,57,251,21,198,179,123,121,50,60,233,249,79,246,246,218,215,136,24,11,60,206,146,201,71,231,138,160,116,118,132,40,242,99,188,48,58,132,160,27,103,134,178,206,100,130,35,127,203,117,178,40,12,48,233,38,49,13,227,60,201,51,168,107,79,243,120,66,195,36,54,38,73,148,144,110,132,178,204,194,246,109,182,8,233,100,102,97,255,36,159,143,49,129,42,251,118,130,50,108,104,61,244,8,166,57,137,77,248,249,51,79,194,12,155,109,73,34,187,173,8,240,28,19,20,5,69,115,105,9,69,145,98,138,9,9,175,49,41,136,74,251,40,162,5,166,40,75,103,40,162,5,81,97,53,69,147,229,241,52,74,22,26,142,48,165,106,159,32,66,146,146,95,25,87,53,163,40,252,11,145,48,46,8,152,157,85,99,128,200,71,179,29,224,41,202,35,170,42,205,229,82,27,2,176,109,140,39,20,7,21,211,18,252,103,142,51,58,36,33,142,41,98,85,167,152,204,195,44,131,47,203,190,93,22,132,25,186,198,111,212,32,66,75,148,76,80,116,78,19,130,174,112,35,195,180,79,241,220,50,113,150,230,33,31,235,204,116,126,57,31,158,52,50,10,58,95,133,211,27,171,112,1,219,94,106,242,51,192,208,144,97,128,153,210,200,175,8,184,90,43,160,68,108,139,46,27,113,30,69,91,62,58,180,144,207,165,167,136,100,216,2,137,239,241,7,239,253,135,170,92,68,40,116,228,39,43,72,38,249,28,186,111,55,80,16,88,230,63,76,187,145,76,167,150,237,252,100,153,143,72,178,128,242,140,206,35,203,52,109,71,26,179,49,137,18,0,182,29,137,178,212,124,53,62,7,67,230,89,15,70,147,0,254,26,243,115,224,130,16,224,9,158,39,215,88,120,184,201,189,253,241,21,193,56,54,237,21,82,80,177,66,71,112,176,134,74,232,203,85,48,154,198,73,98,72,241,76,195,237,71,47,158,63,221,107,175,225,42,123,93,169,141,173,219,73,20,78,62,122,210,104,75,173,187,51,20,7,17,254,45,204,194,113,24,133,244,166,11,21,87,120,77,183,239,238,148,153,27,179,48,8,112,124,119,87,140,129,230,101,114,80,10,90,232,110,239,26,62,6,97,70,113,12,179,221,188,46,100,77,184,44,211,89,175,131,179,229,218,142,37,213,240,77,115,203,95,132,113,144,44,26,204,177,152,176,70,154,16,122,119,247,162,181,169,229,217,179,167,235,155,14,89,12,123,135,199,231,128,140,169,101,46,50,175,217,52,119,235,164,179,36,163,49,154,227,93,211,91,109,100,56,187,102,115,1,22,246,190,22,142,115,177,129,73,82,28,251,202,120,108,234,192,184,101,73,132,129,233,10,112,68,223,13,70,245,5,158,180,201,227,40,254,4,74,21,3,89,78,2,205,165,91,203,98,102,36,49,159,27,159,87,139,147,1,90,125,198,232,80,152,85,109,132,194,107,152,249,170,163,73,71,85,22,8,21,140,128,86,194,67,35,224,49,164,112,186,113,18,220,180,229,50,67,27,244,38,197,114,133,169,166,104,222,154,248,192,170,40,26,103,49,186,94,87,13,170,128,27,83,189,137,54,234,107,223,246,182,181,178,28,174,82,49,78,6,71,146,40,107,76,19,210,67,160,45,242,15,110,69,255,110,89,159,188,90,8,70,96,31,108,81,123,105,183,199,4,163,143,109,213,43,145,101,122,117,151,35,56,74,80,96,213,169,121,206,233,21,230,162,33,141,48,104,24,161,49,142,120,87,231,40,140,223,98,4,250,170,158,202,214,58,18,207,41,61,43,6,110,24,11,0,235,138,30,29,74,131,153,187,181,6,187,52,58,120,112,10,158,13,17,123,63,8,175,141,48,240,119,194,128,49,132,193,174,185,3,238,5,190,237,239,208,69,194,242,135,124,30,103,6,172,176,129,65,39,128,134,137,97,238,106,105,5,51,37,20,108,96,60,216,159,237,29,48,24,174,240,174,185,223,132,242,254,140,52,15,246,179,20,197,92,78,180,34,134,19,27,252,247,241,2,150,165,29,14,113,141,162,28,51,8,198,121,176,223,4,61,15,204,186,13,68,210,253,95,53,2,76,164,239,102,132,113,78,105,34,204,48,166,113,41,42,137,231,224,149,24,252,39,134,22,78,196,87,13,75,145,56,6,37,57,182,11,202,60,221,68,55,69,81,6,132,85,19,10,210,194,136,220,207,10,5,196,42,69,147,124,50,227,75,136,167,135,12,220,72,9,102,139,200,145,200,143,96,141,211,229,50,126,103,171,5,113,135,243,131,49,191,158,219,181,151,43,115,74,109,136,126,152,145,21,62,204,4,101,171,14,46,194,33,192,90,166,107,250,190,28,152,67,19,12,6,171,86,0,75,156,41,224,153,178,146,39,140,161,28,198,105,78,13,22,68,253,29,78,60,78,62,237,8,41,186,243,116,153,53,149,24,182,206,43,111,96,41,29,56,205,103,4,55,165,99,236,55,121,47,74,55,41,0,249,64,73,238,250,80,177,61,177,167,10,236,251,71,137,72,176,204,40,88,185,22,0,117,14,221,143,194,131,125,84,157,147,41,10,132,203,94,156,58,198,125,147,114,3,161,156,149,188,91,233,180,232,214,193,246,163,151,207,247,90,237,253,38,98,214,15,239,151,205,183,165,95,40,126,133,182,162,1,249,70,13,216,254,248,11,21,168,147,86,228,71,223,40,159,109,211,191,80,126,157,180,34,127,124,143,252,38,184,0,76,24,145,187,248,190,244,240,67,19,148,42,189,101,26,146,249,206,6,37,197,169,129,243,69,90,74,218,77,122,78,74,61,135,191,50,21,229,140,221,111,130,243,86,195,185,242,170,175,141,230,186,195,126,125,52,95,229,230,209,92,104,20,61,80,35,238,66,15,208,73,227,215,180,34,15,212,74,204,172,7,168,165,3,104,122,141,31,168,23,119,248,7,168,165,241,107,90,77,30,168,149,116,240,7,232,85,65,88,155,43,240,195,209,255,205,178,195,10,143,197,238,226,91,150,32,109,189,39,108,223,45,161,138,149,191,158,79,136,76,128,147,238,24,243,16,162,78,11,254,163,79,254,142,219,130,47,190,62,251,59,90,234,183,179,14,254,242,82,32,200,164,124,45,5,231,223,156,136,23,161,135,115,157,115,38,107,107,101,155,85,27,41,113,80,253,195,36,8,98,12,50,122,19,177,244,139,49,120,227,8,77,62,182,69,116,142,243,121,125,100,98,126,170,186,126,32,32,233,229,103,43,138,74,148,138,92,13,66,126,115,211,46,167,60,190,255,127,177,29,59,23,41,229,223,111,46,70,251,53,198,234,188,242,170,39,9,69,223,43,169,5,91,135,129,166,186,127,2,224,25,193,83,127,71,89,84,44,190,149,105,32,19,133,181,39,19,43,102,174,192,20,179,134,49,249,192,221,168,114,67,105,140,131,174,40,91,183,81,146,164,222,86,107,105,243,51,22,203,68,105,40,132,34,160,157,134,17,12,141,85,68,81,251,86,158,92,63,226,61,122,76,147,199,34,125,135,188,31,68,209,89,152,129,122,148,194,238,128,245,208,180,151,60,166,155,156,218,116,244,104,44,206,144,83,146,204,83,106,153,35,52,54,104,98,200,61,12,124,89,194,127,141,132,64,15,237,67,24,0,214,139,134,32,0,106,11,217,119,119,40,194,132,49,207,16,236,95,0,33,72,112,102,196,9,53,240,167,48,163,134,247,199,31,208,149,213,176,191,26,220,249,125,210,15,227,246,25,142,240,228,30,191,23,237,250,222,77,121,185,104,249,10,63,23,87,105,94,56,181,234,6,0,99,49,19,148,178,170,205,154,85,146,148,159,28,51,205,196,231,253,115,146,21,4,42,6,154,170,9,4,255,170,154,199,253,251,116,20,195,81,105,218,53,13,30,60,216,240,101,225,95,216,178,183,183,99,233,185,176,228,153,155,246,161,199,157,223,191,163,32,244,105,163,32,118,233,248,253,36,101,20,167,27,69,241,75,216,31,198,249,167,225,85,78,48,151,196,111,151,180,192,7,77,19,36,61,68,231,213,234,121,1,248,203,40,89,92,81,189,103,56,31,252,149,251,46,158,153,58,208,125,200,58,120,237,249,245,149,85,227,114,76,77,151,138,125,107,87,223,30,11,123,137,127,140,232,172,65,146,28,12,103,177,187,5,64,194,54,187,67,27,133,115,24,184,166,139,159,218,237,154,140,70,154,103,51,235,246,147,151,56,55,158,28,74,72,160,107,215,126,223,172,168,118,33,239,213,109,242,254,195,119,19,163,238,208,127,20,127,123,215,31,12,140,87,61,163,99,112,181,141,207,229,28,87,40,191,194,127,83,198,198,159,23,176,32,161,238,233,109,209,206,124,44,110,127,147,125,181,43,255,150,19,255,221,198,230,29,50,154,236,62,20,182,37,243,52,194,236,250,2,7,198,52,143,162,155,45,125,39,131,152,146,24,178,7,118,249,47,76,207,171,74,245,42,27,159,49,138,162,122,138,180,15,121,193,90,184,36,167,44,142,106,228,169,30,49,238,191,145,175,140,145,246,46,135,219,184,56,172,144,87,46,107,226,113,245,173,142,87,61,29,53,91,218,1,107,203,115,215,178,138,157,170,220,99,177,107,107,171,92,49,88,40,147,252,142,9,219,57,147,237,118,215,128,200,77,20,99,44,118,32,54,227,187,79,105,109,7,193,93,173,72,191,63,203,41,19,176,106,66,241,5,124,242,102,70,175,42,15,138,203,215,84,222,42,167,8,66,76,160,54,99,63,43,79,204,56,81,175,222,114,168,203,75,126,19,106,153,23,241,199,56,89,196,124,230,179,236,149,167,158,144,8,243,181,156,85,30,248,149,103,98,219,219,162,122,191,122,117,41,18,100,226,87,134,174,93,156,23,234,67,125,104,145,234,251,4,49,244,143,139,167,53,134,172,144,79,105,84,177,124,55,163,106,202,71,50,170,166,120,18,163,42,196,27,24,85,42,158,188,192,172,208,174,171,101,235,218,0,96,219,94,93,223,82,81,165,161,166,154,174,83,161,140,212,98,189,248,181,66,151,203,118,121,105,61,199,89,134,32,228,98,237,93,3,87,89,6,223,98,123,194,29,18,38,45,22,158,97,23,24,25,15,139,89,196,61,197,51,119,17,127,66,128,181,135,18,149,104,94,1,228,19,106,3,98,188,25,80,219,161,86,224,196,52,219,128,71,239,193,83,219,210,42,26,91,31,54,129,161,241,102,184,202,214,162,106,64,57,163,55,25,113,51,166,126,141,135,29,100,223,162,195,42,239,152,157,138,115,38,175,214,144,167,53,172,226,168,15,128,28,90,62,82,83,79,211,248,1,160,71,107,2,210,137,148,128,234,18,210,9,23,129,106,97,98,21,97,186,17,97,186,6,129,29,144,174,98,140,55,98,140,215,96,176,35,233,85,140,104,35,70,180,6,131,159,31,175,130,144,141,32,68,130,44,53,151,80,107,23,31,59,118,77,232,251,136,103,33,25,247,134,16,230,190,167,110,9,237,67,171,230,23,8,80,174,49,31,70,71,155,136,218,171,24,197,10,33,165,198,27,198,27,184,171,15,185,74,0,151,169,102,221,47,70,199,73,73,146,150,77,236,212,217,246,90,128,177,189,109,125,86,218,125,56,46,132,42,30,249,203,35,79,127,245,216,132,157,234,232,71,169,236,180,103,165,82,158,192,66,91,178,166,141,207,58,72,41,81,3,179,119,41,218,17,79,178,82,35,94,236,168,243,29,118,156,98,169,99,30,5,163,26,121,98,3,243,206,118,240,33,229,231,249,60,97,246,52,52,69,26,179,103,75,42,21,130,26,185,236,46,29,17,68,116,150,74,116,174,158,51,193,226,200,236,156,66,14,142,173,230,191,255,56,218,109,94,57,166,201,34,190,237,109,208,224,27,225,224,175,253,31,154,163,207,125,10,46,0,0 };
\ No newline at end of file