From 8df2383d9c3541ca3140fec453fde989c5c15555 Mon Sep 17 00:00:00 2001
From: fvanroie <15969459+fvanroie@users.noreply.github.com>
Date: Sun, 30 Jan 2022 16:56:05 +0100
Subject: [PATCH] Add api endpoints and form loader

---
 data/script.js            | 134 +++++++++++++++++++++-
 data/script.js.gz         | Bin 1266 -> 2352 bytes
 include/lv_conf_v7.h      |   2 +-
 src/hasp_gui.cpp          |  10 +-
 src/log/hasp_debug.cpp    |   4 +-
 src/sys/svc/hasp_http.cpp | 226 +++++++++++++++++++-------------------
 6 files changed, 255 insertions(+), 121 deletions(-)

diff --git a/data/script.js b/data/script.js
index 0b00a6e0..ba803b3c 100644
--- a/data/script.js
+++ b/data/script.js
@@ -1 +1,133 @@
-function aref(e){setTimeout(function(){ref("")},1e3*e)}function ref(e){var o=(new Date).getTime();return document.getElementById("bmp").src="?a="+e+"&q="+o,!1}function about(){document.getElementById("doc").innerHTML='<h3>openHASP</h3>Copyright&copy; 2019-2021 Francis Van Roie</br>MIT License</p><p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files(the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and / or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p><p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p><p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p><hr><p>Based on the previous work of the following open source developers:</p><h3>HASwitchPlate</h3><p>Copyright&copy; 2019 Allen Derusha allen @derusha.org</b></br>MIT License</p><h3>LVGL</h3><p>Copyright&copy; 2021 LVGL Kft</br>MIT License</p><h3>zi Font Engine</h3><p>Copyright&copy; 2020-2021 Francis Van Roie</br>MIT License</p><h3>TFT_eSPI Library</h3><p>Copyright&copy; 2020 Bodmer (https://github.com/Bodmer) All rights reserved.</br>FreeBSD License</p><p><i>includes parts from the <b>Adafruit_GFX library</b></br>Copyright&copy; 2012 Adafruit Industries. All rights reserved</br>BSD License</i></p><h3>ArduinoJson</h3><p>Copyright&copy; 2014-2021 Benoit BLANCHON</br>MIT License</p><h3>PubSubClient</h3><p>Copyright&copy; 2008-2015 Nicholas O&apos;Leary</br>MIT License</p><h3>ArduinoLog</h3><p>Copyright&copy; 2017,2018 Thijs Elenbaas, MrRobot62, rahuldeo2047, NOX73, dhylands, Josha blemasle, mfalkvidd</br>MIT License</p><h3>QR Code generator</h3><p>Copyright&copy; Project Nayuki</br>MIT License</p><h3>SimpleFTPServer</h3><p>Copyright&copy; 2017 Renzo Mischianti www.mischianti.org All right reserved.</br>MIT License</p><h3>AceButton</h3><p>Copyright&copy; 2018 Brian T. Park</br>MIT License</p>'}
\ No newline at end of file
+function aref(e) { setTimeout(function() { ref("") }, 1e3 * e) }
+
+function ref(e) { var o = (new Date).getTime(); return document.getElementById("bmp").src = "?a=" + e + "&q=" + o, !1 }
+
+function about() { document.getElementById("doc").innerHTML = '<h3>openHASP</h3>Copyright&copy; 2019-2021 Francis Van Roie</br>MIT License</p><p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files(the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and / or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p><p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p><p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p><hr><p>Based on the previous work of the following open source developers:</p><h3>HASwitchPlate</h3><p>Copyright&copy; 2019 Allen Derusha allen @derusha.org</b></br>MIT License</p><h3>LVGL</h3><p>Copyright&copy; 2021 LVGL Kft</br>MIT License</p><h3>zi Font Engine</h3><p>Copyright&copy; 2020-2021 Francis Van Roie</br>MIT License</p><h3>TFT_eSPI Library</h3><p>Copyright&copy; 2020 Bodmer (https://github.com/Bodmer) All rights reserved.</br>FreeBSD License</p><p><i>includes parts from the <b>Adafruit_GFX library</b></br>Copyright&copy; 2012 Adafruit Industries. All rights reserved</br>BSD License</i></p><h3>ArduinoJson</h3><p>Copyright&copy; 2014-2021 Benoit BLANCHON</br>MIT License</p><h3>PubSubClient</h3><p>Copyright&copy; 2008-2015 Nicholas O&apos;Leary</br>MIT License</p><h3>ArduinoLog</h3><p>Copyright&copy; 2017,2018 Thijs Elenbaas, MrRobot62, rahuldeo2047, NOX73, dhylands, Josha blemasle, mfalkvidd</br>MIT License</p><h3>QR Code generator</h3><p>Copyright&copy; Project Nayuki</br>MIT License</p><h3>SimpleFTPServer</h3><p>Copyright&copy; 2017 Renzo Mischianti www.mischianti.org All right reserved.</br>MIT License</p><h3>AceButton</h3><p>Copyright&copy; 2018 Brian T. Park</br>MIT License</p>' }
+
+function handleSubmit(event) {
+    event.preventDefault();
+    const data = new FormData(event.target);
+    const value = Object.fromEntries(data.entries());
+    console.log({ value });
+}
+
+function info() {
+    console.log(this.response);
+    data = JSON.parse(this.response);
+    console.log(data);
+    var table = "<table>";
+    for (let header in data) { table += `<tr><td colspan=2></td></tr><tr><th colspan=2>${header}</th></tr>`; for (let key in data[header]) { table += `<tr><td>${key}: </td><td>${data[header][key]}</td></tr>`; } }
+    table += "</table>";
+    document.getElementById("info").innerHTML = table;
+}
+
+function loader(method, uri, func) {
+    window.addEventListener("load", function() {
+        var rq = new XMLHttpRequest();
+        rq.addEventListener("load", func);
+        rq.open(method, uri);
+        rq.send();
+    })
+}
+
+function fill() {
+    data = JSON.parse(this.response);
+    form = document.forms.item(0);
+    populate(form, data);
+}
+
+function filler(method, uri) {
+    window.addEventListener("load", function() {
+        var rq = new XMLHttpRequest();
+        rq.addEventListener("load", fill);
+        rq.open(method, uri);
+        rq.send();
+    })
+}
+
+function filler2(method, uri) {
+    var rq = new XMLHttpRequest();
+    rq.addEventListener("load", fill);
+    rq.open(method, uri);
+    rq.send();
+}
+
+/** https://github.com/dannyvankooten/populate.js
+ * Populate form fields from a JSON object.
+ *
+ * @param form object The form element containing your input fields.
+ * @param data array JSON data to populate the fields with.
+ * @param basename string Optional basename which is added to `name` attributes
+ */
+function populate(form, data, basename) {
+    for (var key in data) {
+        if (!data.hasOwnProperty(key)) {
+            continue;
+        }
+
+        var name = key;
+        var value = data[key];
+
+        if ('undefined' === typeof value) {
+            value = '';
+        }
+
+        if (null === value) {
+            value = '';
+        }
+
+        // handle array name attributes
+        if (typeof(basename) !== "undefined") {
+            name = basename + "[" + key + "]";
+        }
+
+        if (value.constructor === Array) {
+            name += '[]';
+        } else if (typeof value == "object") {
+            populate(form, value, name);
+            continue;
+        }
+
+        // only proceed if element is set
+        var element = form.elements.namedItem(name);
+        if (!element) {
+            continue;
+        }
+
+        var type = element.type || element[0].type;
+
+        switch (type) {
+            default: element.value = value;
+            break;
+
+            case 'radio':
+                    var values = value.constructor === Array ? value : [value];
+                for (var j = 0; j < element.length; j++) {
+                    element[j].checked = values.indexOf(Number(element[j].value)) > -1;
+                }
+                break;
+
+            case 'checkbox':
+                    var values = value.constructor === Array ? value : [value];
+                element.checked = values.indexOf(Number(element.value)) > -1;
+                break;
+
+            case 'select-multiple':
+                    var values = value.constructor === Array ? value : [value];
+                for (var k = 0; k < element.options.length; k++) {
+                    element.options[k].selected = (values.indexOf(element.options[k].value) > -1);
+                }
+                break;
+
+            case 'select':
+                    case 'select-one':
+                    element.value = value.toString() || value;
+                break;
+
+            case 'date':
+                    element.value = new Date(value).toISOString().split('T')[0];
+                break;
+        }
+
+    }
+};
\ No newline at end of file
diff --git a/data/script.js.gz b/data/script.js.gz
index a093c05f52ff4dd95520121c40001ac5abe21497..732b8f5cb08e647b66efc65822be57ce0f7f1288 100644
GIT binary patch
literal 2352
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
Wugy`ck3>A&9{vTqKs!Vk82|t})R<5J

literal 1266
zcmV<O1P%KiiwFom+T>vZ0CQt<X>fEdYI6X6Rcm+BKoI>aBOeqr(pukI(Ey=DLlTqJ
z$0yGw8OYj@jk}w2(Bpr1Hau#z^c)UkcV_O~xicB&O_gabDqs@lUF`i*s1v?K(dh2Z
z*6sZ=#!jdA+j@kL?_=-xK5QFx$s~w3-3nJQW*U3_#RjI^do58nvVvS>%@QkZEKZ5$
zakzH#ZYN#VonBwb>`mt_d((M<4?1^$(66xWJi5xmQes3z4#JRuV0cxboF+5x&Arp&
z@j%pAP3<^5J)*-%)N9EXg}$57(`z_6e)RI;$??e}m`GM-T)`(+K_oby9;I?Ha})4*
zhLxgoJvglgA<89J%FrR_0wtzvSWv9S+=9781TlxKU~+*LXaTHRLyb~VfJimt6|WY+
zz@#^xx*!-O=6b~>l5-ABDUoqTczeBATmGDvsJgm9=)~KAPOr_8BP)SdU~D@Rthg>n
zFOaCT<gJ1hIb~&&6NSCG<V(IyV8UB*lmTrNS}jcrmLlhK^NVd&b(5A{6&B>&K&OqS
zOGTF(rL4A$BM=f4mZibqsHoU${5D=%7;%WfR--oasu0U-zDDXf4G<;8HYOLKM4R(F
zW}0qV_qixbu`<PFqRP3cNxj<kEh*5<&m}^(8v&?<CdP)xrVaJJw>y(67!{D>RyWLz
z%IvS2q~V}6wVzW9Y9US1|7z{;NK74wgGut)jvR1f2&3SWJ9fs<v12-SEcomu)8IS-
z@`!9d`3k`VZ2v2KaQ(3b&X+K9;uwMm+*#<k4&Ax_$U7gq{uvA@&JSo{T^d^gO#+~V
zJ1EzQ4cN?yMpHW4L)UYYuNF+)#5b4|0<|Huqr@GZdv*ljc@ze*L+Qr^>%0CWqAbqL
z@sqym(-k<M=o#Xv?Rjk``<%!}Exl0?evRC-X#&&08#{D4bcmQe^c<6^t!d=h?#zO*
zJ+sf8HYy;Lh}`z%K2M$Yit^d?86|GuQxyd7ClMVjDl$s;p`YE@vA~Yp*yu5d0)i(s
zO+;WoOq}nuD6P_Pts&%M&gZdn#bxZ+9%024e9d{&(L$Q84w=Fnw(n0Z@sf*1!Ai&r
znuC7^(<~!UqLCRwj+a={h1?D)ttZ-3E3UI5ESW~Lun7OgodtGT64DrDLo*7jJ-y2}
z$G(sYT3>@3R~TV>pU%9);Is>k1ALh4LjXTHOhl!@sTRD#TcC~)?A8Og$t3xPap=;0
zDw$m0h73cI(>{W3p>?fZ9UU!bp*3kg6U(EGsb@smEi{P=<t66*Hupp#4&(8){Pf|2
z?R&1EW|E@ja=VF6(}A6{xoo)pb~gC}<%Zx+<(qnR0=o!stGqFr5>@{uPA$SUI()E`
z#Flx(EAgIo<1O>>WTW#CD?#aop6!pOfqzKmuu0=49hDp_eHirk#X~}V3O>&YQ8ER=
zT~-VA+CwV*0Q8QoCl<G`eQwd$3rGt7U4cWBn=+;>n8`?_LO(mPK(eAKa}+1XPo7(}
zYQ8*wY(ZYEOWM`s`CgczPfJ`fRiXvUIV&$Nd7dAl^^rD`$PpG;p=4UfL+nB++J6+E
zt(yye2rlN!y2MEm#-@Mrwo)O&>ZgDiS6RW$-vq2ytNwC-H1F!wOk9oWL4h+IHd^00
c4KH9Q2^^9>giK!C1a<HC9}uyvko5@w04?Qe^8f$<

diff --git a/include/lv_conf_v7.h b/include/lv_conf_v7.h
index c4f8fdab..f2341d4d 100644
--- a/include/lv_conf_v7.h
+++ b/include/lv_conf_v7.h
@@ -360,7 +360,7 @@ typedef void* lv_indev_drv_user_data_t;            /*Type of user data in the in
  *    FONT USAGE
  *===================*/
 
-#if TFT_WIDTH>=320 || TFT_WIDTH>=480
+#if TFT_HEIGHT>=480 || TFT_WIDTH>=480
 
 #ifndef HASP_FONT_1
 #define HASP_FONT_1 robotocondensed_regular_16_latin1  /* 5% Width */
diff --git a/src/hasp_gui.cpp b/src/hasp_gui.cpp
index 61c03126..8e40b9ba 100644
--- a/src/hasp_gui.cpp
+++ b/src/hasp_gui.cpp
@@ -482,10 +482,10 @@ bool guiGetConfig(const JsonObject& settings)
     settings[FPSTR(FP_GUI_ROTATION)] = gui_settings.rotation;
 
     if(gui_settings.show_pointer != settings[FPSTR(FP_GUI_POINTER)].as<bool>()) changed = true;
-    settings[FPSTR(FP_GUI_POINTER)] = gui_settings.show_pointer;
+    settings[FPSTR(FP_GUI_POINTER)] = (uint8_t)gui_settings.show_pointer;
 
     if(gui_settings.invert_display != settings[FPSTR(FP_GUI_INVERT)].as<bool>()) changed = true;
-    settings[FPSTR(FP_GUI_INVERT)] = gui_settings.invert_display;
+    settings[FPSTR(FP_GUI_INVERT)] = (uint8_t)gui_settings.invert_display;
 
     /* Check CalData array has changed */
     JsonArray array = settings[FPSTR(FP_GUI_CALIBRATION)].as<JsonArray>();
@@ -545,8 +545,10 @@ bool guiSetConfig(const JsonObject& settings)
     changed |= configSet(gui_settings.backlight_pin, settings[FPSTR(FP_GUI_BACKLIGHTPIN)], F("guiBacklightPin"));
     changed |= configSet(guiSleepTime1, settings[FPSTR(FP_GUI_IDLEPERIOD1)], F("guiSleepTime1"));
     changed |= configSet(guiSleepTime2, settings[FPSTR(FP_GUI_IDLEPERIOD2)], F("guiSleepTime2"));
-    changed |= configSet(gui_settings.rotation, settings[FPSTR(FP_GUI_ROTATION)], F("gui_settings.rotation"));
-    changed |= configSet(gui_settings.invert_display, settings[FPSTR(FP_GUI_INVERT)], F("guiInvertDisplay"));
+    changed |=
+        configSet(gui_settings.rotation, settings[FPSTR(FP_GUI_ROTATION)], F("gui_settings.rotation"));
+    changed |=
+        configSet(gui_settings.invert_display, settings[FPSTR(FP_GUI_INVERT)], F("guiInvertDisplay"));
 
     hasp_set_sleep_time(guiSleepTime1, guiSleepTime2);
 
diff --git a/src/log/hasp_debug.cpp b/src/log/hasp_debug.cpp
index 8d7aca39..ba76afdd 100644
--- a/src/log/hasp_debug.cpp
+++ b/src/log/hasp_debug.cpp
@@ -139,8 +139,8 @@ bool debugGetConfig(const JsonObject& settings)
 {
     bool changed = false;
 
-    if(debugAnsiCodes != settings[FPSTR(FP_DEBUG_ANSI)].as<bool>()) changed = true;
-    settings[FPSTR(FP_DEBUG_ANSI)] = debugAnsiCodes;
+    if(debugAnsiCodes != settings[FPSTR(FP_DEBUG_ANSI)]) changed = true;
+    settings[FPSTR(FP_DEBUG_ANSI)] = (uint8_t)debugAnsiCodes;
 
     if(debugSerialBaud != settings[FPSTR(FP_CONFIG_BAUD)].as<uint16_t>()) changed = true;
     settings[FPSTR(FP_CONFIG_BAUD)] = debugSerialBaud;
diff --git a/src/sys/svc/hasp_http.cpp b/src/sys/svc/hasp_http.cpp
index 612afcc3..14038270 100644
--- a/src/sys/svc/hasp_http.cpp
+++ b/src/sys/svc/hasp_http.cpp
@@ -322,8 +322,8 @@ bool saveConfig()
 #endif
 
         } else if(save == String(PSTR("gui"))) {
-            settings[FPSTR(FP_GUI_POINTER)] = webServer.hasArg(PSTR("cur"));
-            settings[FPSTR(FP_GUI_INVERT)]  = webServer.hasArg(PSTR("inv"));
+            settings[FPSTR(FP_GUI_POINTER)] = webServer.hasArg(PSTR("cursor"));
+            settings[FPSTR(FP_GUI_INVERT)]  = webServer.hasArg(PSTR("invert"));
             updated                         = guiSetConfig(settings.as<JsonObject>());
 
         } else if(save == String(PSTR("debug"))) {
@@ -461,7 +461,7 @@ static void webHandleScreenshot()
 ////////////////////////////////////////////////////////////////////////////////////////////////////
 static void add_json(String& data, JsonDocument& doc)
 {
-    char buffer[512];
+    char buffer[800];
     size_t len = serializeJson(doc, buffer, sizeof(buffer));
     if(doc.isNull()) return; // empty document
 
@@ -475,37 +475,77 @@ static void webHandleApi()
 { // http://plate01/about
     if(!httpIsAuthenticated(F("api"))) return;
 
+    DynamicJsonDocument doc(800);
+    String contentType = getContentType(F(".json"));
     String endpoint((char*)0);
     endpoint = webServer.pathArg(0);
 
     if(!strcasecmp_P(endpoint.c_str(), PSTR("info"))) {
-        String htmldata((char*)0);
-        htmldata.reserve(HTTP_PAGE_SIZE);
-        DynamicJsonDocument doc(512);
-
-        htmldata = "{";
+        String jsondata((char*)0);
+        jsondata.reserve(HTTP_PAGE_SIZE);
+        jsondata = "{";
 
         hasp_get_info(doc);
-        add_json(htmldata, doc);
+        add_json(jsondata, doc);
 
 #if HASP_USE_MQTT > 0
         mqtt_get_info(doc);
-        add_json(htmldata, doc);
+        add_json(jsondata, doc);
 #endif
 
         network_get_info(doc);
-        add_json(htmldata, doc);
+        add_json(jsondata, doc);
 
         haspDevice.get_info(doc);
-        add_json(htmldata, doc);
+        add_json(jsondata, doc);
 
-        htmldata[htmldata.length() - 1] = '}'; // Replace last comma with a bracket
+        jsondata[jsondata.length() - 1] = '}'; // Replace last comma with a bracket
 
-        String contentType = getContentType(F(".json"));
-        webServer.send(200, contentType, htmldata);
+        webServer.send(200, contentType, jsondata);
+
+    } else {
+        webServer.send(400, contentType, "Bad Request");
     }
 }
 
+static void webHandleApiConfig()
+{ // http://plate01/about
+    if(!httpIsAuthenticated(F("api"))) return;
+
+    DynamicJsonDocument doc(800);
+    String contentType = getContentType(F(".json"));
+    String endpoint((char*)0);
+    endpoint = webServer.pathArg(0);
+
+    JsonObject settings = doc.to<JsonObject>(); // Settings are invalid, force creation of an empty JsonObject
+
+    if(!strcasecmp_P(endpoint.c_str(), PSTR("wifi"))) {
+        wifiGetConfig(settings);
+    } else if(!strcasecmp_P(endpoint.c_str(), PSTR("mqtt"))) {
+        mqttGetConfig(settings);
+    } else if(!strcasecmp_P(endpoint.c_str(), PSTR("http"))) {
+        httpGetConfig(settings);
+    } else if(!strcasecmp_P(endpoint.c_str(), PSTR("gui"))) {
+        guiGetConfig(settings);
+    } else if(!strcasecmp_P(endpoint.c_str(), PSTR("debug"))) {
+        debugGetConfig(settings);
+    } else {
+        webServer.send(400, contentType, "Bad Request");
+        return;
+    }
+
+    if(!settings[FPSTR(FP_CONFIG_PASS)].isNull()) {
+        settings[FPSTR(FP_CONFIG_PASS)] = D_PASSWORD_MASK;
+    }
+
+    doc.shrinkToFit();
+    const size_t size = measureJson(doc) + 1;
+    char jsondata[size];
+    memset(jsondata, 0, size);
+    serializeJson(doc, jsondata, size);
+    webServer.send(200, contentType, jsondata);
+}
+
 ////////////////////////////////////////////////////////////////////////////////////////////////////
 static void webHandleAbout()
 { // http://plate01/about
@@ -518,39 +558,6 @@ static void webHandleAbout()
         String httpMessage((char*)0);
         httpMessage.reserve(HTTP_PAGE_SIZE);
 
-        /*
-                httpMessage += F("<p><h3>openHASP</h3>Copyright&copy; 2019-2022 Francis Van Roie ");
-                httpMessage += mitLicense;
-                httpMessage += F("<p>Based on the previous work of the following open source developers.</p><hr>");
-                httpMessage += F("<p><h3>HASwitchPlate</h3>Copyright&copy; 2019 Allen Derusha allen@derusha.org</b>");
-                httpMessage += mitLicense;
-                httpMessage += F("<p><h3>LVGL</h3>Copyright&copy; 2021 LVGL Kft");
-                httpMessage += mitLicense;
-                httpMessage += F("<p><h3>TFT_eSPI Library</h3>Copyright&copy; 2020 Bodmer (https://github.com/Bodmer)
-        All " "rights reserved.</br>FreeBSD License</p>"); httpMessage += F("<p><i>includes parts from the
-        <b>Adafruit_GFX library</b></br>Copyright&copy; 2012 Adafruit Industries. " "All rights reserved</br>BSD
-        License</i></p>"); httpMessage += F("<p><h3>ArduinoJson</h3>Copyright&copy; 2014-2021 Benoit BLANCHON");
-                httpMessage += mitLicense;
-                httpMessage += F("<p><h3>PubSubClient</h3>Copyright&copy; 2008-2015 Nicholas O'Leary");
-                httpMessage += mitLicense;
-                httpMessage += F("<p><h3>FreeType</h3>Copyright&copy; 1996-2002, 2006 David Turner, Robert Wilhelm, "
-                                 "and Werner Lemberg.</br>FreeType License</p>");
-                httpMessage +=
-                    F("<p><h3>ArduinoLog</h3>Copyright&copy; 2017,2018 Thijs Elenbaas, MrRobot62, rahuldeo2047, NOX73, "
-                      "dhylands, Josha blemasle, mfalkvidd");
-                httpMessage += mitLicense;
-        #if HASP_USE_SYSLOG > 0
-                // Replaced with WiFiUDP client
-                // httpMessage += F("<p><h3>Syslog</h3>Copyright&copy; 2016 Martin Sloup");
-                // httpMessage += mitLicense;
-        #endif
-        #if HASP_USE_QRCODE > 0
-                httpMessage += F("<p><h3>QR Code generator</h3>Copyright&copy; Project Nayuki");
-                httpMessage += mitLicense;
-        #endif
-                httpMessage += F("<p><h3>AceButton</h3>Copyright&copy; 2018 Brian T. Park");
-                httpMessage += mitLicense;
-        */
         httpMessage += "<div id='doc'></div><script>window.addEventListener('load', about());</script>";
         httpMessage += FPSTR(MAIN_MENU_BUTTON);
 
@@ -574,32 +581,7 @@ static void webHandleInfoJson()
         htmldata += haspDevice.get_hostname();
         htmldata += F("</h1><hr>");
 
-        htmldata += "<div id=\"info\"></div><script>window.addEventListener(\"load\", function(){ var data = '{";
-        //  htmldata = "{";
-
-        hasp_get_info(doc);
-        add_json(htmldata, doc);
-
-#if HASP_USE_MQTT > 0
-        mqtt_get_info(doc);
-        add_json(htmldata, doc);
-#endif
-
-        network_get_info(doc);
-        add_json(htmldata, doc);
-
-        haspDevice.get_info(doc);
-        add_json(htmldata, doc);
-
-        htmldata[htmldata.length() - 1] = '}'; // Replace last comma with a bracket
-
-        htmldata += "'; data = JSON.parse(data); var table = \"<table>\"; for(let header in data) { "
-                    "table += `<tr><td colspan=2></td></ tr><tr><th colspan=2>${header}</ th></ tr>`;"
-                    "for(let key in data[header]) { "
-                    "table += `<tr><td>${key}: </ td><td> ${data[header][key]}</ td></ tr>`;"
-                    "}} table += \"</table>\"; "
-                    "document.getElementById(\"info\").innerHTML = table;});</script>";
-
+        htmldata += "<div id=\"info\"></div><script>loader(\"GET\", \"/api/info/\", info)</script>";
         htmldata += FPSTR(MAIN_MENU_BUTTON);
 
         webSendHeader(haspDevice.get_hostname(), htmldata.length(), false);
@@ -844,8 +826,13 @@ static void handleFileUpload()
         }
         if(filename.length() < 32) {
             fsUploadFile = HASP_FS.open(filename, "w");
-            LOG_TRACE(TAG_HTTP, F("handleFileUpload Name: %s"), filename.c_str());
-            haspProgressMsg(fsUploadFile.name());
+            if(!fsUploadFile || fsUploadFile.isDirectory()) {
+                LOG_WARNING(TAG_HTTP, F(D_FILE_SAVE_FAILED), filename.c_str());
+                fsUploadFile.close();
+            } else {
+                LOG_TRACE(TAG_HTTP, F("handleFileUpload Name: %s"), filename.c_str());
+                haspProgressMsg(fsUploadFile.name());
+            }
         } else {
             LOG_ERROR(TAG_HTTP, F("Filename %s is too long"), filename.c_str());
         }
@@ -862,12 +849,15 @@ static void handleFileUpload()
         if(fsUploadFile) {
             LOG_INFO(TAG_HTTP, F("Uploaded %s (%u bytes)"), fsUploadFile.name(), upload->totalSize);
             fsUploadFile.close();
+
+            // Redirect to /config/hasp page. This flushes the web buffer and frees the memory
+            webServer.sendHeader(String(F("Location")), String(F("/config/hasp")), true);
+            webServer.send_P(302, PSTR("text/plain"), "");
+        } else {
+            webServer.send_P(400, PSTR("text/plain"), "Bad Request");
         }
         haspProgressVal(255);
 
-        // Redirect to /config/hasp page. This flushes the web buffer and frees the memory
-        webServer.sendHeader(String(F("Location")), String(F("/config/hasp")), true);
-        webServer.send_P(302, PSTR("text/plain"), "");
         // httpReconnect();
     }
 }
@@ -1079,7 +1069,7 @@ static void webHandleMqttConfig()
         httpMessage +=
             F("<div class='col-75'><input required type='text' id='name' name='name' maxlength=15 pattern='[a-z0-9_]*' "
               "placeholder='Plate Name' value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_NAME)].as<String>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_NAME)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Group Name
@@ -1087,7 +1077,7 @@ static void webHandleMqttConfig()
         httpMessage +=
             F("<div class='col-75'><input type='text' id='group' name='group' maxlength=15 pattern='[a-z0-9_]*' "
               "placeholder='Group Name' value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_GROUP)].as<String>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_GROUP)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Broker
@@ -1095,14 +1085,14 @@ static void webHandleMqttConfig()
         httpMessage += F("<div class='col-75'><input type='text' id='host' name='host' maxlength=");
         httpMessage += MAX_HOSTNAME_LENGTH - 1;
         httpMessage += F(" placeholder='Server Name' value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_HOST)].as<String>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_HOST)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Mqtt Port
         httpMessage += F("<div class='row gap'><div class='col-25'><label for='port'>Port</label></div>");
         httpMessage += F("<div class='col-75'><input type='number' id='port' name='port' min='0' max='65535' "
                          "placeholder='1883' value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_PORT)].as<uint16_t>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_PORT)].as<uint16_t>();
         httpMessage += F("'></div></div>");
 
         // Mqtt User
@@ -1110,7 +1100,7 @@ static void webHandleMqttConfig()
         httpMessage += F("<div class='col-75'><input type='text' id='user' name='user' maxlength=");
         httpMessage += MAX_USERNAME_LENGTH - 1;
         httpMessage += F(" placeholder='MQTT User' value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_USER)].as<String>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_USER)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Mqtt Password
@@ -1118,7 +1108,7 @@ static void webHandleMqttConfig()
         httpMessage += F("<div class='col-75'><input type='password' id='pass' name='pass' maxlength=");
         httpMessage += MAX_PASSWORD_LENGTH - 1;
         httpMessage += F(" placeholder='MQTT Password' value='");
-        if(settings[FPSTR(FP_CONFIG_PASS)].as<String>() != "") httpMessage += F(D_PASSWORD_MASK);
+        // if(settings[FPSTR(FP_CONFIG_PASS)].as<String>() != "") httpMessage += F(D_PASSWORD_MASK);
         httpMessage += F("'></div></div>");
 
         // Submit & End Form
@@ -1126,6 +1116,8 @@ static void webHandleMqttConfig()
         httpMessage += F("</form></div>");
 
         add_form_button(httpMessage, F(D_BACK_ICON D_HTTP_CONFIGURATION), F("/config"));
+        httpMessage += "<script>filler(\"GET\", \"/api/config/mqtt/\")</script>";
+
         webSendHeader(haspDevice.get_hostname(), httpMessage.length(), false);
         webServer.sendContent(httpMessage);
     }
@@ -1156,18 +1148,18 @@ static void webHandleGuiConfig()
         httpMessage += F("<div class='row'><div class='col-25'><label for='idle1'>Short Idle</label></div>");
         httpMessage += F("<div class='col-75'><input type='number' id='idle1' name='idle1' min='0' max='32400' "
                          "value='");
-        httpMessage += settings[FPSTR(FP_GUI_IDLEPERIOD1)].as<String>();
+        // httpMessage += settings[FPSTR(FP_GUI_IDLEPERIOD1)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Long Idle
         httpMessage += F("<div class='row gap'><div class='col-25'><label for='idle2'>Long Idle</label></div>");
         httpMessage += F("<div class='col-75'><input type='number' id='idle2' name='idle2' min='0' max='32400' "
                          "value='");
-        httpMessage += settings[FPSTR(FP_GUI_IDLEPERIOD2)].as<String>();
+        // httpMessage += settings[FPSTR(FP_GUI_IDLEPERIOD2)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Rotation
-        int8_t rotation = settings[FPSTR(FP_GUI_ROTATION)].as<int8_t>();
+        int8_t rotation = -1; // settings[FPSTR(FP_GUI_ROTATION)].as<int8_t>();
         httpMessage += F("<div class='row'><div class='col-25'><label for='group'>Orientation</label></div>");
         httpMessage += F("<div class='col-75'><select id='rotate' name='rotate'>");
         httpMessage += getOption(0, F("0 degrees"), rotation);
@@ -1181,15 +1173,15 @@ static void webHandleGuiConfig()
         httpMessage += F("</select></div></div>");
 
         // Invert
-        httpMessage += F("<div class='row'><div class='col-25'><label for='inv'></label></div>");
-        httpMessage += F("<div class='col-75'><input type='checkbox' id='inv' name='inv'");
-        if(settings[FPSTR(FP_GUI_INVERT)].as<bool>()) httpMessage += F(" checked");
+        httpMessage += F("<div class='row'><div class='col-25'><label for='invert'></label></div>");
+        httpMessage += F("<div class='col-75'><input type='checkbox' id='invert' name='invert' value='1'");
+        // if(settings[FPSTR(FP_GUI_INVERT)].as<bool>()) httpMessage += F(" checked");
         httpMessage += F(">Invert Colors</div></div>");
 
         // Cursor
-        httpMessage += F("<div class='row gap'><div class='col-25'><label for='cur'></label></div>");
-        httpMessage += F("<div class='col-75'><input type='checkbox' id='cur' name='cur'");
-        if(settings[FPSTR(FP_GUI_POINTER)].as<bool>()) httpMessage += F(" checked");
+        httpMessage += F("<div class='row gap'><div class='col-25'><label for='cursor'></label></div>");
+        httpMessage += F("<div class='col-75'><input type='checkbox' id='cursor' name='cursor' value='1'");
+        // if(settings[FPSTR(FP_GUI_POINTER)].as<bool>()) httpMessage += F(" checked");
         httpMessage += F(">Show Pointer</div></div>");
 
         // Backlight
@@ -1224,6 +1216,8 @@ static void webHandleGuiConfig()
 
         add_form_button(httpMessage, F(D_HTTP_ANTIBURN), F("/config/gui?brn=1"));
         add_form_button(httpMessage, F(D_BACK_ICON D_HTTP_CONFIGURATION), F("/config"));
+        httpMessage += F("<script>filler(\"GET\",\"/api/config/gui/\")</script>");
+
         webSendHeader(haspDevice.get_hostname(), httpMessage.length(), false);
         webServer.sendContent(httpMessage);
     }
@@ -1260,7 +1254,7 @@ static void webHandleWifiConfig()
         httpMessage += F("<div class='col-75'><input required type='text' id='ssid' name='ssid' maxlength=");
         httpMessage += MAX_USERNAME_LENGTH - 1;
         httpMessage += F(" placeholder='SSID' value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_SSID)].as<String>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_SSID)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Wifi Password
@@ -1268,9 +1262,9 @@ static void webHandleWifiConfig()
         httpMessage += F("<div class='col-75'><input required type='password' id='pass' name='pass' maxlength=");
         httpMessage += MAX_PASSWORD_LENGTH - 1;
         httpMessage += F(" placeholder='Password' value='");
-        if(settings[FPSTR(FP_CONFIG_PASS)].as<String>() != "") {
-            httpMessage += F(D_PASSWORD_MASK);
-        }
+        // if(settings[FPSTR(FP_CONFIG_PASS)].as<String>() != "") {
+        //     httpMessage += F(D_PASSWORD_MASK);
+        // }
         httpMessage += F("'></div></div>");
 
         // Submit & End Form
@@ -1283,6 +1277,8 @@ static void webHandleWifiConfig()
         }
 #endif
 
+        httpMessage += F("<script>filler(\"GET\",\"/api/config/wifi/\")</script>");
+
         webSendHeader(haspDevice.get_hostname(), httpMessage.length(), false);
         webServer.sendContent(httpMessage);
     }
@@ -1369,16 +1365,16 @@ static void webHandleHttpConfig()
         httpMessage += F("<div class='row'><div class='col-25'><label for='user'>Username</label></div>");
         httpMessage += F("<div class='col-75'><input type='text' id='user' name='user' maxlength=31 "
                          "placeholder='Username' value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_USER)].as<String>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_USER)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Password
         httpMessage += F("<div class='row'><div class='col-25'><label for='pass'>Password</label></div>");
         httpMessage += F("<div class='col-75'><input type='password' id='pass' name='pass' maxlength=63 "
                          "placeholder='Password' value='");
-        if(settings[FPSTR(FP_CONFIG_PASS)].as<String>() != "") {
-            httpMessage += F(D_PASSWORD_MASK);
-        }
+        // if(settings[FPSTR(FP_CONFIG_PASS)].as<String>() != "") {
+        //     httpMessage += F(D_PASSWORD_MASK);
+        // }
         httpMessage += F("'></div></div>");
 
         // Submit & End Form
@@ -1386,6 +1382,7 @@ static void webHandleHttpConfig()
         httpMessage += F("</form></div>");
 
         httpMessage += F("<a href='/config'>" D_HTTP_CONFIGURATION "</a>");
+        httpMessage += F("<script>filler(\"GET\",\"/api/config/http/\")</script>");
 
         webSendHeader(haspDevice.get_hostname(), httpMessage.length(), false);
         webServer.sendContent(httpMessage);
@@ -1791,13 +1788,13 @@ static void webHandleDebugConfig()
         httpMessage += F("<div class='row'><div class='col-25'><label for='tele'>Telemetry Period</label></div>");
         httpMessage += F("<div class='col-75'><input type='number' id='tele' name='tele' min='0' max='65535' "
                          "value='");
-        httpMessage += settings[FPSTR(FP_DEBUG_TELEPERIOD)].as<String>();
+        // httpMessage += settings[FPSTR(FP_DEBUG_TELEPERIOD)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Invert
         httpMessage += F("<div class='row gap'><div class='col-25'><label for='ansi'></label></div>");
-        httpMessage += F("<div class='col-75'><input type='checkbox' id='ansi' name='ansi'");
-        if(settings[FPSTR(FP_DEBUG_ANSI)].as<bool>()) httpMessage += F(" checked");
+        httpMessage += F("<div class='col-75'><input type='checkbox' id='ansi' name='ansi' value='1'");
+        // if(settings[FPSTR(FP_DEBUG_ANSI)].as<bool>()) httpMessage += F(" checked");
         httpMessage += F(">Use ANSI Colors</div></div>");
 
 #if HASP_USE_SYSLOG > 0
@@ -1806,14 +1803,14 @@ static void webHandleDebugConfig()
         httpMessage += F("<div class='col-75'><input type='text' id='host' name='host' maxlength=");
         httpMessage += MAX_HOSTNAME_LENGTH - 1;
         httpMessage += F(" value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_HOST)].as<String>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_HOST)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Syslog Port
         httpMessage += F("<div class='row'><div class='col-25'><label for='port'>Syslog Port</label></div>");
         httpMessage += F("<div class='col-75'><input type='number' id='port' name='port' min='0' max='65535' "
                          "value='");
-        httpMessage += settings[FPSTR(FP_CONFIG_PORT)].as<String>();
+        // httpMessage += settings[FPSTR(FP_CONFIG_PORT)].as<String>();
         httpMessage += F("'></div></div>");
 
         // Syslog Facility
@@ -1829,9 +1826,9 @@ static void webHandleDebugConfig()
         uint8_t proto = settings[FPSTR(FP_CONFIG_PROTOCOL)].as<uint8_t>();
         httpMessage += F("<div class='row'><div class='col-25'><label for='proto'>Syslog Protocol</label></div>");
         httpMessage += F("<div class='col-75'><input id='proto' name='proto' type='radio' value='0'");
-        if(proto == 0) httpMessage += F(" checked");
+        // if(proto == 0) httpMessage += F(" checked");
         httpMessage += F(">IETF (RFC 5424) &nbsp; <input id='proto' name='proto' type='radio' value='1'");
-        if(proto == 1) httpMessage += F(" checked");
+        // if(proto == 1) httpMessage += F(" checked");
         httpMessage += F(">BSD (RFC 3164)");
         httpMessage += F("</div></div>");
 #endif
@@ -1843,6 +1840,7 @@ static void webHandleDebugConfig()
         // *******************************************************************
 
         add_form_button(httpMessage, F(D_BACK_ICON D_HTTP_CONFIGURATION), F("/config"));
+        httpMessage += F("<script>filler(\"GET\",\"/api/config/debug/\")</script>");
 
         webSendHeader(haspDevice.get_hostname(), httpMessage.length(), false);
         webServer.sendContent(httpMessage);
@@ -2301,7 +2299,8 @@ void httpSetup()
     webServer.on(F("/vars.css"), webSendCssVars);
     // webServer.on(F("/js"), webSendJavascript);
     webServer.onNotFound(httpHandleNotFound);
-    webServer.on(UriBraces(F("/api/{}")), webHandleApi);
+    webServer.on(UriBraces(F("/api/{}/")), webHandleApi);
+    webServer.on(UriBraces(F("/api/config/{}/")), webHandleApiConfig);
 
 #if HASP_USE_WIFI > 0
     // These two endpoints are needed in STA and AP mode
@@ -2474,16 +2473,17 @@ size_t httpClientWrite(const uint8_t* buf, size_t size)
     size_t bytes_sent = 0;
     while(bytes_sent < size) {
         if(!webServer.client()) return bytes_sent;
-        if(size - bytes_sent >= 2048) {
-            bytes_sent += webServer.client().write(buf + bytes_sent, 2048);
+        if(size - bytes_sent >= 20480) {
+            bytes_sent += webServer.client().write(buf + bytes_sent, 20480); // 2048
+            delay(1);                                                        // Fixes the freeze
         } else {
             bytes_sent += webServer.client().write(buf + bytes_sent, size - bytes_sent);
+            return bytes_sent;
         }
         // Serial.println(bytes_sent);
 
         // stm32_eth_scheduler(); // already in write
         // webServer.client().flush();
-        delay(1); // Fixes the freeze
     }
     return bytes_sent;
 }