inital commit

public/js/app.js

@@ -0,0 +1,69 @@
+// Retrieving the form data
+var accesCode = document.getElementById("accesCode");
+var submitButton = document.getElementById("submitButton");
+var responseMessage = document.getElementById("responseMessage")
+var redirectURL = document.getElementById("redirectURL").value
+//var redirectURL = "https://Domain.tld/page"
+var buttonLocked = false
+
+function submitFormAjax() {
+    if (buttonLocked === true){return};
+    buttonLocked = true
+    responseMessage.innerHTML = ""
+    submitButton.classList.add("buttonLoading");
+    if(accesCode == ""){
+		responseMessage.innerHTML = "<p>Please enter your accesCode.</p>";
+		return;
+    }
+    submitButton.disabled = true;
+    accesCode.disabled = true;
+    var xmlhttp = new XMLHttpRequest();
+
+   // Instantiating the request object
+    xmlhttp.open("POST", "auth.php", true);
+     // Defining event listener for readystatechange event
+    xmlhttp.onreadystatechange = function() {
+        console.log(this.readyState + " status:" + this.status)
+        if (this.readyState === 4 && this.status === 200) {
+           submitButton.classList.remove("buttonLoading");
+           submitButton.style.backgroundColor = "green";
+           document.getElementById("buttonText").innerHTML = "Connected"
+           accesCode.style.display = "none";
+           window.setTimeout(redirectUser, 1500);
+        }else {
+            if (this.readyState === 4 && this.status === 403) {
+                responseMessage.innerHTML = "Acces code incorrect";
+                enableButton()
+            } else if (this.readyState === 4) {
+                responseMessage.innerHTML = "Something went wrong";
+                enableButton()
+            }
+        }
+    }
+   //console.log (document.getElementById("accesCode").value);
+    var params = "accesCode=" + encodeURIComponent(accesCode.value) + "&apMac=" + encodeURIComponent(document.getElementById("apMac").value) + "&clientMac=" + encodeURIComponent(document.getElementById("clientMac").value);
+
+    //Setting headers
+    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+
+    // Sending the request to the server
+    xmlhttp.send(params);
+}
+
+function enableButton(){
+    buttonLocked = false
+    submitButton.disabled = false;
+    accesCode.disabled = false;
+    submitButton.classList.remove("buttonLoading");
+    accesCode.focus();
+}
+
+function inputEntry(){
+    if(accesCode.value != "")
+        submitButton.disabled = false;
+    else
+        submitButton.disabled = true;
+}
+function redirectUser(){
+    window.location.href = redirectURL
+}