From 4104dec87fa3efc47876aaac4b1da125e0e82e36 Mon Sep 17 00:00:00 2001
From: Blaz Kristan <blaz@kristan-sp.si>
Date: Wed, 19 May 2021 20:23:35 +0200
Subject: [PATCH] Addet touch button and touch threshold. Fixed some errors.

---
 wled00/button.cpp             |  8 +++++---
 wled00/cfg.cpp                |  3 +++
 wled00/const.h                |  1 +
 wled00/data/settings_leds.htm | 10 ++++++----
 wled00/html_settings.h        |  5 +++--
 wled00/set.cpp                |  1 +
 wled00/wled.h                 |  1 +
 wled00/xml.cpp                |  1 +
 8 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/wled00/button.cpp b/wled00/button.cpp
index ce8421bc..1b949feb 100644
--- a/wled00/button.cpp
+++ b/wled00/button.cpp
@@ -19,10 +19,12 @@ void shortPressAction(uint8_t b)
 
 bool isButtonPressed(uint8_t i)
 {
-  if (btnPin[i]>=0 && digitalRead(btnPin[i]) == LOW) return true;
-  #ifdef TOUCHPIN
-    if (touchRead(TOUCHPIN) <= TOUCH_THRESHOLD) return true;
+  if (btnPin[i]<0) return false;
+  //TODO: this may need switch statement (for inverted buttons)
+  #ifdef ARDUINO_ARCH_ESP32
+  if (buttonType[i]==BTN_TYPE_TOUCH && touchRead(btnPin[i]) <= touchThreshold) return true; else
   #endif
+  if (digitalRead(btnPin[i]) == LOW) return true;
   return false;
 }
 
diff --git a/wled00/cfg.cpp b/wled00/cfg.cpp
index 976f9241..7121964c 100644
--- a/wled00/cfg.cpp
+++ b/wled00/cfg.cpp
@@ -163,6 +163,8 @@ bool deserializeConfig(JsonObject doc, bool fromFS) {
   } else {
     //TODO: fix JSON API call (and new install)
   }
+  CJSON(touchThreshold,hw[F("btn")][F("touch-thershold")]);
+
 /*
   JsonObject hw_btn_ins_0 = hw[F("btn")][F("ins")][0];
   CJSON(buttonType, hw_btn_ins_0["type"]);
@@ -568,6 +570,7 @@ void serializeConfig() {
     hw_btn_ins_0_macros.add(macroLongPress[i]);
     hw_btn_ins_0_macros.add(macroDoublePress[i]);
   }
+  hw_btn[F("touch-threshold")] = touchThreshold;
 
   JsonObject hw_ir = hw.createNestedObject("ir");
   hw_ir["pin"] = irPin;
diff --git a/wled00/const.h b/wled00/const.h
index 4012a758..6dfda5ff 100644
--- a/wled00/const.h
+++ b/wled00/const.h
@@ -159,6 +159,7 @@
 #define BTN_TYPE_PUSH_ACT_HIGH    3 //not implemented
 #define BTN_TYPE_SWITCH           4
 #define BTN_TYPE_SWITCH_ACT_HIGH  5 //not implemented
+#define BTN_TYPE_TOUCH            6
 
 //Ethernet board types
 #define WLED_NUM_ETH_TYPES        5
diff --git a/wled00/data/settings_leds.htm b/wled00/data/settings_leds.htm
index 9d7b1798..81e3727c 100644
--- a/wled00/data/settings_leds.htm
+++ b/wled00/data/settings_leds.htm
@@ -288,10 +288,11 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
       var bt = "BT" + i;
       var be = "BE" + i;
       c += `Button ${i} pin: <input type="number" min="-1" max="40" name="${bt}" onchange="UI()" value="${p}">`;
-      c += `<select name="${bt}">`
-      c += `<option name="${be}" value="0" ${t==0?"selected":""}>Disabled</option>`;
-      c += `<option name="${be}" value="2" ${t==2?"selected":""}>Pushbutton</option>`;
-      c += `<option name="${be}" value="4" ${t==4?"selected":""}>Switch</option>`;
+      c += `<select name="${be}">`
+      c += `<option value="0" ${t==0?"selected":""}>Disabled</option>`;
+      c += `<option value="2" ${t==2?"selected":""}>Pushbutton</option>`;
+      c += `<option value="4" ${t==4?"selected":""}>Switch</option>`;
+      c += `<option value="6" ${t==6?"selected":""}>Touch</option>`;
       c += `</select>`;
       c += `<span style="cursor: pointer;" onclick="off('${bt}')">&nbsp;&#215;</span><br>`;
       gId("btns").innerHTML = c;
@@ -353,6 +354,7 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
       Use less than <span id="wreason">800 LEDs per pin</span> for the best experience!<br>
     </div><hr style="width:260px">
     <div id="btns"></div>
+    Touch threshold: <input type="number" min="0" max="100" name="TT" required><br>
     IR pin: <input type="number" min="-1" max="40" name="IR" onchange="UI()"><select name="IT">
     <option value="0">Remote disabled</option>
     <option value="1">24-key RGB</option>
diff --git a/wled00/html_settings.h b/wled00/html_settings.h
index b39cc286..b07d34d4 100644
--- a/wled00/html_settings.h
+++ b/wled00/html_settings.h
@@ -74,7 +74,7 @@ Do not enable if WiFi is working correctly, increases power consumption.</i><div
 // Autogenerated from wled00/data/settings_leds.htm, do not edit!!
 const char PAGE_settings_leds[] PROGMEM = R"=====(<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta 
 name="viewport" content="width=500"><title>LED Settings</title><script>
-var d=document,laprev=55,maxB=1,maxM=5e3,maxPB=4096,bquot=0;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function gId(e){return d.getElementById(e)}function off(e){d.getElementsByName(e)[0].value=-1}function bLimits(e,n,t){maxB=e,maxM=t,maxPB=n}function pinsOK(){var e=d.getElementsByTagName("input");for(i=0;i<e.length;i++){var n=e[i].name.substring(0,2);if(("L0"==n||"L1"==n||"L2"==n||"L3"==n||"L4"==n||"RL"==n||"BT"==n||"IR"==n||"AX"==n)&&""!=e[i].value&&"-1"!=e[i].value){if(d.um_p&&d.um_p.some(n=>n==parseInt(e[i].value,10)))return alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`),e[i].value="",e[i].focus(),!1;if(e[i].value>5&&e[i].value<12)return alert("Sorry, pins 6-11 can not be used."),e[i].value="",e[i].focus(),!1;for(j=i+1;j<e.length;j++){var t=e[j].name.substring(0,2);if(("L0"==t||"L1"==t||"L2"==t||"L3"==t||"L4"==t||"RL"==t||"BT"==t||"IR"==t||"AX"==t)&&""!=e[j].value&&e[i].value==e[j].value)return alert(`Pin conflict between ${n}/${t}!`),e[j].value="",e[j].focus(),!1}}}return!0}function trySubmit(e){if(e.preventDefault(),!pinsOK())return e.stopPropagation(),!1;if(bquot>100){var n="Too many LEDs for me to handle!";maxM<1e4&&(n+="\n\rConsider using an ESP32."),alert(n)}d.Sf.checkValidity()&&d.Sf.submit()}function S(){GetV(),setABL()}function enABL(){var e=gId("able").checked;d.Sf.LA.value=e?laprev:0,gId("abl").style.display=e?"inline":"none",gId("psu2").style.display=e?"inline":"none",d.Sf.LA.value>0&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,gId("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(gId("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:gId("able").checked=!1,enABL();break;case 30:d.Sf.LAsel.value=30;break;case 35:d.Sf.LAsel.value=35;break;case 55:d.Sf.LAsel.value=55;break;case 255:d.Sf.LAsel.value=255;break;default:gId("LAdis").style.display="inline"}gId("m1").innerHTML=maxM,d.getElementsByName("Sf")[0].addEventListener("submit",trySubmit),UI()}function getMem(e,n,t){return e<32?maxM<1e4&&3==t?e>29?20*n:15*n:maxM>=1e4?e>29?8*n:6*n:e>29?4*n:3*n:e>31&&e<48?5:44==e||45==e?4*n:3*n}function UI(e=!1){var n=!1,t=0;gId("ampwarning").style.display=d.Sf.MA.value>7200?"inline":"none",255==d.Sf.LA.value?laprev=12:d.Sf.LA.value>0&&(laprev=d.Sf.LA.value);var a=d.getElementsByTagName("select");for(y=0;y<a.length;y++)if("LT"==a[y].name.substring(0,2)){L=a[y].name.substring(2);var i=parseInt(a[y].value,10);gId("p0d"+L).innerHTML=i>49?"Data:":i>41?"Pins:":"Pin:",gId("p1d"+L).innerHTML=i>49?"Clk:":"";var l=d.getElementsByName("L1"+L)[0];for(t+=getMem(i,d.getElementsByName("LC"+L)[0].value,d.getElementsByName("L0"+L)[0].value),v=1;v<5;v++){(l=d.getElementsByName("L"+v+L)[0])&&(i>49&&1==v||i>41&&i<50&&v+40<i?(l.style.display="inline",l.required=!0):(l.style.display="none",l.required=!1,l.value=""))}gId("ls"+L).readOnly=!(i>31&&i<48),gId("LC").readOnly=!(i>31&&i<48),e&&(gId("ls"+L).value=L+1),n|=30==i||31==i||44==i||45==i,gId("dig"+L).style.display=i>31&&i<48?"none":"inline",gId("psd"+L).innerHTML=i>31&&i<48?"Index:":"Start:"}var o=d.querySelectorAll(".wc"),s=o.length;for(y=0;y<s;y++)o[y].style.display=n?"inline":"none";var u=d.getElementsByTagName("input"),r=0,p=0;for(y=0;y<u.length;y++){var m=u[y].name.substring(0,2);if("LC"!=m||"LC"===u[y].name){if("L0"==m||"L1"==m)d.getElementsByName("LC"+u[y].name.substring(2))[0].max=maxPB;if(("L0"==m||"L1"==m||"L2"==m||"L3"==m||"L4"==m||"RL"==m||"BT"==m||"IR"==m||"AX"==m)&&""!=u[y].value&&"-1"!=u[y].value){var v=[];if(d.um_p&&Array.isArray(d.um_p))for(k=0;k<d.um_p.length;k++)v.push(d.um_p[k]);for(j=0;j<u.length;j++)if(y!=j){var g=u[j].name.substring(0,2);"L0"!=g&&"L1"!=g&&"L2"!=g&&"L3"!=g&&"L4"!=g&&"RL"!=g&&"BT"!=g&&"IR"!=g&&"AX"!=g||""!=u[j].value&&"-1"!=u[j].value&&v.push(parseInt(u[j].value,10))}v.some(e=>e==parseInt(u[y].value,10))?u[y].style.color="red":u[y].style.color="#fff"}}else{var L=u[y].name.substring(2),c=parseInt(u[y].value,10);gId("ls"+L).readOnly&&(gId("ls"+L).value=r),c&&(r+=c,c>p&&(p=c))}}if(gId("LC").readOnly&&(d.getElementsByName("LC")[0].value=r),d.activeElement==d.getElementsByName("LC")[0]){var y=d.getElementsByClassName("iST").length;1==y&&(d.getElementsByName("LC0")[0].value=d.getElementsByName("LC")[0].value)}gId("m0").innerHTML=t,bquot=t/maxM*100,gId("dbar").style.background=`linear-gradient(90deg, ${bquot>60?bquot>90?"red":"orange":"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`,gId("ledwarning").style.display=r>maxPB||p>800||bquot>80?"inline":"none",gId("ledwarning").style.color=r>maxPB||p>maxPB||bquot>100?"red":"orange",gId("wreason").innerHTML=bquot>80?"80% of max. LED memory"+(bquot>100?` (<b>WARNING: Using over ${maxM}B!</b>)`:""):"800 LEDs per pin";var f=Math.ceil((100+r*laprev)/500)/2;f=f>5?Math.ceil(f):f;a="";var b=30==d.Sf.LAsel.value,I=255==d.Sf.LAsel.value;f<1.02&&!b&&!I?a="ESP 5V pin with 1A USB supply":(a+=b?"12V ":I?"WS2815 12V ":"5V ",a+=f,a+="A supply connected to LEDs");var B=Math.ceil((100+r*laprev)/1500)/2,h="(for most effects, ~";h+=B=B>5?Math.ceil(B):B,h+="A is enough)<br>",gId("psu").innerHTML=a,gId("psu2").innerHTML=I?"":h}function lastEnd(e){return e<1?0:(v=parseInt(d.getElementsByName("LS"+(e-1))[0].value)+parseInt(d.getElementsByName("LC"+(e-1))[0].value),isNaN(v)?0:v)}function addLEDs(e){if(e>1)return maxB=e,void(gId("+").style.display="inline");var n=d.getElementsByClassName("iST"),t=n.length;if(!(1==e&&t>=maxB||-1==e&&0==t)){var a=gId("mLC");if(1==e){var i=`<div class="iST">\n${t>0?'<hr style="width:260px">':""}\n${t+1}:\n<select name="LT${t}" onchange="UI(true)">\n<option value="22">WS281x</option>\n<option value="30">SK6812 RGBW</option>\n<option value="31">TM1814</option>\n<option value="24">400kHz</option>\n<option value="50">WS2801</option>\n<option value="51">APA102</option>\n<option value="52">LPD8806</option>\n<option value="53">P9813</option>\n<option value="41">PWM White</option>\n<option value="42">PWM WWCW</option>\n<option value="43">PWM RGB</option>\n<option value="44">PWM RGBW</option>\n<option value="45">PWM RGBWC</option>\n</select>&nbsp;\nColor Order:\n<select name="CO${t}">\n<option value="0">GRB</option>\n<option value="1">RGB</option>\n<option value="2">BRG</option>\n<option value="3">RBG</option>\n<option value="4">BGR</option>\n<option value="5">GBR</option>\n</select><br>\n<span id="p0d${t}">Pin:</span> <input type="number" name="L0${t}" min="0" max="40" required style="width:35px" onchange="UI()"/>\n<span id="p1d${t}">Clock:</span> <input type="number" name="L1${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p2d${t}"></span><input type="number" name="L2${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p3d${t}"></span><input type="number" name="L3${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p4d${t}"></span><input type="number" name="L4${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<br>\n<span id="psd${t}">Start:</span> <input type="number" name="LS${t}" id="ls${t}" min="0" max="8191" value="${lastEnd(t)}" required />&nbsp;\n<div id="dig${t}" style="display:inline">\nCount: <input type="number" name="LC${t}" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>\nReverse (rotated 180°): <input type="checkbox" name="CV${t}">\n&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${t}" type="checkbox" name="SL${t}"><br>\n</div>\n</div>`;a.insertAdjacentHTML("beforeend",i)}-1==e&&(n[--t].remove(),--t),gId("+").style.display=t<maxB-1?"inline":"none",gId("-").style.display=t>0?"inline":"none",UI()}}function addBtn(e,n,t){var a=gId("btns").innerHTML,i="BT"+e,l="BE"+e;a+=`Button ${e} pin: <input type="number" min="-1" max="40" name="${i}" onchange="UI()" value="${n}">`,a+=`<select name="${i}">`,a+=`<option name="${l}" value="0" ${0==t?"selected":""}>Disabled</option>`,a+=`<option name="${l}" value="2" ${2==t?"selected":""}>Pushbutton</option>`,a+=`<option name="${l}" value="4" ${4==t?"selected":""}>Switch</option>`,a+="</select>",a+=`<span style="cursor: pointer;" onclick="off('${i}')">&nbsp;&#215;</span><br>`,gId("btns").innerHTML=a}function GetV() {var d=document;
+var d=document,laprev=55,maxB=1,maxM=5e3,maxPB=4096,bquot=0;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function gId(e){return d.getElementById(e)}function off(e){d.getElementsByName(e)[0].value=-1}function bLimits(e,n,t){maxB=e,maxM=t,maxPB=n}function pinsOK(){var e=d.getElementsByTagName("input");for(i=0;i<e.length;i++){var n=e[i].name.substring(0,2);if(("L0"==n||"L1"==n||"L2"==n||"L3"==n||"L4"==n||"RL"==n||"BT"==n||"IR"==n||"AX"==n)&&""!=e[i].value&&"-1"!=e[i].value){if(d.um_p&&d.um_p.some(n=>n==parseInt(e[i].value,10)))return alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`),e[i].value="",e[i].focus(),!1;if(e[i].value>5&&e[i].value<12)return alert("Sorry, pins 6-11 can not be used."),e[i].value="",e[i].focus(),!1;for(j=i+1;j<e.length;j++){var t=e[j].name.substring(0,2);if(("L0"==t||"L1"==t||"L2"==t||"L3"==t||"L4"==t||"RL"==t||"BT"==t||"IR"==t||"AX"==t)&&""!=e[j].value&&e[i].value==e[j].value)return alert(`Pin conflict between ${n}/${t}!`),e[j].value="",e[j].focus(),!1}}}return!0}function trySubmit(e){if(e.preventDefault(),!pinsOK())return e.stopPropagation(),!1;if(bquot>100){var n="Too many LEDs for me to handle!";maxM<1e4&&(n+="\n\rConsider using an ESP32."),alert(n)}d.Sf.checkValidity()&&d.Sf.submit()}function S(){GetV(),setABL()}function enABL(){var e=gId("able").checked;d.Sf.LA.value=e?laprev:0,gId("abl").style.display=e?"inline":"none",gId("psu2").style.display=e?"inline":"none",d.Sf.LA.value>0&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,gId("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(gId("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:gId("able").checked=!1,enABL();break;case 30:d.Sf.LAsel.value=30;break;case 35:d.Sf.LAsel.value=35;break;case 55:d.Sf.LAsel.value=55;break;case 255:d.Sf.LAsel.value=255;break;default:gId("LAdis").style.display="inline"}gId("m1").innerHTML=maxM,d.getElementsByName("Sf")[0].addEventListener("submit",trySubmit),UI()}function getMem(e,n,t){return e<32?maxM<1e4&&3==t?e>29?20*n:15*n:maxM>=1e4?e>29?8*n:6*n:e>29?4*n:3*n:e>31&&e<48?5:44==e||45==e?4*n:3*n}function UI(e=!1){var n=!1,t=0;gId("ampwarning").style.display=d.Sf.MA.value>7200?"inline":"none",255==d.Sf.LA.value?laprev=12:d.Sf.LA.value>0&&(laprev=d.Sf.LA.value);var a=d.getElementsByTagName("select");for(y=0;y<a.length;y++)if("LT"==a[y].name.substring(0,2)){L=a[y].name.substring(2);var i=parseInt(a[y].value,10);gId("p0d"+L).innerHTML=i>49?"Data:":i>41?"Pins:":"Pin:",gId("p1d"+L).innerHTML=i>49?"Clk:":"";var l=d.getElementsByName("L1"+L)[0];for(t+=getMem(i,d.getElementsByName("LC"+L)[0].value,d.getElementsByName("L0"+L)[0].value),v=1;v<5;v++){(l=d.getElementsByName("L"+v+L)[0])&&(i>49&&1==v||i>41&&i<50&&v+40<i?(l.style.display="inline",l.required=!0):(l.style.display="none",l.required=!1,l.value=""))}gId("ls"+L).readOnly=!(i>31&&i<48),gId("LC").readOnly=!(i>31&&i<48),e&&(gId("ls"+L).value=L+1),n|=30==i||31==i||44==i||45==i,gId("dig"+L).style.display=i>31&&i<48?"none":"inline",gId("psd"+L).innerHTML=i>31&&i<48?"Index:":"Start:"}var o=d.querySelectorAll(".wc"),s=o.length;for(y=0;y<s;y++)o[y].style.display=n?"inline":"none";var u=d.getElementsByTagName("input"),r=0,p=0;for(y=0;y<u.length;y++){var m=u[y].name.substring(0,2);if("LC"!=m||"LC"===u[y].name){if("L0"==m||"L1"==m)d.getElementsByName("LC"+u[y].name.substring(2))[0].max=maxPB;if(("L0"==m||"L1"==m||"L2"==m||"L3"==m||"L4"==m||"RL"==m||"BT"==m||"IR"==m||"AX"==m)&&""!=u[y].value&&"-1"!=u[y].value){var v=[];if(d.um_p&&Array.isArray(d.um_p))for(k=0;k<d.um_p.length;k++)v.push(d.um_p[k]);for(j=0;j<u.length;j++)if(y!=j){var g=u[j].name.substring(0,2);"L0"!=g&&"L1"!=g&&"L2"!=g&&"L3"!=g&&"L4"!=g&&"RL"!=g&&"BT"!=g&&"IR"!=g&&"AX"!=g||""!=u[j].value&&"-1"!=u[j].value&&v.push(parseInt(u[j].value,10))}v.some(e=>e==parseInt(u[y].value,10))?u[y].style.color="red":u[y].style.color="#fff"}}else{var L=u[y].name.substring(2),c=parseInt(u[y].value,10);gId("ls"+L).readOnly&&(gId("ls"+L).value=r),c&&(r+=c,c>p&&(p=c))}}if(gId("LC").readOnly&&(d.getElementsByName("LC")[0].value=r),d.activeElement==d.getElementsByName("LC")[0]){var y=d.getElementsByClassName("iST").length;1==y&&(d.getElementsByName("LC0")[0].value=d.getElementsByName("LC")[0].value)}gId("m0").innerHTML=t,bquot=t/maxM*100,gId("dbar").style.background=`linear-gradient(90deg, ${bquot>60?bquot>90?"red":"orange":"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`,gId("ledwarning").style.display=r>maxPB||p>800||bquot>80?"inline":"none",gId("ledwarning").style.color=r>maxPB||p>maxPB||bquot>100?"red":"orange",gId("wreason").innerHTML=bquot>80?"80% of max. LED memory"+(bquot>100?` (<b>WARNING: Using over ${maxM}B!</b>)`:""):"800 LEDs per pin";var f=Math.ceil((100+r*laprev)/500)/2;f=f>5?Math.ceil(f):f;a="";var b=30==d.Sf.LAsel.value,I=255==d.Sf.LAsel.value;f<1.02&&!b&&!I?a="ESP 5V pin with 1A USB supply":(a+=b?"12V ":I?"WS2815 12V ":"5V ",a+=f,a+="A supply connected to LEDs");var B=Math.ceil((100+r*laprev)/1500)/2,h="(for most effects, ~";h+=B=B>5?Math.ceil(B):B,h+="A is enough)<br>",gId("psu").innerHTML=a,gId("psu2").innerHTML=I?"":h}function lastEnd(e){return e<1?0:(v=parseInt(d.getElementsByName("LS"+(e-1))[0].value)+parseInt(d.getElementsByName("LC"+(e-1))[0].value),isNaN(v)?0:v)}function addLEDs(e){if(e>1)return maxB=e,void(gId("+").style.display="inline");var n=d.getElementsByClassName("iST"),t=n.length;if(!(1==e&&t>=maxB||-1==e&&0==t)){var a=gId("mLC");if(1==e){var i=`<div class="iST">\n${t>0?'<hr style="width:260px">':""}\n${t+1}:\n<select name="LT${t}" onchange="UI(true)">\n<option value="22">WS281x</option>\n<option value="30">SK6812 RGBW</option>\n<option value="31">TM1814</option>\n<option value="24">400kHz</option>\n<option value="50">WS2801</option>\n<option value="51">APA102</option>\n<option value="52">LPD8806</option>\n<option value="53">P9813</option>\n<option value="41">PWM White</option>\n<option value="42">PWM WWCW</option>\n<option value="43">PWM RGB</option>\n<option value="44">PWM RGBW</option>\n<option value="45">PWM RGBWC</option>\n</select>&nbsp;\nColor Order:\n<select name="CO${t}">\n<option value="0">GRB</option>\n<option value="1">RGB</option>\n<option value="2">BRG</option>\n<option value="3">RBG</option>\n<option value="4">BGR</option>\n<option value="5">GBR</option>\n</select><br>\n<span id="p0d${t}">Pin:</span> <input type="number" name="L0${t}" min="0" max="40" required style="width:35px" onchange="UI()"/>\n<span id="p1d${t}">Clock:</span> <input type="number" name="L1${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p2d${t}"></span><input type="number" name="L2${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p3d${t}"></span><input type="number" name="L3${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p4d${t}"></span><input type="number" name="L4${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<br>\n<span id="psd${t}">Start:</span> <input type="number" name="LS${t}" id="ls${t}" min="0" max="8191" value="${lastEnd(t)}" required />&nbsp;\n<div id="dig${t}" style="display:inline">\nCount: <input type="number" name="LC${t}" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>\nReverse (rotated 180°): <input type="checkbox" name="CV${t}">\n&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${t}" type="checkbox" name="SL${t}"><br>\n</div>\n</div>`;a.insertAdjacentHTML("beforeend",i)}-1==e&&(n[--t].remove(),--t),gId("+").style.display=t<maxB-1?"inline":"none",gId("-").style.display=t>0?"inline":"none",UI()}}function addBtn(e,n,t){var a=gId("btns").innerHTML,i="BT"+e;a+=`Button ${e} pin: <input type="number" min="-1" max="40" name="${i}" onchange="UI()" value="${n}">`,a+=`<select name="${"BE"+e}">`,a+=`<option value="0" ${0==t?"selected":""}>Disabled</option>`,a+=`<option value="2" ${2==t?"selected":""}>Pushbutton</option>`,a+=`<option value="4" ${4==t?"selected":""}>Switch</option>`,a+=`<option value="6" ${6==t?"selected":""}>Touch</option>`,a+="</select>",a+=`<span style="cursor: pointer;" onclick="off('${i}')">&nbsp;&#215;</span><br>`,gId("btns").innerHTML=a}function GetV() {var d=document;
 %CSS%%SCSS%</head><body onload="S()"><form
  id="form_s" name="Sf" method="post"><div class="toprow"><div class="helpB">
 <button type="button" onclick="H()">?</button></div><button type="button" 
@@ -110,7 +110,8 @@ style="display:inline-block;width:100px;height:10px;border-radius:20px"></div>
 <br><div id="ledwarning" style="color:orange;display:none">
 &#9888; You might run into stability or lag issues.<br>Use less than <span 
 id="wreason">800 LEDs per pin</span> for the best experience!<br></div><hr 
-style="width:260px"><div id="btns"></div>IR pin: <input type="number" min="-1" 
+style="width:260px"><div id="btns"></div>Touch threshold: <input type="number" 
+min="0" max="100" name="TT" required><br>IR pin: <input type="number" min="-1" 
 max="40" name="IR" onchange="UI()"><select name="IT"><option value="0">
 Remote disabled</option><option value="1">24-key RGB</option><option value="2">
 24-key with CT</option><option value="3">40-key blue</option><option value="4">
diff --git a/wled00/set.cpp b/wled00/set.cpp
index b7912f58..bc8ee726 100644
--- a/wled00/set.cpp
+++ b/wled00/set.cpp
@@ -163,6 +163,7 @@ void handleSettingsSet(AsyncWebServerRequest *request, byte subPage)
         }
       //}
     }
+    touchThreshold = request->arg(F("TT")).toInt();
 
     strip.ablMilliampsMax = request->arg(F("MA")).toInt();
     strip.milliampsPerLed = request->arg(F("LA")).toInt();
diff --git a/wled00/wled.h b/wled00/wled.h
index c1cd0836..e2892379 100644
--- a/wled00/wled.h
+++ b/wled00/wled.h
@@ -437,6 +437,7 @@ WLED_GLOBAL bool buttonPressedBefore[WLED_MAX_BUTTONS]        _INIT({false});
 WLED_GLOBAL bool buttonLongPressed[WLED_MAX_BUTTONS]          _INIT({false});
 WLED_GLOBAL unsigned long buttonPressedTime[WLED_MAX_BUTTONS] _INIT({0});
 WLED_GLOBAL unsigned long buttonWaitTime[WLED_MAX_BUTTONS]    _INIT({0});
+WLED_GLOBAL byte touchThreshold                               _INIT(TOUCH_THRESHOLD);
 
 // notifications
 WLED_GLOBAL bool notifyDirectDefault _INIT(notifyDirect);
diff --git a/wled00/xml.cpp b/wled00/xml.cpp
index d67f9878..71854fa0 100644
--- a/wled00/xml.cpp
+++ b/wled00/xml.cpp
@@ -399,6 +399,7 @@ void getSettingsJS(byte subPage, char* dest)
       oappend(itoa(buttonType[i],nS,10));
       oappend(SET_F(");"));
     }
+    sappend('v',SET_F("TT"),touchThreshold);
     sappend('v',SET_F("IR"),irPin);
     sappend('v',SET_F("IT"),irEnabled);
   }