From 6219d4302bde7e0c54cdee0be46f96e97cda57ed Mon Sep 17 00:00:00 2001
From: Dave Kliczbor <dave@fsinfo.cs.tu-dortmund.de>
Date: Sun, 28 Oct 2018 12:33:43 +0100
Subject: [PATCH] 'No Connection' label is now clickable to reinitialize

---
 examples/gui/data/js/controls.js     | 25 ++++++++++++----
 examples/gui/data/js/controls.min.js | 41 +++++++++++++++++++++++++-
 src/dataControlsJS.h                 | 43 ++++++++++++++++++++++++++--
 3 files changed, 100 insertions(+), 9 deletions(-)

diff --git a/examples/gui/data/js/controls.js b/examples/gui/data/js/controls.js
index 5b72533..099587a 100644
--- a/examples/gui/data/js/controls.js
+++ b/examples/gui/data/js/controls.js
@@ -84,6 +84,23 @@ function colorClass(colorId) {
 
 var websock;
 
+function restart() {
+    $(document).add('*').off();
+    $("#row").html("");
+    websock.close();
+    start();
+}
+
+function conStatusError() {
+        $("#conStatus").removeClass("color-green");
+        $("#conStatus").addClass("color-red");
+        $("#conStatus").text("Error / No Connection");
+        $("#conStatus").off();
+        $("#conStatus").on({
+            'click': restart
+        });
+}
+
 function start() {
     websock = new WebSocket('ws://' + window.location.hostname + '/ws');
     websock.onopen = function(evt) {
@@ -93,15 +110,11 @@ function start() {
     };
     websock.onclose = function(evt) {
         console.log('websock close');
-        $("#conStatus").removeClass("color-green");
-        $("#conStatus").addClass("color-red");
-        $("#conStatus").text("Error / No Connection");
+        conStatusError();
     };
     websock.onerror = function(evt) {
         console.log(evt);
-        $("#conStatus").removeClass("color-green");
-        $("#conStatus").addClass("color-red");
-        $("#conStatus").text("Error / No Connection");
+        conStatusError();
     };
     websock.onmessage = function(evt) {
         console.log(evt);
diff --git a/examples/gui/data/js/controls.min.js b/examples/gui/data/js/controls.min.js
index 571d6f3..9025d1a 100644
--- a/examples/gui/data/js/controls.min.js
+++ b/examples/gui/data/js/controls.min.js
@@ -1 +1,40 @@
-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:default:return""}}function start(){websock=new WebSocket("ws://"+window.location.hostname+"/ws"),websock.onopen=function(e){console.log("websock open"),$("#conStatus").addClass("color-green"),$("#conStatus").text("Connected")},websock.onclose=function(e){console.log("websock close"),$("#conStatus").removeClass("color-green"),$("#conStatus").addClass("color-red"),$("#conStatus").text("Error / No Connection")},websock.onerror=function(e){console.log(e),$("#conStatus").removeClass("color-green"),$("#conStatus").addClass("color-red"),$("#conStatus").text("Error / No Connection")},websock.onmessage=function(e){console.log(e);var c=JSON.parse(e.data),o=(document.body,"");switch(c.type){case UI_TITEL:document.title=c.label,$("#mainHeader").html(c.label);break;case UI_LABEL:$("#row").append("<div class='two columns card tcenter "+colorClass(c.color)+"'><h5 id='"+c.id+"'>"+c.label+"</h5><hr /><span id='l"+c.id+"' class='label'>"+c.value+"</span></div>");break;case UI_BUTTON:$("#row").append("<div class='one columns card tcenter "+colorClass(c.color)+"'><h5>"+c.label+"</h5><hr/><button onmousedown='buttonclick("+c.id+", true)' onmouseup='buttonclick("+c.id+", false)' id='"+c.id+"'>"+c.value+"</button></div>"),$("#"+c.id).on({touchstart:function(e){e.preventDefault(),buttonclick(c.id,!0)}}),$("#"+c.id).on({touchend:function(e){e.preventDefault(),buttonclick(c.id,!1)}});break;case UI_SWITCHER:var s="<label id='sl"+c.id+"' class='switch checked'>",n="<div class='in'><input type='checkbox' id='s"+c.id+"' onClick='switcher("+c.id+",null)' checked></div>";"0"==c.value&&(s="<label id='sl"+c.id+"' class='switch'>",n="<div class='in'><input type='checkbox' id='s"+c.id+"' onClick='switcher("+c.id+",null)' ></div>"),$("#row").append("<div id='"+c.id+"' class='one columns card tcenter "+colorClass(c.color)+"'><h5>"+c.label+"</h5><hr/>"+s+n+"</label></div>");break;case UI_CPAD:o="<a class='confirm' onmousedown='padclick(CENTER, "+c.id+", true)' onmouseup='padclick(CENTER, "+c.id+", false)' href='#' id='pc"+c.id+"'>OK</a>";case UI_PAD:$("#row").append("<div class='two columns card tcenter "+colorClass(c.color)+"'><h5>"+c.label+"</h5><hr/><nav class='control'><ul><li><a onmousedown='padclick(FOR, "+c.id+", true)' onmouseup='padclick(FOR, "+c.id+", false)' href='#' id='pf"+c.id+"'>▲</a></li><li><a onmousedown='padclick(RIGHT, "+c.id+", true)' onmouseup='padclick(RIGHT, "+c.id+", false)' href='#' id='pr"+c.id+"'>▲</a></li><li><a onmousedown='padclick(LEFT, "+c.id+", true)' onmouseup='padclick(LEFT, "+c.id+", false)' href='#' id='pl"+c.id+"'>▲</a></li><li><a onmousedown='padclick(BACK, "+c.id+", true)' onmouseup='padclick(BACK, "+c.id+", false)' href='#' id='pb"+c.id+"'>▲</a></li></ul>"+o+"</nav></div>"),$("#pf"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(FOR,c.id,!0)}}),$("#pf"+c.id).on({touchend:function(e){e.preventDefault(),padclick(FOR,c.id,!1)}}),$("#pl"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(LEFT,c.id,!0)}}),$("#pl"+c.id).on({touchend:function(e){e.preventDefault(),padclick(LEFT,c.id,!1)}}),$("#pr"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(RIGHT,c.id,!0)}}),$("#pr"+c.id).on({touchend:function(e){e.preventDefault(),padclick(RIGHT,c.id,!1)}}),$("#pb"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(BACK,c.id,!0)}}),$("#pb"+c.id).on({touchend:function(e){e.preventDefault(),padclick(BACK,c.id,!1)}}),$("#pc"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(CENTER,c.id,!0)}}),$("#pc"+c.id).on({touchend:function(e){e.preventDefault(),padclick(CENTER,c.id,!1)}});break;case UPDATE_LABEL:$("#l"+c.id).html(c.value);break;case UPDATE_SWITCHER:"0"==c.value?switcher(c.id,0):switcher(c.id,1);break;case UI_SLIDER:$("#row").append("<div class='two columns card tcenter card-slider "+colorClass(c.color)+"'><h5 id='"+c.id+"'>"+c.label+"</h5><hr /><div id='sl"+c.id+"' class='rkmd-slider slider-discrete slider-"+colorClass(c.color)+"'><input type='range' min='0' max='100' value='"+c.value+"'></div></div>"),$("#row").append("<script>rkmd_rangeSlider('#sl"+c.id+"');<\/script>");break;case UPDATE_SLIDER:slider_move($("#sl"+c.id),c.value,"100",!1);break;default:console.error("Unknown type or event")}}}function buttonclick(e,c){c?websock.send("bdown:"+e):websock.send("bup:"+e)}function padclick(e,c,o){switch(e){case CENTER:o?websock.send("pcdown:"+c):websock.send("pcup:"+c);break;case FOR:o?websock.send("pfdown:"+c):websock.send("pfup:"+c);break;case BACK:o?websock.send("pbdown:"+c):websock.send("pbup:"+c);break;case LEFT:o?websock.send("pldown:"+c):websock.send("plup:"+c);break;case RIGHT:o?websock.send("prdown:"+c):websock.send("prup:"+c)}}function switcher(e,c){null==c?$("#s"+e).is(":checked")?(websock.send("sactive:"+e),$("#sl"+e).addClass("checked")):(websock.send("sinactive:"+e),$("#sl"+e).removeClass("checked")):1==c?($("#sl"+e).addClass("checked"),$("#sl"+e).prop("checked",!0)):0==c&&($("#sl"+e).removeClass("checked"),$("#sl"+e).prop("checked",!1))}const UI_TITEL=0,UI_LABEL=1,UI_BUTTON=2,UI_SWITCHER=3,UI_PAD=4,UI_CPAD=5,UPDATE_LABEL=6,UPDATE_SWITCHER=7,UI_SLIDER=8,UPDATE_SLIDER=9,FOR=0,BACK=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_NONE=7;var websock;
\ No newline at end of file
+const UI_TITEL=0;const UI_LABEL=1;const UPDATE_LABEL=6;const UI_BUTTON=2;const UI_SWITCHER=3;const UPDATE_SWITCHER=7;const UI_PAD=4;const UI_CPAD=5;const UI_SLIDER=8;const UPDATE_SLIDER=9;const UI_NUMBER=10;const UPDATE_NUMBER=11;const UI_TEXT_INPUT=12;const UPDATE_TEXT_INPUT=13;const UI_GRAPH=14;const CLEAR_GRAPH=15;const ADD_GRAPH_POINT=16;const FOR=0;const BACK=1;const LEFT=2;const RIGHT=3;const CENTER=4;const C_TURQUOISE=0;const C_EMERALD=1;const C_PETERRIVER=2;const C_WETASPHALT=3;const C_SUNFLOWER=4;const C_CARROT=5;const C_ALIZARIN=6;const C_NONE=7;function colorClass(colorId){colorId=Number(colorId);switch(colorId){case C_TURQUOISE:return"turquoise";break;case C_EMERALD:return"emerald";break;case C_PETERRIVER:return"peterriver";break;case C_WETASPHALT:return"wetasphalt";break;case C_SUNFLOWER:return"sunflower";break;case C_CARROT:return"carrot"
+break;case C_ALIZARIN:return"alizarin"
+break;case C_NONE:return""
+break;default:return"";}}
+var websock;function restart(){$(document).add('*').off();$("#row").html("");websock.close();start();}
+function conStatusError(){$("#conStatus").removeClass("color-green");$("#conStatus").addClass("color-red");$("#conStatus").text("Error / No Connection");$("#conStatus").off();$("#conStatus").on({'click':restart});}
+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');conStatusError();};websock.onerror=function(evt){console.log(evt);conStatusError();};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("<div class='two columns card tcenter "+colorClass(data.color)+"'><h5 id='"+data.id+"'>"+data.label+"</h5><hr /><span id='l"+data.id+"' class='label label-wrap'>"+data.value+"</span></div>");break;case UI_BUTTON:$('#row').append("<div class='one columns card tcenter "+colorClass(data.color)+"'><h5>"+data.label+"</h5><hr/><button onmousedown='buttonclick("+data.id+", true)' onmouseup='buttonclick("+data.id+", false)' id='"+data.id+"'>"+data.value+"</button></div>");$('#'+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="<label id='sl"+data.id+"' class='switch checked'>";var input="<div class='in'><input type='checkbox' id='s"+data.id+"' onClick='switcher("+data.id+",null)' checked></div>";if(data.value=="0"){label="<label id='sl"+data.id+"' class='switch'>";input="<div class='in'><input type='checkbox' id='s"+data.id+"' onClick='switcher("+data.id+",null)' ></div>";}
+$('#row').append("<div id='"+data.id+"' class='one columns card tcenter "+colorClass(data.color)+"'><h5>"+data.label+"</h5><hr/>"+
+label+input+
+"</label>"+
+"</div>");break;case UI_CPAD:center="<a class='confirm' onmousedown='padclick(CENTER, "+data.id+", true)' onmouseup='padclick(CENTER, "+data.id+", false)' href='#' id='pc"+data.id+"'>OK</a>";case UI_PAD:$('#row').append("<div class='two columns card tcenter "+colorClass(data.color)+"'><h5>"+data.label+"</h5><hr/>"+
+"<nav class='control'>"+
+"<ul>"+
+"<li><a onmousedown='padclick(FOR, "+data.id+", true)' onmouseup='padclick(FOR, "+data.id+", false)' href='#' id='pf"+data.id+"'>▲</a></li>"+
+"<li><a onmousedown='padclick(RIGHT, "+data.id+", true)' onmouseup='padclick(RIGHT, "+data.id+", false)' href='#' id='pr"+data.id+"'>▲</a></li>"+
+"<li><a onmousedown='padclick(LEFT, "+data.id+", true)' onmouseup='padclick(LEFT, "+data.id+", false)' href='#' id='pl"+data.id+"'>▲</a></li>"+
+"<li><a onmousedown='padclick(BACK, "+data.id+", true)' onmouseup='padclick(BACK, "+data.id+", false)' href='#' id='pb"+data.id+"'>▲</a></li>"+
+"</ul>"+
+center+
+"</nav>"+
+"</div>");$('#pf'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(FOR,data.id,true)}});$('#pf'+data.id).on({'touchend':function(e){e.preventDefault();padclick(FOR,data.id,false)}});$('#pl'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(LEFT,data.id,true)}});$('#pl'+data.id).on({'touchend':function(e){e.preventDefault();padclick(LEFT,data.id,false)}});$('#pr'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(RIGHT,data.id,true)}});$('#pr'+data.id).on({'touchend':function(e){e.preventDefault();padclick(RIGHT,data.id,false)}});$('#pb'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(BACK,data.id,true)}});$('#pb'+data.id).on({'touchend':function(e){e.preventDefault();padclick(BACK,data.id,false)}});$('#pc'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(CENTER,data.id,true)}});$('#pc'+data.id).on({'touchend':function(e){e.preventDefault();padclick(CENTER,data.id,false)}});break;case UPDATE_LABEL:$('#l'+data.id).html(data.value);break;case UPDATE_SWITCHER:if(data.value=="0")
+switcher(data.id,0);else
+switcher(data.id,1);break;case UI_SLIDER:$('#row').append("<div class='two columns card tcenter card-slider "+colorClass(data.color)+"'>"+
+"<h5 id='"+data.id+"'>"+data.label+"</h5><hr />"+
+"<div id='sl"+data.id+"' class='rkmd-slider slider-discrete slider-"+colorClass(data.color)+"'>"+
+"<input type='range' min='0' max='100' value='"+data.value+"'>"+
+"</div>"+
+"</div>");$('#row').append("<script>"+
+"rkmd_rangeSlider('#sl"+data.id+"');"+
+"</script>");break;case UPDATE_SLIDER:slider_move($('#sl'+data.id),data.value,'100',false);break;case UI_NUMBER:$('#row').append("<div class='two columns card tcenter"+colorClass(data.color)+"'>"+
+"<h5 id='"+data.id+"'>"+data.label+"</h5><hr />"+
+"<input id='num"+data.id+"' type='number' value='"+data.value+"' onchange='numberchange("+data.id+")' />"+
+"</div>");break;case UPDATE_NUMBER:$('#num'+data.id).val(data.value);break;case UI_TEXT_INPUT:$('#row').append("<div class='two columns card tcenter"+colorClass(data.color)+"'>"+
+"<h5 id='"+data.id+"'>"+data.label+"</h5><hr />"+
+"<input id='num"+data.id+"' type='number' value='"+data.value+"' onchange='numberchange("+data.id+")' />"+
+"</div>");break;case UPDATE_TEXT_INPUT:$('#num'+data.id).val(data.value);break;default:console.error('Unknown type or event');break;}};}
+function numberchange(number){var val=$('#num'+data.id).val();websock.send("nchange:"+number+":"+val);console.log(val);}
+function buttonclick(number,isdown){if(isdown)websock.send("bdown:"+number);else websock.send("bup:"+number);}
+function padclick(type,number,isdown){switch(type){case CENTER:if(isdown)websock.send("pcdown:"+number);else websock.send("pcup:"+number);break;case FOR:if(isdown)websock.send("pfdown:"+number);else websock.send("pfup:"+number);break;case BACK:if(isdown)websock.send("pbdown:"+number);else websock.send("pbup:"+number);break;case LEFT:if(isdown)websock.send("pldown:"+number);else websock.send("plup:"+number);break;case RIGHT:if(isdown)websock.send("prdown:"+number);else websock.send("prup:"+number);break;}}
+function switcher(number,state){if(state==null){if($('#s'+number).is(':checked')){websock.send("sactive:"+number);$('#sl'+number).addClass('checked');}else{websock.send("sinactive:"+number);$('#sl'+number).removeClass('checked');}}else if(state==1){$('#sl'+number).addClass('checked');$('#sl'+number).prop("checked",true);}else if(state==0){$('#sl'+number).removeClass('checked');$('#sl'+number).prop("checked",false);}}
\ No newline at end of file
diff --git a/src/dataControlsJS.h b/src/dataControlsJS.h
index 80d5884..6873470 100644
--- a/src/dataControlsJS.h
+++ b/src/dataControlsJS.h
@@ -1,5 +1,44 @@
 const char JS_CONTROLS[] PROGMEM = R"=====(
-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:default:return""}}function start(){websock=new WebSocket("ws://"+window.location.hostname+"/ws"),websock.onopen=function(e){console.log("websock open"),$("#conStatus").addClass("color-green"),$("#conStatus").text("Connected")},websock.onclose=function(e){console.log("websock close"),$("#conStatus").removeClass("color-green"),$("#conStatus").addClass("color-red"),$("#conStatus").text("Error / No Connection")},websock.onerror=function(e){console.log(e),$("#conStatus").removeClass("color-green"),$("#conStatus").addClass("color-red"),$("#conStatus").text("Error / No Connection")},websock.onmessage=function(e){console.log(e);var c=JSON.parse(e.data),o=(document.body,"");switch(c.type){case UI_TITEL:document.title=c.label,$("#mainHeader").html(c.label);break;case UI_LABEL:$("#row").append("<div class='two columns card tcenter "+colorClass(c.color)+"'><h5 id='"+c.id+"'>"+c.label+"</h5><hr /><span id='l"+c.id+"' class='label label-wrap'>"+c.value+"</span></div>");break;case UI_BUTTON:$("#row").append("<div class='one columns card tcenter "+colorClass(c.color)+"'><h5>"+c.label+"</h5><hr/><button onmousedown='buttonclick("+c.id+", true)' onmouseup='buttonclick("+c.id+", false)' id='"+c.id+"'>"+c.value+"</button></div>"),$("#"+c.id).on({touchstart:function(e){e.preventDefault(),buttonclick(c.id,!0)}}),$("#"+c.id).on({touchend:function(e){e.preventDefault(),buttonclick(c.id,!1)}});break;case UI_SWITCHER:var s="<label id='sl"+c.id+"' class='switch checked'>",n="<div class='in'><input type='checkbox' id='s"+c.id+"' onClick='switcher("+c.id+",null)' checked></div>";"0"==c.value&&(s="<label id='sl"+c.id+"' class='switch'>",n="<div class='in'><input type='checkbox' id='s"+c.id+"' onClick='switcher("+c.id+",null)' ></div>"),$("#row").append("<div id='"+c.id+"' class='one columns card tcenter "+colorClass(c.color)+"'><h5>"+c.label+"</h5><hr/>"+s+n+"</label></div>");break;case UI_CPAD:o="<a class='confirm' onmousedown='padclick(CENTER, "+c.id+", true)' onmouseup='padclick(CENTER, "+c.id+", false)' href='#' id='pc"+c.id+"'>OK</a>";case UI_PAD:$("#row").append("<div class='two columns card tcenter "+colorClass(c.color)+"'><h5>"+c.label+"</h5><hr/><nav class='control'><ul><li><a onmousedown='padclick(FOR, "+c.id+", true)' onmouseup='padclick(FOR, "+c.id+", false)' href='#' id='pf"+c.id+"'>▲</a></li><li><a onmousedown='padclick(RIGHT, "+c.id+", true)' onmouseup='padclick(RIGHT, "+c.id+", false)' href='#' id='pr"+c.id+"'>▲</a></li><li><a onmousedown='padclick(LEFT, "+c.id+", true)' onmouseup='padclick(LEFT, "+c.id+", false)' href='#' id='pl"+c.id+"'>▲</a></li><li><a onmousedown='padclick(BACK, "+c.id+", true)' onmouseup='padclick(BACK, "+c.id+", false)' href='#' id='pb"+c.id+"'>▲</a></li></ul>"+o+"</nav></div>"),$("#pf"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(FOR,c.id,!0)}}),$("#pf"+c.id).on({touchend:function(e){e.preventDefault(),padclick(FOR,c.id,!1)}}),$("#pl"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(LEFT,c.id,!0)}}),$("#pl"+c.id).on({touchend:function(e){e.preventDefault(),padclick(LEFT,c.id,!1)}}),$("#pr"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(RIGHT,c.id,!0)}}),$("#pr"+c.id).on({touchend:function(e){e.preventDefault(),padclick(RIGHT,c.id,!1)}}),$("#pb"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(BACK,c.id,!0)}}),$("#pb"+c.id).on({touchend:function(e){e.preventDefault(),padclick(BACK,c.id,!1)}}),$("#pc"+c.id).on({touchstart:function(e){e.preventDefault(),padclick(CENTER,c.id,!0)}}),$("#pc"+c.id).on({touchend:function(e){e.preventDefault(),padclick(CENTER,c.id,!1)}});break;case UPDATE_LABEL:$("#l"+c.id).html(c.value);break;case UPDATE_SWITCHER:"0"==c.value?switcher(c.id,0):switcher(c.id,1);break;case UI_SLIDER:$("#row").append("<div class='two columns card tcenter card-slider "+colorClass(c.color)+"'><h5 id='"+c.id+"'>"+c.label+"</h5><hr /><div id='sl"+c.id+"' class='rkmd-slider slider-discrete slider-"+colorClass(c.color)+"'><input type='range' min='0' max='100' value='"+c.value+"'></div></div>"),$("#row").append("<script>rkmd_rangeSlider('#sl"+c.id+"');<\/script>");break;case UPDATE_SLIDER:slider_move($("#sl"+c.id),c.value,"100",!1);break;default:console.error("Unknown type or event")}}}function buttonclick(e,c){c?websock.send("bdown:"+e):websock.send("bup:"+e)}function padclick(e,c,o){switch(e){case CENTER:o?websock.send("pcdown:"+c):websock.send("pcup:"+c);break;case FOR:o?websock.send("pfdown:"+c):websock.send("pfup:"+c);break;case BACK:o?websock.send("pbdown:"+c):websock.send("pbup:"+c);break;case LEFT:o?websock.send("pldown:"+c):websock.send("plup:"+c);break;case RIGHT:o?websock.send("prdown:"+c):websock.send("prup:"+c)}}function switcher(e,c){null==c?$("#s"+e).is(":checked")?(websock.send("sactive:"+e),$("#sl"+e).addClass("checked")):(websock.send("sinactive:"+e),$("#sl"+e).removeClass("checked")):1==c?($("#sl"+e).addClass("checked"),$("#sl"+e).prop("checked",!0)):0==c&&($("#sl"+e).removeClass("checked"),$("#sl"+e).prop("checked",!1))}const UI_TITEL=0,UI_LABEL=1,UI_BUTTON=2,UI_SWITCHER=3,UI_PAD=4,UI_CPAD=5,UPDATE_LABEL=6,UPDATE_SWITCHER=7,UI_SLIDER=8,UPDATE_SLIDER=9,FOR=0,BACK=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_NONE=7;var websock;
+const UI_TITEL=0;const UI_LABEL=1;const UPDATE_LABEL=6;const UI_BUTTON=2;const UI_SWITCHER=3;const UPDATE_SWITCHER=7;const UI_PAD=4;const UI_CPAD=5;const UI_SLIDER=8;const UPDATE_SLIDER=9;const UI_NUMBER=10;const UPDATE_NUMBER=11;const UI_TEXT_INPUT=12;const UPDATE_TEXT_INPUT=13;const UI_GRAPH=14;const CLEAR_GRAPH=15;const ADD_GRAPH_POINT=16;const FOR=0;const BACK=1;const LEFT=2;const RIGHT=3;const CENTER=4;const C_TURQUOISE=0;const C_EMERALD=1;const C_PETERRIVER=2;const C_WETASPHALT=3;const C_SUNFLOWER=4;const C_CARROT=5;const C_ALIZARIN=6;const C_NONE=7;function colorClass(colorId){colorId=Number(colorId);switch(colorId){case C_TURQUOISE:return"turquoise";break;case C_EMERALD:return"emerald";break;case C_PETERRIVER:return"peterriver";break;case C_WETASPHALT:return"wetasphalt";break;case C_SUNFLOWER:return"sunflower";break;case C_CARROT:return"carrot"
+break;case C_ALIZARIN:return"alizarin"
+break;case C_NONE:return""
+break;default:return"";}}
+var websock;function restart(){$(document).add('*').off();$("#row").html("");websock.close();start();}
+function conStatusError(){$("#conStatus").removeClass("color-green");$("#conStatus").addClass("color-red");$("#conStatus").text("Error / No Connection");$("#conStatus").off();$("#conStatus").on({'click':restart});}
+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');conStatusError();};websock.onerror=function(evt){console.log(evt);conStatusError();};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("<div class='two columns card tcenter "+colorClass(data.color)+"'><h5 id='"+data.id+"'>"+data.label+"</h5><hr /><span id='l"+data.id+"' class='label label-wrap'>"+data.value+"</span></div>");break;case UI_BUTTON:$('#row').append("<div class='one columns card tcenter "+colorClass(data.color)+"'><h5>"+data.label+"</h5><hr/><button onmousedown='buttonclick("+data.id+", true)' onmouseup='buttonclick("+data.id+", false)' id='"+data.id+"'>"+data.value+"</button></div>");$('#'+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="<label id='sl"+data.id+"' class='switch checked'>";var input="<div class='in'><input type='checkbox' id='s"+data.id+"' onClick='switcher("+data.id+",null)' checked></div>";if(data.value=="0"){label="<label id='sl"+data.id+"' class='switch'>";input="<div class='in'><input type='checkbox' id='s"+data.id+"' onClick='switcher("+data.id+",null)' ></div>";}
+$('#row').append("<div id='"+data.id+"' class='one columns card tcenter "+colorClass(data.color)+"'><h5>"+data.label+"</h5><hr/>"+
+label+input+
+"</label>"+
+"</div>");break;case UI_CPAD:center="<a class='confirm' onmousedown='padclick(CENTER, "+data.id+", true)' onmouseup='padclick(CENTER, "+data.id+", false)' href='#' id='pc"+data.id+"'>OK</a>";case UI_PAD:$('#row').append("<div class='two columns card tcenter "+colorClass(data.color)+"'><h5>"+data.label+"</h5><hr/>"+
+"<nav class='control'>"+
+"<ul>"+
+"<li><a onmousedown='padclick(FOR, "+data.id+", true)' onmouseup='padclick(FOR, "+data.id+", false)' href='#' id='pf"+data.id+"'>▲</a></li>"+
+"<li><a onmousedown='padclick(RIGHT, "+data.id+", true)' onmouseup='padclick(RIGHT, "+data.id+", false)' href='#' id='pr"+data.id+"'>▲</a></li>"+
+"<li><a onmousedown='padclick(LEFT, "+data.id+", true)' onmouseup='padclick(LEFT, "+data.id+", false)' href='#' id='pl"+data.id+"'>▲</a></li>"+
+"<li><a onmousedown='padclick(BACK, "+data.id+", true)' onmouseup='padclick(BACK, "+data.id+", false)' href='#' id='pb"+data.id+"'>▲</a></li>"+
+"</ul>"+
+center+
+"</nav>"+
+"</div>");$('#pf'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(FOR,data.id,true)}});$('#pf'+data.id).on({'touchend':function(e){e.preventDefault();padclick(FOR,data.id,false)}});$('#pl'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(LEFT,data.id,true)}});$('#pl'+data.id).on({'touchend':function(e){e.preventDefault();padclick(LEFT,data.id,false)}});$('#pr'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(RIGHT,data.id,true)}});$('#pr'+data.id).on({'touchend':function(e){e.preventDefault();padclick(RIGHT,data.id,false)}});$('#pb'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(BACK,data.id,true)}});$('#pb'+data.id).on({'touchend':function(e){e.preventDefault();padclick(BACK,data.id,false)}});$('#pc'+data.id).on({'touchstart':function(e){e.preventDefault();padclick(CENTER,data.id,true)}});$('#pc'+data.id).on({'touchend':function(e){e.preventDefault();padclick(CENTER,data.id,false)}});break;case UPDATE_LABEL:$('#l'+data.id).html(data.value);break;case UPDATE_SWITCHER:if(data.value=="0")
+switcher(data.id,0);else
+switcher(data.id,1);break;case UI_SLIDER:$('#row').append("<div class='two columns card tcenter card-slider "+colorClass(data.color)+"'>"+
+"<h5 id='"+data.id+"'>"+data.label+"</h5><hr />"+
+"<div id='sl"+data.id+"' class='rkmd-slider slider-discrete slider-"+colorClass(data.color)+"'>"+
+"<input type='range' min='0' max='100' value='"+data.value+"'>"+
+"</div>"+
+"</div>");$('#row').append("<script>"+
+"rkmd_rangeSlider('#sl"+data.id+"');"+
+"</script>");break;case UPDATE_SLIDER:slider_move($('#sl'+data.id),data.value,'100',false);break;case UI_NUMBER:$('#row').append("<div class='two columns card tcenter"+colorClass(data.color)+"'>"+
+"<h5 id='"+data.id+"'>"+data.label+"</h5><hr />"+
+"<input id='num"+data.id+"' type='number' value='"+data.value+"' onchange='numberchange("+data.id+")' />"+
+"</div>");break;case UPDATE_NUMBER:$('#num'+data.id).val(data.value);break;case UI_TEXT_INPUT:$('#row').append("<div class='two columns card tcenter"+colorClass(data.color)+"'>"+
+"<h5 id='"+data.id+"'>"+data.label+"</h5><hr />"+
+"<input id='num"+data.id+"' type='number' value='"+data.value+"' onchange='numberchange("+data.id+")' />"+
+"</div>");break;case UPDATE_TEXT_INPUT:$('#num'+data.id).val(data.value);break;default:console.error('Unknown type or event');break;}};}
+function numberchange(number){var val=$('#num'+data.id).val();websock.send("nchange:"+number+":"+val);console.log(val);}
+function buttonclick(number,isdown){if(isdown)websock.send("bdown:"+number);else websock.send("bup:"+number);}
+function padclick(type,number,isdown){switch(type){case CENTER:if(isdown)websock.send("pcdown:"+number);else websock.send("pcup:"+number);break;case FOR:if(isdown)websock.send("pfdown:"+number);else websock.send("pfup:"+number);break;case BACK:if(isdown)websock.send("pbdown:"+number);else websock.send("pbup:"+number);break;case LEFT:if(isdown)websock.send("pldown:"+number);else websock.send("plup:"+number);break;case RIGHT:if(isdown)websock.send("prdown:"+number);else websock.send("prup:"+number);break;}}
+function switcher(number,state){if(state==null){if($('#s'+number).is(':checked')){websock.send("sactive:"+number);$('#sl'+number).addClass('checked');}else{websock.send("sinactive:"+number);$('#sl'+number).removeClass('checked');}}else if(state==1){$('#sl'+number).addClass('checked');$('#sl'+number).prop("checked",true);}else if(state==0){$('#sl'+number).removeClass('checked');$('#sl'+number).prop("checked",false);}}
 )=====";
 
-const uint8_t JS_CONTROLS_GZIP[1574] PROGMEM = { 31,139,8,0,0,0,0,0,0,3,205,88,235,114,226,54,20,254,223,167,112,181,157,197,30,28,46,109,183,219,2,78,134,37,108,67,151,66,10,164,153,233,116,38,35,108,17,60,49,146,43,201,176,219,76,94,163,15,210,71,234,147,244,72,190,96,176,201,146,77,119,166,127,184,88,71,223,249,116,110,62,58,139,136,186,210,103,212,112,89,192,120,47,192,66,152,196,186,23,27,95,186,75,147,56,163,104,53,39,28,30,89,247,46,22,196,232,221,204,174,38,191,92,141,7,211,126,139,19,25,113,138,224,227,143,136,249,130,160,118,34,210,255,185,63,233,14,207,83,1,178,34,28,7,94,182,124,217,159,245,39,147,193,175,253,73,42,17,18,73,56,247,215,132,103,66,215,253,89,119,122,121,209,29,206,82,161,13,145,88,132,75,28,200,76,104,122,53,122,59,28,95,111,129,68,68,23,1,219,228,112,122,221,201,100,156,97,184,152,115,182,221,223,29,14,126,235,78,6,163,116,25,7,254,159,152,251,52,19,24,141,71,253,150,71,22,56,10,100,42,132,30,30,22,169,213,132,196,92,154,214,253,134,204,5,115,239,28,74,54,198,53,153,79,225,55,145,38,218,136,86,189,142,170,27,159,122,108,83,11,152,139,213,174,218,146,9,73,241,138,84,81,125,35,144,101,39,187,107,140,178,144,80,39,69,87,142,112,25,21,44,32,176,247,22,224,98,57,67,73,193,182,175,76,244,2,214,167,18,203,8,96,106,216,243,98,7,34,237,204,147,91,78,74,229,36,121,15,220,122,140,82,226,74,226,33,235,33,199,192,13,152,32,31,167,160,197,74,176,57,89,177,53,57,138,198,62,93,174,168,28,32,219,7,183,113,163,110,140,152,145,240,6,114,187,196,137,18,57,72,156,252,159,168,174,136,16,248,246,176,149,137,213,94,99,110,184,206,79,211,241,168,22,98,46,136,73,106,30,150,216,178,153,99,122,204,141,86,132,202,218,156,121,31,108,132,172,118,146,174,110,77,126,8,73,146,169,87,131,155,217,96,214,31,182,50,113,233,203,128,56,110,45,192,115,18,104,246,43,236,211,11,130,61,200,23,171,182,148,171,192,76,86,173,246,156,19,124,215,78,145,134,221,55,128,164,182,112,182,81,6,9,33,4,61,19,117,60,127,13,177,0,166,113,42,114,195,84,21,137,86,84,24,144,103,158,33,93,208,74,184,129,170,185,226,226,214,244,31,171,138,42,167,157,229,43,195,247,156,10,8,212,124,79,61,81,191,52,129,42,234,212,151,175,64,2,76,121,218,17,33,166,90,50,200,68,83,173,90,218,208,159,39,27,142,195,24,99,141,131,136,40,12,181,243,180,83,7,154,167,104,255,80,111,174,102,179,241,232,35,167,130,192,122,250,169,202,206,1,199,152,71,82,66,209,128,0,96,145,32,80,18,168,83,137,159,185,129,239,222,153,233,225,108,67,242,136,88,149,84,50,10,15,201,45,112,32,148,96,209,138,153,5,226,141,153,13,180,223,99,81,11,66,209,188,151,44,114,151,186,142,181,242,241,72,106,33,39,107,56,234,121,92,253,76,203,206,83,80,251,237,47,27,214,195,195,1,68,48,228,211,241,154,10,111,207,75,211,235,193,172,119,1,37,94,165,132,112,80,39,246,184,58,177,40,134,67,156,9,6,232,135,10,236,129,41,108,234,236,248,211,167,224,33,159,134,145,52,84,178,56,21,45,58,103,239,99,35,138,45,34,163,61,69,45,197,132,183,96,102,119,26,5,1,88,61,209,146,218,182,141,26,200,113,18,211,191,124,105,30,73,246,51,147,220,245,124,73,160,239,196,206,103,8,123,84,21,85,170,30,232,149,67,201,216,187,236,158,183,24,152,1,167,20,160,34,46,124,190,170,236,230,75,136,189,56,98,122,253,17,180,17,182,241,88,210,60,34,156,102,206,146,147,133,83,121,17,27,54,116,183,73,52,126,215,169,227,83,148,17,84,252,62,67,1,60,80,42,40,94,231,236,32,57,11,64,58,2,235,5,254,41,152,168,220,36,111,199,199,218,99,79,178,220,24,139,173,49,254,249,235,111,101,13,240,161,255,56,133,201,224,199,139,217,145,36,10,178,229,52,248,39,208,24,246,223,30,203,98,95,180,156,68,240,9,36,222,116,123,239,142,36,177,47,90,78,98,126,128,68,29,2,3,85,153,10,32,136,155,221,132,79,189,248,212,98,191,19,42,251,213,190,4,244,136,122,95,2,217,220,66,6,207,228,169,253,88,32,90,68,125,10,209,28,102,142,41,127,38,211,56,238,11,84,139,176,79,161,154,7,205,113,157,63,147,171,14,204,2,213,34,234,83,168,230,48,115,76,221,103,50,77,74,124,129,107,17,247,41,92,119,80,139,237,201,229,121,119,214,207,117,199,89,184,37,205,180,110,5,202,182,100,93,77,190,103,56,203,94,226,90,95,195,106,237,62,104,22,122,163,225,224,28,48,62,241,181,164,254,156,136,192,247,254,147,30,61,109,37,74,250,28,126,183,202,20,197,95,39,158,47,92,184,79,147,244,255,97,253,249,54,136,99,122,75,42,198,202,135,50,219,128,111,252,222,169,52,27,240,75,155,47,38,153,52,190,149,164,12,62,214,253,0,5,63,148,167,138,222,141,134,158,106,50,102,229,69,238,16,86,187,243,123,61,145,68,165,174,140,157,16,31,228,70,221,41,77,165,43,133,176,236,132,147,141,128,42,82,81,148,128,164,115,133,244,234,167,111,176,38,186,162,119,20,94,36,250,200,6,92,37,117,104,194,5,50,55,118,200,119,206,196,118,225,198,119,150,222,46,133,62,218,92,189,138,90,168,74,172,214,222,66,20,234,199,91,172,44,212,1,200,102,219,209,79,58,240,209,9,208,98,123,10,66,55,209,224,238,107,8,93,173,194,221,49,21,84,252,34,196,226,32,196,162,4,66,85,141,34,198,252,32,198,188,4,67,213,243,34,70,112,16,35,40,193,208,133,182,8,194,15,130,240,4,36,63,54,74,211,90,59,79,53,234,80,3,206,116,212,40,231,212,124,97,162,86,114,187,64,214,153,185,139,40,48,160,172,137,246,163,157,134,26,217,153,82,164,91,173,214,254,94,159,30,216,189,59,14,217,2,52,21,53,243,113,53,121,156,144,179,112,187,164,74,177,213,106,0,6,92,136,62,170,237,49,156,166,101,61,168,76,145,217,100,195,105,216,233,104,194,105,218,217,133,222,249,218,206,93,27,157,111,236,184,121,119,190,181,147,107,134,243,202,206,23,110,231,59,123,175,40,59,175,237,172,184,58,223,219,59,121,238,252,96,67,48,131,106,21,143,160,86,133,20,104,212,81,1,186,226,116,1,93,185,65,41,8,103,51,81,216,145,31,128,194,206,252,168,83,1,108,135,154,26,37,158,95,2,229,237,180,18,8,199,147,73,231,181,158,19,37,30,110,127,241,47,76,35,23,3,205,21,0,0 };
\ No newline at end of file
+const uint8_t JS_CONTROLS_GZIP[1906] PROGMEM = { 31,139,8,0,101,160,213,91,2,255,237,89,221,114,219,184,25,189,247,83,112,152,204,144,172,28,201,206,54,253,145,68,207,40,178,178,86,87,43,185,178,220,116,122,163,129,72,40,226,152,2,185,32,40,101,235,209,107,244,65,250,72,125,146,126,0,8,18,164,73,75,107,39,189,234,77,34,126,60,56,56,56,31,62,0,132,189,136,36,204,184,31,47,23,227,197,104,226,94,244,60,21,152,12,62,66,224,82,5,110,175,7,139,81,22,252,67,129,250,120,191,88,204,166,238,251,34,114,247,121,188,24,222,140,230,238,15,229,166,121,252,143,5,246,118,112,237,254,190,120,28,242,231,15,26,213,100,124,13,13,254,84,33,146,209,63,23,184,233,253,207,31,33,114,121,81,6,170,240,101,129,92,140,254,190,88,142,167,183,247,11,247,242,125,25,173,191,250,161,104,241,227,124,112,123,227,94,42,149,195,201,104,48,87,65,37,117,112,125,45,67,203,219,217,120,10,237,149,65,159,102,243,220,210,143,131,225,79,185,157,147,209,167,69,110,218,124,252,227,205,34,183,107,56,154,46,64,117,222,225,114,113,63,255,235,253,108,124,55,202,169,134,203,209,207,163,249,96,114,157,243,13,151,183,35,104,53,31,255,13,154,190,207,131,159,71,139,193,221,237,205,96,162,209,47,239,238,167,159,38,179,207,165,62,134,131,249,124,182,200,189,31,46,7,147,241,63,6,243,241,52,207,245,112,57,157,77,71,144,188,117,74,60,22,68,196,240,162,48,162,195,16,37,137,45,126,142,125,231,49,251,225,78,211,237,10,211,60,222,75,246,1,243,54,26,14,37,88,31,90,151,98,150,82,98,194,63,191,164,81,144,96,179,183,162,24,61,244,50,96,54,94,5,195,91,76,81,232,87,64,133,5,10,23,99,134,41,13,118,152,86,160,133,49,10,186,199,12,37,241,6,133,172,2,205,237,82,200,36,37,235,48,218,63,225,148,30,42,148,135,40,141,152,121,86,130,40,87,21,8,133,193,63,17,13,72,5,198,157,86,16,245,202,199,107,148,134,44,15,247,14,135,179,29,162,198,30,175,146,200,123,40,210,66,113,194,16,101,182,243,248,214,246,35,47,221,98,194,156,54,242,125,219,250,157,229,180,163,245,218,118,122,111,109,243,13,141,246,166,211,222,176,109,104,155,166,211,203,136,218,94,24,37,24,32,25,75,239,112,166,101,156,220,49,196,210,100,4,99,163,162,7,243,77,30,4,50,138,183,209,14,203,57,97,138,100,191,251,66,49,38,166,236,81,135,130,160,18,142,98,191,6,197,240,87,102,155,162,59,163,99,76,35,99,24,17,130,133,154,26,116,49,182,82,148,216,143,150,23,6,222,131,213,205,204,57,148,134,165,252,202,28,112,9,222,27,159,241,234,14,126,99,102,91,251,164,219,233,88,173,125,64,252,104,223,14,35,15,241,86,237,77,148,48,130,182,184,101,117,246,137,85,248,23,145,40,198,196,85,236,54,222,49,94,23,36,137,66,12,173,191,0,161,68,26,28,103,29,119,166,201,65,233,77,102,136,112,239,160,137,16,105,60,69,133,0,130,140,106,114,75,108,152,199,158,97,227,129,231,25,182,56,73,208,23,124,140,131,79,105,31,49,228,254,229,110,54,109,199,136,194,92,132,23,109,30,147,111,177,171,102,117,123,21,249,191,138,152,7,79,152,186,80,21,217,66,195,225,109,246,107,140,179,165,70,109,112,221,188,45,11,88,8,84,28,23,162,21,14,193,94,235,205,22,5,228,6,35,31,83,43,171,140,2,224,232,213,174,246,199,46,111,5,133,4,112,20,67,58,125,219,236,251,193,14,76,133,4,186,22,219,71,124,153,76,183,36,49,96,65,240,13,38,149,26,102,75,91,61,69,31,226,217,105,153,214,85,127,243,193,8,124,215,50,91,226,69,224,243,96,246,32,148,180,204,126,103,243,1,112,80,19,87,253,36,70,68,224,67,189,129,82,32,26,24,226,223,119,123,138,226,156,105,135,194,20,115,38,222,254,170,223,1,213,87,102,117,140,114,119,63,50,72,152,29,47,26,100,195,152,96,72,171,148,49,168,75,152,52,81,154,96,168,58,226,90,50,38,202,216,214,6,122,110,48,154,98,199,82,224,52,126,6,186,70,97,194,177,77,238,230,158,72,134,194,21,110,128,165,26,100,43,10,139,82,111,35,150,14,171,91,76,106,231,17,183,99,138,119,224,192,181,92,177,161,14,116,65,25,201,185,144,125,56,60,195,13,70,191,136,89,142,146,83,151,147,169,14,96,93,94,49,194,116,215,236,203,249,193,13,73,106,231,143,172,39,3,212,192,98,232,131,83,162,222,2,18,167,204,45,205,130,128,64,82,69,220,224,117,231,90,162,201,42,250,42,237,78,74,228,17,25,114,201,138,30,78,10,122,158,72,26,134,144,165,172,79,149,133,94,176,182,139,44,185,174,121,97,58,143,191,109,24,92,254,255,68,122,174,249,112,214,80,59,213,41,248,221,138,201,108,157,201,152,24,96,235,12,94,137,103,254,194,108,40,123,126,14,239,170,53,181,143,148,54,88,172,215,1,221,90,229,194,140,145,47,231,159,60,184,158,27,71,170,243,121,188,42,209,13,197,107,23,10,67,24,21,123,165,106,157,253,212,239,32,48,87,201,229,106,191,207,58,252,156,171,102,159,160,157,102,13,163,81,104,201,23,105,230,110,24,92,129,123,245,110,193,167,193,233,86,61,5,215,251,180,46,249,244,159,127,253,155,27,5,9,15,142,235,17,31,33,167,43,170,131,215,107,162,47,215,196,191,146,78,151,84,131,174,87,20,190,92,17,255,136,59,93,81,13,186,94,209,234,121,69,29,57,161,228,156,21,1,152,122,229,2,230,243,63,94,191,98,143,42,205,181,218,77,170,129,254,148,109,170,150,188,216,167,4,123,248,45,196,139,57,80,175,62,124,189,250,18,123,69,62,253,22,242,101,85,213,235,167,175,215,95,166,175,12,96,245,45,6,32,102,124,189,254,213,235,245,151,216,43,242,189,111,33,63,219,146,234,7,224,189,126,0,21,254,250,147,154,118,211,38,182,53,125,226,22,223,36,226,20,84,215,48,63,230,213,156,151,206,242,67,139,146,112,225,244,48,136,120,250,226,242,201,241,81,92,187,189,116,163,229,15,239,146,48,240,143,108,186,98,81,251,77,31,64,162,133,58,82,213,159,254,232,195,54,239,92,254,247,206,15,18,143,98,134,213,243,81,77,250,249,144,34,242,5,91,198,54,128,173,225,2,254,71,95,93,235,242,2,126,73,171,173,242,231,132,165,175,212,213,53,187,98,37,136,10,98,38,96,92,244,82,244,116,39,36,2,184,60,58,167,39,217,84,155,218,201,32,147,38,7,185,228,151,51,246,91,65,84,204,169,243,66,235,185,24,69,54,45,43,233,151,151,169,47,76,255,119,200,184,204,7,111,68,210,109,41,233,50,71,68,220,64,54,165,4,182,107,111,195,189,85,64,249,164,159,229,97,147,238,52,31,146,245,27,102,97,10,208,104,117,10,253,52,150,169,126,11,253,127,63,75,126,86,140,57,197,83,117,47,170,110,146,196,77,149,109,221,147,7,2,71,55,33,222,136,168,33,86,100,75,53,58,28,244,251,191,146,98,249,224,60,242,207,92,232,200,173,215,81,92,247,37,34,105,217,232,187,102,75,182,111,153,240,19,128,226,82,44,191,225,18,1,173,99,253,235,93,182,59,15,18,126,226,116,30,97,241,206,126,150,59,90,241,88,222,141,92,188,141,10,36,141,53,128,214,93,190,13,113,83,206,43,29,102,23,103,218,157,153,220,172,186,77,74,98,239,184,148,216,43,105,209,18,14,7,193,102,230,245,9,204,235,38,102,126,72,104,166,62,193,191,120,213,68,205,207,127,205,212,225,9,212,97,19,181,56,154,53,115,211,19,184,105,13,247,65,191,230,86,91,124,150,121,56,27,49,44,102,154,248,229,186,226,242,130,63,139,45,194,82,84,237,32,177,173,174,186,1,114,242,123,242,172,223,4,1,253,14,107,93,171,29,70,181,207,47,180,173,156,164,119,224,35,168,50,5,228,40,151,254,23,6,157,78,240,25,197,88,46,249,31,39,142,203,168,98,98,26,197,182,153,189,55,229,1,176,87,229,190,120,202,221,32,235,8,125,182,209,30,14,255,5,253,199,155,5,134,29,0,0 };