From 5340a0fae20058d01aa89b5a43ef8019394a1b17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Z=C3=A1le=C5=A1=C3=A1k?= <dz@pixx.cz>
Date: Mon, 26 Apr 2021 12:32:05 +0200
Subject: [PATCH] edited README.md

---
 README.md        |  2 +-
 jsapp/index.html | 76 +-----------------------------------------------
 jsapp/script.js  | 64 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 66 insertions(+), 76 deletions(-)
 create mode 100644 jsapp/script.js

diff --git a/README.md b/README.md
index 0faa263..a6b0523 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ Toto lze nastavit v configu.
 	- [ ] JS app
 	- [ ] OTA update
 - [x] API
-- [ ] JS app
+- [x] JS app
 	- [ ] v flash paměti
 	- [ ] aktualizace
 - [x] OTA update
diff --git a/jsapp/index.html b/jsapp/index.html
index 1290a3e..f5d12bf 100644
--- a/jsapp/index.html
+++ b/jsapp/index.html
@@ -43,81 +43,7 @@
             <div class="git"><a href="https://git.microlab.space/pixx/ESP8266-termostat">Git</a></div>
         </footer>
     </main>
-    <script>
-        var reqTempUp = document.getElementById("tempUp")
-        var reqTempDown = document.getElementById("tempDown")
-        var offsetUp = document.getElementById("offsetUp")
-        var offsetDown = document.getElementById("offsetDown")
-
-        reqTempUp.addEventListener("click", function () {
-            set("increasereqtemp", 0.1)
-        })
-        reqTempDown.addEventListener("click", function () {
-            set("increasereqtemp", -0.1)
-        })
-        offsetUp.addEventListener("click", function () {
-            set("increaseoffset", 0.05)
-        })
-        offsetDown.addEventListener("click", function () {
-            set("increaseoffset", -0.05)
-        })
-
-        function set(co, jak) {
-            var xhttp = new XMLHttpRequest();
-            xhttp.onreadystatechange = function () {
-                if (this.readyState == 4 && this.status == 200) {
-                    if (co == "increasereqtemp") {
-                        document.getElementById("reqTemp").innerHTML =
-                            this.responseText;
-                    } else if (co == "increaseoffset") {
-                        document.getElementById("offset").innerHTML =
-                            this.responseText;
-                    }
-                }
-            };
-            xhttp.open("GET", "http://10.22.128.209/set?" + co + "=" + jak, true);
-            xhttp.send();
-        }
-
-        function get(x, y) {
-            var xhttp = new XMLHttpRequest();
-            xhttp.onreadystatechange = function () {
-                if (this.readyState == 4 && this.status == 200) {
-                    if (x == "relay" && this.responseText == "1") {
-                        document.getElementById("actual-state").innerHTML =
-                            "Topí";
-                        document.getElementById("actual-state").classList.add("topi");
-                        document.getElementById("actual-state-img").src =
-                            "img/topi.svg"
-                    } else if (x == "relay" && this.responseText == "0") {
-                        document.getElementById("actual-state").innerHTML =
-                            "Netopí";
-                        document.getElementById("actual-state").classList.remove("topi");
-                        document.getElementById("actual-state-img").src =
-                            "img/netopi.svg"
-                    } else {
-                        document.getElementById(y).innerHTML =
-                            this.responseText;
-                    }
-
-                }
-            };
-            xhttp.open("GET", "http://10.22.128.209/get?" + x, true);
-            xhttp.send();
-        }
-        get("temp", "temp");
-        get("reqtemp", "reqTemp");
-        get("offset", "offset");
-        get("relay", "relay");
-
-        const interval = setInterval(function () {
-            get("temp", "temp");
-            get("reqtemp", "reqTemp");
-            get("offset", "offset");
-            get("relay", "relay");
-        }, 5000);
-
-    </script>
+    <script src="script.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/jsapp/script.js b/jsapp/script.js
new file mode 100644
index 0000000..3e68d4e
--- /dev/null
+++ b/jsapp/script.js
@@ -0,0 +1,64 @@
+var reqTempUp = document.getElementById("tempUp");
+var reqTempDown = document.getElementById("tempDown");
+var offsetUp = document.getElementById("offsetUp");
+var offsetDown = document.getElementById("offsetDown");
+
+reqTempUp.addEventListener("click", function () {
+  set("increasereqtemp", 0.1);
+});
+reqTempDown.addEventListener("click", function () {
+  set("increasereqtemp", -0.1);
+});
+offsetUp.addEventListener("click", function () {
+  set("increaseoffset", 0.05);
+});
+offsetDown.addEventListener("click", function () {
+  set("increaseoffset", -0.05);
+});
+
+function set(co, jak) {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      if (co == "increasereqtemp") {
+        document.getElementById("reqTemp").innerHTML = this.responseText;
+      } else if (co == "increaseoffset") {
+        document.getElementById("offset").innerHTML = this.responseText;
+      }
+    }
+  };
+  xhttp.open("GET", "http://10.22.128.209/set?" + co + "=" + jak, true);
+  xhttp.send();
+}
+
+function get(x, y) {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      if (x == "relay" && this.responseText == "1") {
+        document.getElementById("actual-state").innerHTML = "Topí";
+        document.getElementById("actual-state").classList.add("topi");
+        document.getElementById("actual-state-img").src = "img/topi.svg";
+      } else if (x == "relay" && this.responseText == "0") {
+        document.getElementById("actual-state").innerHTML = "Netopí";
+        document.getElementById("actual-state").classList.remove("topi");
+        document.getElementById("actual-state-img").src = "img/netopi.svg";
+      } else {
+        document.getElementById(y).innerHTML = this.responseText;
+      }
+    }
+  };
+  xhttp.open("GET", "http://10.22.128.209/get?" + x, true);
+  xhttp.send();
+}
+get("temp", "temp");
+get("reqtemp", "reqTemp");
+get("offset", "offset");
+get("relay", "relay");
+
+const interval = setInterval(function () {
+  get("temp", "temp");
+  get("reqtemp", "reqTemp");
+  get("offset", "offset");
+  get("relay", "relay");
+}, 5000);