1 ano atrás · b81171ad7d
--- a/.DS_Store
+++ b/.DS_Store
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,5 @@
 
				+.pio
			
 
				+.vscode/.browse.c_cpp.db*
			
 
				+.vscode/c_cpp_properties.json
			
 
				+.vscode/launch.json
			
 
				+.vscode/ipch
			
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -0,0 +1,10 @@
 
				+{
			
 
				+    // See http://go.microsoft.com/fwlink/?LinkId=827846
			
 
				+    // for the documentation about the extensions.json format
			
 
				+    "recommendations": [
			
 
				+        "platformio.platformio-ide"
			
 
				+    ],
			
 
				+    "unwantedRecommendations": [
			
 
				+        "ms-vscode.cpptools-extension-pack"
			
 
				+    ]
			
 
				+}
			
--- a/compile_commands.json
+++ b/compile_commands.json
--- a/data/.DS_Store
+++ b/data/.DS_Store
--- a/data/index.html
+++ b/data/index.html
@@ -0,0 +1,45 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+
			
 
				+<head>
			
 
				+  <title>Powerbox Web Server</title>
			
 
				+
			
 
				+  <script src="script.js"></script>
			
 
				+
			
 
				+  <link rel="stylesheet" href="style.css">
			
 
				+
			
 
				+</head>
			
 
				+
			
 
				+<body onload="initialLoad()">
			
 
				+  <div class="topnav">
			
 
				+    <span>
			
 
				+      <h1>Powerbox Web Server
			
 
				+        <button class="toggle_button"
			
 
				+          style="float: right; background-color: red; margin-bottom: 15px; margin-right: 10px;"
			
 
				+          onclick="turnOffAll()">Abort</button>
			
 
				+      </h1>
			
 
				+    </span>
			
 
				+    <ul>
			
 
				+      <li><a href="/wifi.html">Wifi</a></li>
			
 
				+    </ul>
			
 
				+  </div>
			
 
				+ 
			
 
				+  <section class="layout" id="content">
			
 
				+  </section>
			
 
				+
			
 
				+  <button class="toggle_button" style="background-color: red; margin-top: 20px;" onclick="turnOffAll()">Turn off
			
 
				+    all</button>
			
 
				+  <!-- the properties window -->
			
 
				+  <div id="propertiesWindow" class="modal">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="topnav">
			
 
				+        <h3 class="title">Power outlet properties
			
 
				+          <span onclick="closePropertiesWindow()" class="close">&times;</span>
			
 
				+        </h3>
			
 
				+      </div>
			
 
				+      <p id="propertiesContent" class="card"></p>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/data/options.svg
+++ b/data/options.svg
@@ -0,0 +1 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="m388 976-20-126q-19-7-40-19t-37-25l-118 54-93-164 108-79q-2-9-2.5-20.5T185 576q0-9 .5-20.5T188 535L80 456l93-164 118 54q16-13 37-25t40-18l20-127h184l20 126q19 7 40.5 18.5T669 346l118-54 93 164-108 77q2 10 2.5 21.5t.5 21.5q0 10-.5 21t-2.5 21l108 78-93 164-118-54q-16 13-36.5 25.5T592 850l-20 126H388Zm92-270q54 0 92-38t38-92q0-54-38-92t-92-38q-54 0-92 38t-38 92q0 54 38 92t92 38Z"/></svg>
			
--- a/data/pinConfig.json
+++ b/data/pinConfig.json
@@ -0,0 +1,26 @@
 
				+[
			
 
				+    {
			
 
				+        "pin": 32,
			
 
				+        "voltage": 19.5,
			
 
				+        "connector": "GX-16",
			
 
				+        "touch_pin": 4
			
 
				+    },
			
 
				+    {
			
 
				+        "pin": 33,
			
 
				+        "voltage": 5.0,
			
 
				+        "connector": "USB-C",
			
 
				+        "touch_pin": 0
			
 
				+    },
			
 
				+    {
			
 
				+        "pin": 25,
			
 
				+        "voltage": 12.0,
			
 
				+        "connector": "GX-12",
			
 
				+        "touch_pin": 2
			
 
				+    },
			
 
				+    {
			
 
				+        "pin": 26,
			
 
				+        "voltage": 8.7,
			
 
				+        "connector": "5.1mm plug",
			
 
				+        "touch_pin": 15
			
 
				+    }
			
 
				+]
			
--- a/data/powerOutletsConfig.json
+++ b/data/powerOutletsConfig.json
@@ -0,0 +1,30 @@
 
				+[
			
 
				+    {
			
 
				+        "id" : 0,
			
 
				+        "name" : "OnStep",
			
 
				+        "autostart" : true,
			
 
				+        "delay" : 0,
			
 
				+        "pin" : 32
			
 
				+    },
			
 
				+    {
			
 
				+        "id" : 1,
			
 
				+        "name" : "Canon EOS 50D",
			
 
				+        "autostart" : false,
			
 
				+        "delay" : 0,
			
 
				+        "pin" : 33
			
 
				+    },
			
 
				+    {
			
 
				+        "id" : 2,
			
 
				+        "name" : "Raspberry Pi",
			
 
				+        "autostart" : true,
			
 
				+        "delay" : 10,
			
 
				+        "pin" : 26
			
 
				+    },
			
 
				+    {
			
 
				+        "id" : 3,
			
 
				+        "name" : "Dew heaters",
			
 
				+        "autostart" : true,
			
 
				+        "delay" : 0,
			
 
				+        "pin" : 25
			
 
				+    }
			
 
				+]
			
--- a/data/script.js
+++ b/data/script.js
@@ -0,0 +1,291 @@
 
				+var gateway = `ws://${window.location.hostname}/ws`;
			
 
				+var websocket;
			
 
				+window.addEventListener('load', onLoad);
			
 
				+var command = { "cmd": "", "id": "" };
			
 
				+
			
 
				+function initWebSocket() {
			
 
				+    console.log('Trying to open a WebSocket connection...');
			
 
				+    websocket = new WebSocket(gateway);
			
 
				+    websocket.onopen = onOpen;
			
 
				+    websocket.onclose = onClose;
			
 
				+    websocket.onmessage = onMessage;
			
 
				+}
			
 
				+
			
 
				+function onOpen(event) {
			
 
				+    console.log('Connection opened');
			
 
				+}
			
 
				+
			
 
				+function onClose(event) {
			
 
				+    console.log('Connection closed');
			
 
				+    setTimeout(initWebSocket, 2000);
			
 
				+}
			
 
				+
			
 
				+function onMessage(event) {
			
 
				+    let data = JSON.parse(event.data);
			
 
				+
			
 
				+    let led = document.getElementById("led_" + data.id);
			
 
				+    led.className = data.state ? 'led-green' : 'led-red';
			
 
				+
			
 
				+    let button = document.getElementById("toggle_button_" + data.id);
			
 
				+    button.innerHTML = 'toggle ' + (data.state ? 'off' : 'on');
			
 
				+}
			
 
				+
			
 
				+function onLoad(event) {
			
 
				+    initWebSocket();
			
 
				+}
			
 
				+
			
 
				+function toggleState(id) {
			
 
				+    command.cmd = "toggle";
			
 
				+    command.id = id;
			
 
				+
			
 
				+    websocket.send(JSON.stringify(command));
			
 
				+}
			
 
				+
			
 
				+function turnOffAll() {
			
 
				+    command.cmd = "turn_off_all";
			
 
				+
			
 
				+    websocket.send(JSON.stringify(command));
			
 
				+
			
 
				+}
			
 
				+
			
 
				+function initialLoad() {
			
 
				+
			
 
				+    fetch('/power_outlets')
			
 
				+        .then(function (response) {
			
 
				+            data = response.json();
			
 
				+            return data;
			
 
				+        })
			
 
				+        .then(function (data) {
			
 
				+            const content = document.getElementById('content');
			
 
				+
			
 
				+            for (let i = 0; i < data.length; i++) {
			
 
				+                let card = document.createElement("div");
			
 
				+                card.id = "card_" + i;
			
 
				+                card.className = 'card'
			
 
				+
			
 
				+                let name = document.createElement("h2");
			
 
				+                name.innerHTML = data[i].name;
			
 
				+                card.appendChild(name);
			
 
				+
			
 
				+                let state = document.createElement("p");
			
 
				+                let led = document.createElement("div");
			
 
				+                led.id = 'led_' + i;
			
 
				+                led.className = data[i].state ? 'led-green' : 'led-red';
			
 
				+                state.appendChild(led)
			
 
				+                card.appendChild(state);
			
 
				+
			
 
				+                let button = document.createElement("button");
			
 
				+                button.className = 'toggle_button';
			
 
				+                button.id = 'toggle_button_' + i;
			
 
				+                button.innerHTML = 'toggle ' + (data[i].state ? 'off' : 'on');
			
 
				+                button.name = data[i].name;
			
 
				+                button.onclick = function () { toggleState(i) };
			
 
				+                card.appendChild(button);
			
 
				+
			
 
				+                let div = document.createElement("div");
			
 
				+                div.className = 'options_button_div';
			
 
				+                let optionsButton = document.createElement("button");
			
 
				+                optionsButton.id = "options_button_" + i;
			
 
				+                optionsButton.className = 'options_button';
			
 
				+                optionsButton.onclick = function () { editProperties(i) };
			
 
				+                let img = document.createElement("img");
			
 
				+                img.setAttribute("src", "options.svg");
			
 
				+                optionsButton.appendChild(img);
			
 
				+                div.appendChild(optionsButton);
			
 
				+                card.appendChild(div);
			
 
				+
			
 
				+                content.appendChild(card);
			
 
				+            }
			
 
				+        })
			
 
				+        .catch(function (error) {
			
 
				+            let card = document.createElement("div");
			
 
				+            card.className = 'card'
			
 
				+
			
 
				+            let name = document.createElement("h2");
			
 
				+            name.innerHTML = error;
			
 
				+            card.appendChild(name);
			
 
				+
			
 
				+            document.body.appendChild(card);
			
 
				+        });
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function editProperties(id) {
			
 
				+    fetch('/power_outlets/' + id)
			
 
				+        .then(function (response) {
			
 
				+            data = response.json();
			
 
				+            return data;
			
 
				+        })
			
 
				+        .then(function (data) {
			
 
				+            // Get the modal
			
 
				+            var modal = document.getElementById("propertiesWindow");
			
 
				+            modal.style.display = "block";
			
 
				+
			
 
				+            // When the user clicks anywhere outside of the modal, close it
			
 
				+            window.onclick = function (event) {
			
 
				+                if (event.target == modal) {
			
 
				+                    closePropertiesWindow();
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            let p = document.getElementById("propertiesContent");
			
 
				+
			
 
				+            let divName = document.createElement("div");
			
 
				+            divName.id = "div_name"
			
 
				+            let labelName = document.createElement("label");
			
 
				+            labelName.setAttribute('for', 'powerOutletName');
			
 
				+            labelName.innerHTML = 'Name';
			
 
				+            divName.appendChild(labelName)
			
 
				+            let inputName = document.createElement("input", 'type="text"');
			
 
				+            inputName.id = "powerOutletName";
			
 
				+            inputName.setAttribute("value", data.name);
			
 
				+            divName.appendChild(inputName);
			
 
				+            p.appendChild(divName);
			
 
				+
			
 
				+            let divPin = document.createElement("div");
			
 
				+            divPin.id = 'div_pin'
			
 
				+            let labelPin = document.createElement("label");
			
 
				+            labelPin.setAttribute('for', 'powerOutletPin');
			
 
				+            labelPin.innerHTML = 'Pin';
			
 
				+            divPin.appendChild(labelPin)
			
 
				+            let inputPin = document.createElement("input", 'type="text" id="powerOutletPin"');
			
 
				+            inputPin.setAttribute("value", data.pin);
			
 
				+            divPin.appendChild(inputPin);
			
 
				+            p.appendChild(divPin);
			
 
				+
			
 
				+            let divState = document.createElement("div");
			
 
				+            divState.id = 'div_state';
			
 
				+            let labelState = document.createElement("label");
			
 
				+            labelState.setAttribute('for', 'powerOutletState');
			
 
				+            labelState.innerHTML = 'State';
			
 
				+            divState.appendChild(labelState)
			
 
				+            let inputState = document.createElement("input", 'type="text" id="powerOutletState"');
			
 
				+            inputState.setAttribute("value", data.state);
			
 
				+            divState.appendChild(inputState);
			
 
				+            p.appendChild(divState);
			
 
				+
			
 
				+            let divVoltage = document.createElement("div");
			
 
				+            divVoltage.id = 'div_voltage';
			
 
				+            let labelVoltage = document.createElement("label");
			
 
				+            labelVoltage.setAttribute('for', 'powerOutletVoltage');
			
 
				+            labelVoltage.innerHTML = 'Voltage';
			
 
				+            divVoltage.appendChild(labelVoltage)
			
 
				+            let inputVoltage = document.createElement("input", 'type="text"');
			
 
				+            inputVoltage.id = "powerOutletVoltage"
			
 
				+            inputVoltage.setAttribute("value", data.voltage);
			
 
				+            divVoltage.appendChild(inputVoltage);
			
 
				+            p.appendChild(divVoltage);
			
 
				+
			
 
				+            let buttonSave = document.createElement("button");
			
 
				+            buttonSave.id = "button_save";
			
 
				+            buttonSave.className = 'toggle_button';
			
 
				+            buttonSave.innerHTML = "Save";
			
 
				+            buttonSave.onclick = function () { saveProperties(id) };
			
 
				+            p.appendChild(buttonSave);
			
 
				+
			
 
				+        }).catch(function (error) {
			
 
				+            let card = document.createElement("div");
			
 
				+            card.className = 'card'
			
 
				+
			
 
				+            let name = document.createElement("h2");
			
 
				+            name.innerHTML = error;
			
 
				+            card.appendChild(name);
			
 
				+
			
 
				+            document.body.appendChild(card);
			
 
				+        });
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function saveProperties(id) {
			
 
				+    const requestOptions = {
			
 
				+        method: 'PUT',
			
 
				+        headers: { 'Content-Type': 'application/json' },
			
 
				+    };
			
 
				+
			
 
				+    let response = {};
			
 
				+    response.id = id;
			
 
				+    response.name = document.getElementById('powerOutletName').value;
			
 
				+
			
 
				+    requestOptions.body = JSON.stringify(response);
			
 
				+
			
 
				+    console.log(response);
			
 
				+
			
 
				+    fetch('/power_outlets/' + id, requestOptions)
			
 
				+        .then(response => response.json())
			
 
				+        .then(function (data) {
			
 
				+            console.log(data);
			
 
				+            console.log(data.name)
			
 
				+        });
			
 
				+
			
 
				+    closePropertiesWindow();
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function closePropertiesWindow() {
			
 
				+    document.getElementById('propertiesWindow').style.display = 'none';
			
 
				+    document.getElementById('div_name').remove();
			
 
				+    document.getElementById('div_pin').remove();
			
 
				+    document.getElementById('div_state').remove();
			
 
				+    document.getElementById('div_voltage').remove();
			
 
				+    document.getElementById('button_save').remove();
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function saveWifiConfig() {
			
 
				+    const requestOptions = {
			
 
				+        method: 'PUT',
			
 
				+        headers: { 'Content-Type': 'application/json' },
			
 
				+    };
			
 
				+
			
 
				+    let response = {};
			
 
				+
			
 
				+    response.wifi_network_ssid = document.getElementById('wifi_ssid').value;
			
 
				+    response.wifi_network_password = document.getElementById('wifi_password').value;
			
 
				+    response.soft_ap_ssid = document.getElementById('ap_ssid').value;
			
 
				+    response.soft_ap_password = document.getElementById('ap_password').value;
			
 
				+    response.soft_ap_ip_address = document.getElementById('ap_ipaddress').value;
			
 
				+    response.soft_ap_gateway = document.getElementById('ap_gateway').value;
			
 
				+    response.soft_ap_subnet = document.getElementById('ap_subnet').value;
			
 
				+
			
 
				+    requestOptions.body = JSON.stringify(response);
			
 
				+
			
 
				+    fetch('/wifi_config', requestOptions)
			
 
				+        .then(response => response.json())
			
 
				+        .then(function (data) {
			
 
				+            console.log(data);
			
 
				+            history.back();
			
 
				+        })
			
 
				+        .catch(function (error) {
			
 
				+            console.log("Fetch wifi_config failed");
			
 
				+        });
			
 
				+}
			
 
				+
			
 
				+//Page load function foor wifi configuration
			
 
				+function initialLoadWifi() {
			
 
				+    fetch('/wifi_config')
			
 
				+        .then(function (response) {
			
 
				+            data = response.json();
			
 
				+            return data;
			
 
				+        })
			
 
				+        .then(function (data) {
			
 
				+            console.log(data);
			
 
				+
			
 
				+            let inputField = document.getElementById('wifi_ssid');
			
 
				+            inputField.value = data.wifi_network_ssid;
			
 
				+            inputField = document.getElementById('wifi_password');
			
 
				+            inputField.value = data.wifi_network_password;
			
 
				+            inputField = document.getElementById('ap_ssid');
			
 
				+            inputField.value = data.soft_ap_ssid;
			
 
				+            inputField = document.getElementById('ap_password');
			
 
				+            inputField.value = data.soft_ap_password;
			
 
				+            inputField = document.getElementById('ap_ipaddress');
			
 
				+            inputField.value = data.soft_ap_ip_address;
			
 
				+            inputField = document.getElementById('ap_gateway');
			
 
				+            inputField.value = data.soft_ap_gateway;
			
 
				+            inputField = document.getElementById('ap_subnet');
			
 
				+            inputField.value = data.soft_ap_subnet;
			
 
				+        })
			
 
				+        .catch(function (error) {
			
 
				+            console.log("Fetch wifi_config failed");
			
 
				+        })
			
 
				+}
			
--- a/data/style.css
+++ b/data/style.css
@@ -0,0 +1,206 @@
 
				+* {
			
 
				+  box-sizing: border-box
			
 
				+}
			
 
				+
			
 
				+html {
			
 
				+  font-family: Arial, Helvetica, sans-serif;
			
 
				+  display: inline-block;
			
 
				+  margin: 0px auto;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+
			
 
				+h1,
			
 
				+h3 {
			
 
				+  color: white;
			
 
				+  font-size: 1.8rem;
			
 
				+}
			
 
				+
			
 
				+.topnav {
			
 
				+  overflow: hidden;
			
 
				+  background-color: #143642;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.card {
			
 
				+  background-color: #F8F7F9;
			
 
				+  box-shadow: 2px 2px 12px 1px rgba(140, 140, 140, .5);
			
 
				+  padding-top: 10px;
			
 
				+  padding-bottom: 20px;
			
 
				+}
			
 
				+
			
 
				+.toggle_button {
			
 
				+  padding: 15px 50px;
			
 
				+  font-size: 24px;
			
 
				+  text-align: center;
			
 
				+  outline: none;
			
 
				+  color: #fff;
			
 
				+  background-color: #0f8b8d;
			
 
				+  border: none;
			
 
				+  border-radius: 5px;
			
 
				+  -webkit-touch-callout: none;
			
 
				+  -webkit-user-select: none;
			
 
				+  -khtml-user-select: none;
			
 
				+  -moz-user-select: none;
			
 
				+  -ms-user-select: none;
			
 
				+  user-select: none;
			
 
				+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			
 
				+}
			
 
				+
			
 
				+.toggle_button:active {
			
 
				+  background-color: #0f8b8d;
			
 
				+  box-shadow: 2 2px #CDCDCD;
			
 
				+  transform: translateY(2px);
			
 
				+}
			
 
				+
			
 
				+.toggle_button:hover {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.led-green {
			
 
				+  margin: 0 auto;
			
 
				+  width: 24px;
			
 
				+  height: 24px;
			
 
				+  background-color: #ABFF00;
			
 
				+  border-radius: 50%;
			
 
				+  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
			
 
				+}
			
 
				+
			
 
				+.led-red {
			
 
				+  margin: 0 auto;
			
 
				+  width: 24px;
			
 
				+  height: 24px;
			
 
				+  background-color: #F00;
			
 
				+  border-radius: 50%;
			
 
				+  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
			
 
				+}
			
 
				+
			
 
				+.layout {
			
 
				+  max-width: 1200px;
			
 
				+
			
 
				+  margin: 0 auto;
			
 
				+  display: grid;
			
 
				+  gap: 1rem;
			
 
				+}
			
 
				+
			
 
				+@media (min-width: 300px) {
			
 
				+  .layout {
			
 
				+    grid-template-columns: repeat(1, 1fr);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media (min-width: 600px) {
			
 
				+  .layout {
			
 
				+    grid-template-columns: repeat(2, 1fr);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media (min-width: 900px) {
			
 
				+  .layout {
			
 
				+    grid-template-columns: repeat(3, 1fr);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.options_button_div {
			
 
				+  text-align: right;
			
 
				+}
			
 
				+
			
 
				+.options_button {
			
 
				+  border: none;
			
 
				+  background-color: #F8F7F9;
			
 
				+}
			
 
				+
			
 
				+.options_button:hover {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.options_button:active {
			
 
				+  transform: translateY(2px);
			
 
				+}
			
 
				+
			
 
				+img {
			
 
				+  width: 1.5em;
			
 
				+  height: auto;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* The Modal (background) */
			
 
				+.modal {
			
 
				+  display: none;
			
 
				+  /* Hidden by default */
			
 
				+  position: fixed;
			
 
				+  /* Stay in place */
			
 
				+  z-index: 1;
			
 
				+  /* Sit on top */
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  /* Full width */
			
 
				+  height: 100%;
			
 
				+  /* Full height */
			
 
				+  overflow: auto;
			
 
				+  /* Enable scroll if needed */
			
 
				+  background-color: rgb(0, 0, 0);
			
 
				+  /* Fallback color */
			
 
				+  background-color: rgba(0, 0, 0, 0.4);
			
 
				+  /* Black w/ opacity */
			
 
				+}
			
 
				+
			
 
				+/* Modal Content/Box */
			
 
				+.modal-content {
			
 
				+  background-color: #fefefe;
			
 
				+  margin: 10% auto;
			
 
				+  /* 15% from the top and centered */
			
 
				+  padding: 20px;
			
 
				+  border: 1px solid #888;
			
 
				+  width: 400px;
			
 
				+  /* Could be more or less, depending on screen size */
			
 
				+}
			
 
				+
			
 
				+/* The Close Button */
			
 
				+.close {
			
 
				+  color: red;
			
 
				+  float: right;
			
 
				+  font-size: 35px;
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+.close:hover,
			
 
				+.close:focus {
			
 
				+  color: white;
			
 
				+  text-decoration: none;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+label {
			
 
				+  display: inline-block;
			
 
				+  text-align: left;
			
 
				+  width: 75px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+ul {
			
 
				+  list-style-type: none;
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  overflow: hidden;
			
 
				+  background-color: #333;
			
 
				+}
			
 
				+
			
 
				+li {
			
 
				+  float: left;
			
 
				+}
			
 
				+
			
 
				+li a {
			
 
				+  display: block;
			
 
				+  color: white;
			
 
				+  text-align: center;
			
 
				+  padding: 14px 16px;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+
			
 
				+li a:hover {
			
 
				+  background-color: #111;
			
 
				+}
			
--- a/data/wifi.html
+++ b/data/wifi.html
@@ -0,0 +1,180 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+
			
 
				+<head>
			
 
				+  <title>Powerbox Web Server - Wifi Configuration</title>
			
 
				+
			
 
				+  <script src="script.js"></script>
			
 
				+
			
 
				+  <link rel="stylesheet" href="style.css">
			
 
				+  <style>
			
 
				+    * {
			
 
				+      box-sizing: border-box;
			
 
				+    }
			
 
				+
			
 
				+    input[type=text],
			
 
				+    select,
			
 
				+    textarea {
			
 
				+      width: 100%;
			
 
				+      padding: 12px;
			
 
				+      border: 1px solid #ccc;
			
 
				+      border-radius: 4px;
			
 
				+      resize: vertical;
			
 
				+    }
			
 
				+
			
 
				+    label {
			
 
				+      padding: 12px 12px 12px 0;
			
 
				+      display: inline-block;
			
 
				+      width: auto
			
 
				+    }
			
 
				+
			
 
				+    input[type=submit] {
			
 
				+      background-color: #04AA6D;
			
 
				+      color: white;
			
 
				+      padding: 12px 20px;
			
 
				+      border: none;
			
 
				+      border-radius: 4px;
			
 
				+      cursor: pointer;
			
 
				+      float: right;
			
 
				+    }
			
 
				+
			
 
				+    input[type=submit]:hover {
			
 
				+      background-color: #45a049;
			
 
				+    }
			
 
				+
			
 
				+    .container {
			
 
				+      border-radius: 5px;
			
 
				+      background-color: #f2f2f2;
			
 
				+      padding: 20px;
			
 
				+    }
			
 
				+
			
 
				+    .col-10 {
			
 
				+      float: left;
			
 
				+      width: 10%;
			
 
				+      margin-top: 6px;
			
 
				+      text-align: left;
			
 
				+    }
			
 
				+
			
 
				+    .col-15 {
			
 
				+      float: left;
			
 
				+      width: 15%;
			
 
				+      margin-top: 6px;
			
 
				+      text-align: left;
			
 
				+    }
			
 
				+
			
 
				+    .col-50 {
			
 
				+      float: left;
			
 
				+      width: 50%;
			
 
				+      margin-top: 6px;
			
 
				+    }
			
 
				+
			
 
				+    /* Clear floats after the columns */
			
 
				+    .row:after {
			
 
				+      content: "";
			
 
				+      display: table;
			
 
				+      clear: both;
			
 
				+    }
			
 
				+
			
 
				+    /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
			
 
				+    @media screen and (max-width: 600px) {
			
 
				+
			
 
				+      .col-10,
			
 
				+      .col-50,
			
 
				+      input[type=submit] {
			
 
				+        width: 100%;
			
 
				+        margin-top: 0;
			
 
				+      }
			
 
				+    }
			
 
				+  </style>
			
 
				+
			
 
				+</head>
			
 
				+
			
 
				+<body onload="initialLoadWifi()">
			
 
				+  <div class="topnav">
			
 
				+    <span>
			
 
				+      <h1>
			
 
				+        Powerbox Web Server<br>
			
 
				+        WiFi Configuration
			
 
				+      </h1>
			
 
				+    </span>
			
 
				+  </div>
			
 
				+  <section class="container" id="content">
			
 
				+    <div class="row"> 
			
 
				+      <div class="col-15"></div>
			
 
				+      <div class="col-10">
			
 
				+        <label for="wifi_ssid">WiFi SSID</label>
			
 
				+      </div>
			
 
				+      <div class="col-50">
			
 
				+        <input type="text" id="wifi_ssid" name="wifiSSID">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="row">
			
 
				+      <div class="col-15"></div>
			
 
				+      <div class="col-10">
			
 
				+        <label for="wifi_password">WiFi password</label>
			
 
				+      </div>
			
 
				+      <div class="col-50">
			
 
				+        <input type="text" id="wifi_password" name="wifiPassword">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <br>
			
 
				+    <br>
			
 
				+    <div class="row">
			
 
				+      <div class="col-15"></div>
			
 
				+      <div class="col-10">
			
 
				+        <label for="ap_ssid">AP SSID</label>
			
 
				+      </div>
			
 
				+      <div class="col-50">
			
 
				+        <input type="text" id="ap_ssid" name="apSSID">
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="row">
			
 
				+      <div class="col-15"></div>
			
 
				+      <div class="col-10">
			
 
				+        <label for="ap_password">AP Password</label>
			
 
				+      </div>
			
 
				+      <div class="col-50">
			
 
				+        <input type="text" id="ap_password" name="apPassword"></textarea>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <br>
			
 
				+    <div class="row">
			
 
				+      <div class="col-15"></div>
			
 
				+      <div class="col-10">
			
 
				+        <label for="ap_ipaddress">AP IP address</label>
			
 
				+      </div>
			
 
				+      <div class="col-50">
			
 
				+        <input type="text" id="ap_ipaddress" name="apIPAddress"></textarea>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="row">
			
 
				+      <div class="col-15"></div>
			
 
				+      <div class="col-10">
			
 
				+        <label for="ap_gateway">AP Gateway</label>
			
 
				+      </div>
			
 
				+      <div class="col-50">
			
 
				+        <input type="text" id="ap_gateway" name="apGateway"></textarea>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="row">
			
 
				+      <div class="col-15"></div>
			
 
				+      <div class="col-10">
			
 
				+        <label for="ap_subnet">AP Subnet mask</label>
			
 
				+      </div>
			
 
				+      <div class="col-50">
			
 
				+        <input type="text" id="ap_subnet" name="apSubnet"></textarea>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <br>
			
 
				+    <br>
			
 
				+    <div class="row">
			
 
				+      <button class="toggle_button" onclick="saveWifiConfig()">
			
 
				+        Save WiFi
			
 
				+      </button>
			
 
				+    </div>
			
 
				+    </div>
			
 
				+  </section>
			
 
				+
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/data/wifiConfiguration.json
+++ b/data/wifiConfiguration.json
@@ -0,0 +1,9 @@
 
				+{
			
 
				+    "wifi_network_ssid" : "Van Gorp-Van Impe",
			
 
				+    "wifi_network_password" : "Avg_Evi_Orange_2609",
			
 
				+    "soft_ap_ssid" : "AVG PowerBox",
			
 
				+    "soft_ap_password" : "Avg_Powerbox_2609",
			
 
				+    "soft_ap_ip_address" : "192.168.255.1",
			
 
				+    "soft_ap_gateway" : "192.168.255.1",
			
 
				+    "soft_ap_subnet" : "255.255.255.0"
			
 
				+}
			
--- a/data_test/.DS_Store
+++ b/data_test/.DS_Store
--- a/data_test/index_dummy.html
+++ b/data_test/index_dummy.html
@@ -0,0 +1,42 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+
			
 
				+<head>
			
 
				+  <title>Powerbox Web Server</title>
			
 
				+
			
 
				+  <script src="script_dummy.js"></script>
			
 
				+
			
 
				+  <link rel="stylesheet" href="style.css">
			
 
				+
			
 
				+</head>
			
 
				+
			
 
				+<body onload="initialLoad()">
			
 
				+  <div class="topnav">
			
 
				+    <span>
			
 
				+      <h1>Powerbox Web Server
			
 
				+        <button class="toggle_button"
			
 
				+          style="float: right; background-color: red; margin-bottom: 15px; margin-right: 10px;"
			
 
				+          onclick="turnOffAll()">Abort</button>
			
 
				+      </h1>
			
 
				+    </span>
			
 
				+  </div>
			
 
				+  <section class="layout" id="content">
			
 
				+  </section>
			
 
				+
			
 
				+  <button class="toggle_button" style="background-color: red; margin-top: 20px;" onclick="turnOffAll()">Turn off
			
 
				+    all</button>
			
 
				+  <!-- the properties window -->
			
 
				+  <div id="propertiesWindow" class="modal">
			
 
				+    <div class="modal-content">
			
 
				+      <div class="topnav">
			
 
				+        <h3 class="title">Power outlet properties
			
 
				+          <span onclick="closePropertiesWindow()" class="close">&times;</span>
			
 
				+        </h3>
			
 
				+      </div>
			
 
				+      <p id="propertiesContent" class="card"></p>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/data_test/options.svg
+++ b/data_test/options.svg
@@ -0,0 +1 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="m388 976-20-126q-19-7-40-19t-37-25l-118 54-93-164 108-79q-2-9-2.5-20.5T185 576q0-9 .5-20.5T188 535L80 456l93-164 118 54q16-13 37-25t40-18l20-127h184l20 126q19 7 40.5 18.5T669 346l118-54 93 164-108 77q2 10 2.5 21.5t.5 21.5q0 10-.5 21t-2.5 21l108 78-93 164-118-54q-16 13-36.5 25.5T592 850l-20 126H388Zm92-270q54 0 92-38t38-92q0-54-38-92t-92-38q-54 0-92 38t-38 92q0 54 38 92t92 38Z"/></svg>
			
--- a/data_test/pinConfig.json
+++ b/data_test/pinConfig.json
@@ -0,0 +1,22 @@
 
				+[
			
 
				+    {
			
 
				+        "pin": 32,
			
 
				+        "voltage": 19.5,
			
 
				+        "connector": "GX-12"
			
 
				+    },
			
 
				+    {
			
 
				+        "pin": 34,
			
 
				+        "voltage": 5.0,
			
 
				+        "connector": "USB-C"
			
 
				+    },
			
 
				+    {
			
 
				+        "pin": 25,
			
 
				+        "voltage": 12.0,
			
 
				+        "connector": "GX-12"
			
 
				+    },
			
 
				+    {
			
 
				+        "pin": 26,
			
 
				+        "voltage": 8.7,
			
 
				+        "connector": "5.1mm plug"
			
 
				+    }
			
 
				+]
			
--- a/data_test/powerOutletsConfig.json
+++ b/data_test/powerOutletsConfig.json
@@ -0,0 +1,26 @@
 
				+[
			
 
				+    {
			
 
				+        "id" : 0,
			
 
				+        "name" : "OnStep",
			
 
				+        "state" : true,
			
 
				+        "pin" : 32
			
 
				+    },
			
 
				+    {
			
 
				+        "id" : 1,
			
 
				+        "name" : "Canon EOS 50D",
			
 
				+        "state" : false,
			
 
				+        "pin" : 26
			
 
				+    },
			
 
				+    {
			
 
				+        "id" : 2,
			
 
				+        "name" : "Raspberry Pi",
			
 
				+        "state" : false,
			
 
				+        "pin" : 33
			
 
				+    },
			
 
				+    {
			
 
				+        "id" : 3,
			
 
				+        "name" : "Dew heaters",
			
 
				+        "state" : false,
			
 
				+        "pin" : 25
			
 
				+    }
			
 
				+]
			
--- a/data_test/script_dummy.js
+++ b/data_test/script_dummy.js
@@ -0,0 +1,198 @@
 
				+let dataJson = '[{ \
			
 
				+    "id": 0, \
			
 
				+    "name": "OnStep",\
			
 
				+    "state": true,\
			
 
				+    "voltage": 19.5,\
			
 
				+    "pin": 32\
			
 
				+    },\
			
 
				+    {"id": 1, \
			
 
				+    "name": "Canon EOS 50D",\
			
 
				+    "state": false,\
			
 
				+    "voltage": 8.7,\
			
 
				+    "pin": 33\
			
 
				+    },\
			
 
				+    {"id": 2, \
			
 
				+    "name": "Raspberry Pi",\
			
 
				+    "state": false,\
			
 
				+    "voltage": 5,\
			
 
				+    "pin": 25\
			
 
				+    },\
			
 
				+    {"id": 3, \
			
 
				+    "name": "Dew heaters",\
			
 
				+    "state": false,\
			
 
				+    "voltage": 12,\
			
 
				+    "pin": 26\
			
 
				+    }]';
			
 
				+
			
 
				+let dataObject = JSON.parse(dataJson)
			
 
				+
			
 
				+
			
 
				+function toggleState(id) {
			
 
				+    let data = dataObject[id];
			
 
				+
			
 
				+    console.log(data);
			
 
				+
			
 
				+    if (data.state == true) {
			
 
				+        data.state = false;
			
 
				+    }
			
 
				+    else {
			
 
				+        data.state = true;
			
 
				+    }
			
 
				+
			
 
				+    let led = document.getElementById("led_" + id);
			
 
				+    led.className = data.state ? 'led-green' : 'led-red';
			
 
				+
			
 
				+    let button = document.getElementById("toggle_button_" + id);
			
 
				+    button.innerHTML = 'toggle ' + (data.state ? 'off' : 'on');
			
 
				+
			
 
				+    dataObject[id] = data;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function turnOffAll() {
			
 
				+    for (let i = 0; i < dataObject.length; i++) {
			
 
				+        dataObject[i].state = false;
			
 
				+        let led = document.getElementById("led_" + i);
			
 
				+        led.className = 'led-red';
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function initialLoad() {
			
 
				+    let data = dataObject;
			
 
				+
			
 
				+    console.log(data);
			
 
				+
			
 
				+    const content = document.getElementById('content');
			
 
				+
			
 
				+    for (let i = 0; i < data.length; i++) {
			
 
				+        let card = document.createElement("div");
			
 
				+        card.id = "card" + i;
			
 
				+        card.className = 'card'
			
 
				+
			
 
				+        let name = document.createElement("h2");
			
 
				+        name.id = "card_name_" + i;
			
 
				+        name.innerHTML = data[i].name;
			
 
				+        card.appendChild(name);
			
 
				+
			
 
				+        let state = document.createElement("p");
			
 
				+        let led = document.createElement("div");
			
 
				+        led.id = 'led_' + i;
			
 
				+        led.className = data[i].state ? 'led-green' : 'led-red';
			
 
				+        state.appendChild(led)
			
 
				+        card.appendChild(state);
			
 
				+
			
 
				+        let button = document.createElement("button");
			
 
				+        button.className = 'toggle_button';
			
 
				+        button.id = 'toggle_button_' + i;
			
 
				+        button.innerHTML = 'toggle ' + (data[i].state ? 'off' : 'on');
			
 
				+        button.name = data[i].name;
			
 
				+        button.onclick = function () { toggleState(i) };
			
 
				+        card.appendChild(button);
			
 
				+
			
 
				+        let div = document.createElement("div");
			
 
				+        div.className = 'options_button_div';
			
 
				+        let optionsButton = document.createElement("button");
			
 
				+        optionsButton.id = "options_button_" + i;
			
 
				+        optionsButton.className = 'options_button';
			
 
				+        optionsButton.onclick = function () { editProperties(i) };
			
 
				+        let img = document.createElement("img");
			
 
				+        img.setAttribute("src", "options.svg");
			
 
				+        optionsButton.appendChild(img);
			
 
				+        div.appendChild(optionsButton);
			
 
				+        card.appendChild(div);
			
 
				+
			
 
				+        content.appendChild(card);
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function editProperties(id) {
			
 
				+    let data = dataObject[id];
			
 
				+    // Get the modal
			
 
				+    var modal = document.getElementById("propertiesWindow");
			
 
				+    modal.style.display = "block";
			
 
				+
			
 
				+    // When the user clicks anywhere outside of the modal, close it
			
 
				+    window.onclick = function (event) {
			
 
				+        if (event.target == modal) {
			
 
				+            closePropertiesWindow();
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+    let p = document.getElementById("propertiesContent");
			
 
				+
			
 
				+    let divName = document.createElement("div");
			
 
				+    divName.id = "div_name"
			
 
				+    let labelName = document.createElement("label");
			
 
				+    labelName.setAttribute('for', 'powerOutletName');
			
 
				+    labelName.innerHTML = 'Name';
			
 
				+    divName.appendChild(labelName)
			
 
				+    let inputName = document.createElement("input", 'type="text"');
			
 
				+    inputName.id = "powerOutletName";
			
 
				+    inputName.setAttribute("value", data.name);
			
 
				+    divName.appendChild(inputName);
			
 
				+    p.appendChild(divName);
			
 
				+
			
 
				+    let divPin = document.createElement("div");
			
 
				+    divPin.id = 'div_pin'
			
 
				+    let labelPin = document.createElement("label");
			
 
				+    labelPin.setAttribute('for', 'powerOutletPin');
			
 
				+    labelPin.innerHTML = 'Pin';
			
 
				+    divPin.appendChild(labelPin)
			
 
				+    let inputPin = document.createElement("input", 'type="text"');
			
 
				+    inputPin.id = 'powerOutletPin';
			
 
				+    inputPin.setAttribute("value", data.pin);
			
 
				+    divPin.appendChild(inputPin);
			
 
				+    p.appendChild(divPin);
			
 
				+
			
 
				+    let divState = document.createElement("div");
			
 
				+    divState.id = 'div_state';
			
 
				+    let labelState = document.createElement("label");
			
 
				+    labelState.setAttribute('for', 'powerOutletState');
			
 
				+    labelState.innerHTML = 'State';
			
 
				+    divState.appendChild(labelState)
			
 
				+    let inputState = document.createElement("input", 'type="text"');
			
 
				+    inputState.id = 'powerOutletState';
			
 
				+    inputState.setAttribute("value", data.state);
			
 
				+    divState.appendChild(inputState);
			
 
				+    p.appendChild(divState);
			
 
				+
			
 
				+    let buttonSave = document.createElement("button");
			
 
				+    buttonSave.id = "button_save";
			
 
				+    buttonSave.className = 'toggle_button';
			
 
				+    buttonSave.innerHTML = "Save";
			
 
				+    buttonSave.onclick = function () { saveProperties(id) };
			
 
				+    p.appendChild(buttonSave);
			
 
				+
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function saveProperties(id) { 
			
 
				+    const requestOptions = {
			
 
				+        method: 'PUT',
			
 
				+        headers: { 'Content-Type': 'application/json' },
			
 
				+    };
			
 
				+
			
 
				+    let response = {};
			
 
				+    response.id = id;
			
 
				+    response.name = document.getElementById('powerOutletName').value;
			
 
				+
			
 
				+    requestOptions.body = JSON.stringify(response);
			
 
				+
			
 
				+    console.log(response);
			
 
				+
			
 
				+    document.getElementById('card_name_' + id).innerHTML = response.name;
			
 
				+
			
 
				+    closePropertiesWindow();
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function closePropertiesWindow() {
			
 
				+    document.getElementById('propertiesWindow').style.display = 'none';
			
 
				+    document.getElementById('div_name').remove();
			
 
				+    document.getElementById('div_pin').remove();
			
 
				+    document.getElementById('div_state').remove();
			
 
				+    document.getElementById('button_save').remove();
			
 
				+}
			
--- a/data_test/style.css
+++ b/data_test/style.css
@@ -0,0 +1,181 @@
 
				+* {
			
 
				+  box-sizing: border-box
			
 
				+}
			
 
				+
			
 
				+html {
			
 
				+  font-family: Arial, Helvetica, sans-serif;
			
 
				+  display: inline-block;
			
 
				+  margin: 0px auto;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+
			
 
				+h1,
			
 
				+h3 {
			
 
				+  color: white;
			
 
				+  font-size: 1.8rem;
			
 
				+}
			
 
				+
			
 
				+.topnav {
			
 
				+  overflow: hidden;
			
 
				+  background-color: #143642;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.card {
			
 
				+  background-color: #F8F7F9;
			
 
				+  box-shadow: 2px 2px 12px 1px rgba(140, 140, 140, .5);
			
 
				+  padding-top: 10px;
			
 
				+  padding-bottom: 20px;
			
 
				+}
			
 
				+
			
 
				+.toggle_button {
			
 
				+  padding: 15px 50px;
			
 
				+  font-size: 24px;
			
 
				+  text-align: center;
			
 
				+  outline: none;
			
 
				+  color: #fff;
			
 
				+  background-color: #0f8b8d;
			
 
				+  border: none;
			
 
				+  border-radius: 5px;
			
 
				+  -webkit-touch-callout: none;
			
 
				+  -webkit-user-select: none;
			
 
				+  -khtml-user-select: none;
			
 
				+  -moz-user-select: none;
			
 
				+  -ms-user-select: none;
			
 
				+  user-select: none;
			
 
				+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			
 
				+}
			
 
				+
			
 
				+.toggle_button:active {
			
 
				+  background-color: #0f8b8d;
			
 
				+  box-shadow: 2 2px #CDCDCD;
			
 
				+  transform: translateY(2px);
			
 
				+}
			
 
				+
			
 
				+.toggle_button:hover {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.led-green {
			
 
				+  margin: 0 auto;
			
 
				+  width: 24px;
			
 
				+  height: 24px;
			
 
				+  background-color: #ABFF00;
			
 
				+  border-radius: 50%;
			
 
				+  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
			
 
				+}
			
 
				+
			
 
				+.led-red {
			
 
				+  margin: 0 auto;
			
 
				+  width: 24px;
			
 
				+  height: 24px;
			
 
				+  background-color: #F00;
			
 
				+  border-radius: 50%;
			
 
				+  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
			
 
				+}
			
 
				+
			
 
				+.layout {
			
 
				+  max-width: 1200px;
			
 
				+
			
 
				+  margin: 0 auto;
			
 
				+  display: grid;
			
 
				+  gap: 1rem;
			
 
				+}
			
 
				+
			
 
				+@media (min-width: 300px) {
			
 
				+  .layout {
			
 
				+    grid-template-columns: repeat(1, 1fr);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media (min-width: 600px) {
			
 
				+  .layout {
			
 
				+    grid-template-columns: repeat(2, 1fr);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media (min-width: 900px) {
			
 
				+  .layout {
			
 
				+    grid-template-columns: repeat(3, 1fr);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.options_button_div {
			
 
				+  text-align: right;
			
 
				+}
			
 
				+
			
 
				+.options_button {
			
 
				+  border: none;
			
 
				+  background-color: #F8F7F9;
			
 
				+}
			
 
				+
			
 
				+.options_button:hover {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.options_button:active {
			
 
				+  transform: translateY(2px);
			
 
				+}
			
 
				+
			
 
				+img {
			
 
				+  width: 1.5em;
			
 
				+  height: auto;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* The Modal (background) */
			
 
				+.modal {
			
 
				+  display: none;
			
 
				+  /* Hidden by default */
			
 
				+  position: fixed;
			
 
				+  /* Stay in place */
			
 
				+  z-index: 1;
			
 
				+  /* Sit on top */
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  /* Full width */
			
 
				+  height: 100%;
			
 
				+  /* Full height */
			
 
				+  overflow: auto;
			
 
				+  /* Enable scroll if needed */
			
 
				+  background-color: rgb(0, 0, 0);
			
 
				+  /* Fallback color */
			
 
				+  background-color: rgba(0, 0, 0, 0.4);
			
 
				+  /* Black w/ opacity */
			
 
				+}
			
 
				+
			
 
				+/* Modal Content/Box */
			
 
				+.modal-content {
			
 
				+  background-color: #fefefe;
			
 
				+  margin: 10% auto;
			
 
				+  /* 15% from the top and centered */
			
 
				+  padding: 20px;
			
 
				+  border: 1px solid #888;
			
 
				+  width: 400px;
			
 
				+  /* Could be more or less, depending on screen size */
			
 
				+}
			
 
				+
			
 
				+/* The Close Button */
			
 
				+.close {
			
 
				+  color: red;
			
 
				+  float: right;
			
 
				+  font-size: 35px;
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+.close:hover,
			
 
				+.close:focus {
			
 
				+  color: white;
			
 
				+  text-decoration: none;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+label {
			
 
				+  display: inline-block;
			
 
				+  text-align: left;
			
 
				+  width: 75px;
			
 
				+}
			
--- a/include/PowerOutlet.h
+++ b/include/PowerOutlet.h
@@ -0,0 +1,43 @@
 
				+#ifndef __POWEROUTLET_H__
			
 
				+#define __POWEROUTLET_H__
			
 
				+
			
 
				+#include <Arduino.h>
			
 
				+#include <ArduinoJson.h>
			
 
				+
			
 
				+class PowerOutlet
			
 
				+{
			
 
				+private:
			
 
				+    int id;
			
 
				+    String name;
			
 
				+    bool state;
			
 
				+    bool autostart;
			
 
				+    int delay;
			
 
				+    float voltage;
			
 
				+    int pin;
			
 
				+    int touchPin;
			
 
				+    String connector;
			
 
				+
			
 
				+public:
			
 
				+    void setId(int newId);
			
 
				+    int getId();
			
 
				+    void setName(String newName);
			
 
				+    String getName();
			
 
				+    void setState(bool newState);
			
 
				+    bool getState();
			
 
				+    void setAutostart(bool newAutostart);
			
 
				+    bool getAutostart();
			
 
				+    void setDelay(int newDelay);
			
 
				+    int getDelay();
			
 
				+    void setVoltage(float newVoltage);
			
 
				+    float getVoltage();
			
 
				+    void setPin(int newPin);
			
 
				+    int getPin();
			
 
				+    void setTouchPin(int newTouchPin);
			
 
				+    int getTouchPin();
			
 
				+    void setConnector(String newConnector);
			
 
				+    String getConnector();
			
 
				+
			
 
				+    StaticJsonDocument<128> toJson();
			
 
				+};
			
 
				+
			
 
				+#endif //__POWEROUTLET_H__
			
--- a/include/README
+++ b/include/README
@@ -0,0 +1,39 @@
 
				+
			
 
				+This directory is intended for project header files.
			
 
				+
			
 
				+A header file is a file containing C declarations and macro definitions
			
 
				+to be shared between several project source files. You request the use of a
			
 
				+header file in your project source file (C, C++, etc) located in `src` folder
			
 
				+by including it, with the C preprocessing directive `#include'.
			
 
				+
			
 
				+```src/main.c
			
 
				+
			
 
				+#include "header.h"
			
 
				+
			
 
				+int main (void)
			
 
				+{
			
 
				+ ...
			
 
				+}
			
 
				+```
			
 
				+
			
 
				+Including a header file produces the same results as copying the header file
			
 
				+into each source file that needs it. Such copying would be time-consuming
			
 
				+and error-prone. With a header file, the related declarations appear
			
 
				+in only one place. If they need to be changed, they can be changed in one
			
 
				+place, and programs that include the header file will automatically use the
			
 
				+new version when next recompiled. The header file eliminates the labor of
			
 
				+finding and changing all the copies as well as the risk that a failure to
			
 
				+find one copy will result in inconsistencies within a program.
			
 
				+
			
 
				+In C, the usual convention is to give header files names that end with `.h'.
			
 
				+It is most portable to use only letters, digits, dashes, and underscores in
			
 
				+header file names, and at most one dot.
			
 
				+
			
 
				+Read more about using header files in official GCC documentation:
			
 
				+
			
 
				+* Include Syntax
			
 
				+* Include Operation
			
 
				+* Once-Only Headers
			
 
				+* Computed Includes
			
 
				+
			
 
				+https://gcc.gnu.org/onlinedocs/cpp/Header-Files.html
			
--- a/include/WifiConfig.h
+++ b/include/WifiConfig.h
@@ -0,0 +1,48 @@
 
				+#ifndef __WIFICONFIG_H__
			
 
				+#define __WIFICONFIG_H__
			
 
				+
			
 
				+#include <Arduino.h>
			
 
				+#include <ArduinoJson.h>
			
 
				+#include <LittleFS.h>
			
 
				+#include <Streaming.h>
			
 
				+
			
 
				+class WifiConfig
			
 
				+{
			
 
				+private:
			
 
				+    String wifiNetworkSsid;
			
 
				+    String wifiNetworkPassword;
			
 
				+
			
 
				+    String softAPSsid;
			
 
				+    String softAPPassword;
			
 
				+    IPAddress softAPIPAddress;
			
 
				+    IPAddress softAPGateway;
			
 
				+    IPAddress softAPSubnet;
			
 
				+
			
 
				+public:
			
 
				+    void setWifiNetWorkSSid(String newWifiNetworkSsid);
			
 
				+    String getWifiNetworkSsid();
			
 
				+
			
 
				+    void setWifiNetWorkPassword(String newWifiNetworkPassword);
			
 
				+    String getWifiNetworkPassword();
			
 
				+
			
 
				+    void setSoftAPSsid(String newSoftAPSsid);
			
 
				+    String getSoftAPSsid();
			
 
				+
			
 
				+    void setSoftAPPassword(String newSoftAPPassword);
			
 
				+    String getSoftAPPassword();
			
 
				+
			
 
				+    void setSoftAPIPAddress(IPAddress newSoftAPIPAddress);
			
 
				+    IPAddress getSoftAPIPAddress();
			
 
				+
			
 
				+    void setSoftAPGateway(IPAddress newAPGateway);
			
 
				+    IPAddress getSoftAPGateway();
			
 
				+
			
 
				+    void setSoftAPSubnet(IPAddress newAPSubnet);
			
 
				+    IPAddress getSoftAPSubnet();
			
 
				+    
			
 
				+    StaticJsonDocument<256> toJson();
			
 
				+    bool persist(String fileName);
			
 
				+
			
 
				+};
			
 
				+
			
 
				+#endif //__POWEROUTLET_H__
			
--- a/include/powerbox.h
+++ b/include/powerbox.h
@@ -0,0 +1,70 @@
 
				+#ifndef __POWERBOX_H__
			
 
				+#define __POWERBOX_H__
			
 
				+
			
 
				+// includes
			
 
				+#include <Arduino.h>
			
 
				+
			
 
				+#include <LittleFS.h>
			
 
				+#include <ESPAsyncWebServer.h>
			
 
				+#include <ArduinoJson.h>
			
 
				+#include <AsyncJson.h>
			
 
				+#include <Streaming.h>
			
 
				+#include <Ticker.h>
			
 
				+
			
 
				+#include "PowerOutlet.h"
			
 
				+#include "WifiConfig.h"
			
 
				+
			
 
				+// defines
			
 
				+#define HTTP_PORT 80
			
 
				+
			
 
				+#define NUMBERPOWEROUTLETS 4
			
 
				+
			
 
				+const char *powerOutletsConfigFile = "/powerOutletsConfig.json";
			
 
				+const char *wifiConfigurationFile = "/wifiConfiguration.json";
			
 
				+
			
 
				+struct WiFiConfiguration
			
 
				+{
			
 
				+    char wifiNetworkSsid[30];
			
 
				+    char wifiNetworkPassword[30];
			
 
				+
			
 
				+    char softAPSsid[30];
			
 
				+    char softAPPassword[30];
			
 
				+    char softAPipAddress[15];
			
 
				+    char softAPGateway[15];
			
 
				+    char softAPSubnet[15];
			
 
				+};
			
 
				+
			
 
				+#define TOUCH_THRESHOLD 25
			
 
				+#define TOUCH_DEBOUNCE_TIME 500
			
 
				+
			
 
				+// function definitions
			
 
				+void processNotFound(AsyncWebServerRequest *request);
			
 
				+void processGetPowerOutlets(AsyncWebServerRequest *request);
			
 
				+void processGetPowerOutlets_Id(AsyncWebServerRequest *request);
			
 
				+void processPutPowerOutlets_Id(AsyncWebServerRequest *request, uint8_t *data, size_t len, size_t index, size_t total);
			
 
				+void processGetWifiConfig(AsyncWebServerRequest *request);
			
 
				+void processHttpWifiConfig(AsyncWebServerRequest *request, JsonVariant &json);
			
 
				+
			
 
				+void togglePowerOutlet(int id);
			
 
				+void turnOffAll();
			
 
				+void setPowerOutletState(int id, bool state);
			
 
				+void setonPowerOutlet(int id);
			
 
				+
			
 
				+void processTouch();
			
 
				+
			
 
				+bool setupWebserver();
			
 
				+void setupWifi();
			
 
				+void setupGPIO();
			
 
				+void setupTouchInterfaces();
			
 
				+void initializeTickers();
			
 
				+
			
 
				+bool loadPowerOutletsConfiguration();
			
 
				+bool savePowerOutletsConfiguration();
			
 
				+bool loadWiFiConfiguration();
			
 
				+
			
 
				+void onEvent(AsyncWebSocket *server, AsyncWebSocketClient *client, AwsEventType type,
			
 
				+             void *arg, uint8_t *data, size_t len);
			
 
				+void handleWebSocketMessage(void *arg, uint8_t *data, size_t len);
			
 
				+void notifyWebSocketClients(int id);
			
 
				+
			
 
				+#endif //__POWERBOX_H
			
--- a/lib/README
+++ b/lib/README
@@ -0,0 +1,46 @@
 
				+
			
 
				+This directory is intended for project specific (private) libraries.
			
 
				+PlatformIO will compile them to static libraries and link into executable file.
			
 
				+
			
 
				+The source code of each library should be placed in a an own separate directory
			
 
				+("lib/your_library_name/[here are source files]").
			
 
				+
			
 
				+For example, see a structure of the following two libraries `Foo` and `Bar`:
			
 
				+
			
 
				+|--lib
			
 
				+|  |
			
 
				+|  |--Bar
			
 
				+|  |  |--docs
			
 
				+|  |  |--examples
			
 
				+|  |  |--src
			
 
				+|  |     |- Bar.c
			
 
				+|  |     |- Bar.h
			
 
				+|  |  |- library.json (optional, custom build options, etc) https://docs.platformio.org/page/librarymanager/config.html
			
 
				+|  |
			
 
				+|  |--Foo
			
 
				+|  |  |- Foo.c
			
 
				+|  |  |- Foo.h
			
 
				+|  |
			
 
				+|  |- README --> THIS FILE
			
 
				+|
			
 
				+|- platformio.ini
			
 
				+|--src
			
 
				+   |- main.c
			
 
				+
			
 
				+and a contents of `src/main.c`:
			
 
				+```
			
 
				+#include <Foo.h>
			
 
				+#include <Bar.h>
			
 
				+
			
 
				+int main (void)
			
 
				+{
			
 
				+  ...
			
 
				+}
			
 
				+
			
 
				+```
			
 
				+
			
 
				+PlatformIO Library Dependency Finder will find automatically dependent
			
 
				+libraries scanning project source files.
			
 
				+
			
 
				+More information about PlatformIO Library Dependency Finder
			
 
				+- https://docs.platformio.org/page/librarymanager/ldf.html
			
--- a/platformio.ini
+++ b/platformio.ini
@@ -0,0 +1,26 @@
 
				+; PlatformIO Project Configuration File
			
 
				+;
			
 
				+;   Build options: build flags, source filter
			
 
				+;   Upload options: custom upload port, speed and extra flags
			
 
				+;   Library options: dependencies, extra library storages
			
 
				+;   Advanced options: extra scripting
			
 
				+;
			
 
				+; Please visit documentation for the other options and examples
			
 
				+; https://docs.platformio.org/page/projectconf.html
			
 
				+
			
 
				+[env:az-delivery-devkit-v4]
			
 
				+platform = espressif32
			
 
				+board = az-delivery-devkit-v4
			
 
				+framework = arduino
			
 
				+board_build.filesystem = littlefs
			
 
				+board_build.partitions = min_spiffs.csv
			
 
				+build_flags = 
			
 
				+	-DASYNCWEBSERVER_REGEX
			
 
				+platform_packages = 
			
 
				+	platformio/framework-arduinoespressif32 @ https://github.com/espressif/arduino-esp32.git
			
 
				+monitor_speed = 115200
			
 
				+lib_deps = 
			
 
				+	ottowinter/ESPAsyncWebServer-esphome@^2.1.0
			
 
				+	bblanchon/ArduinoJson@^6.19.4
			
 
				+	mikalhart/Streaming@^1.0.0
			
 
				+	sstaub/TickTwo@^4.4.0
			
--- a/src/PowerOutlet.cpp
+++ b/src/PowerOutlet.cpp
@@ -0,0 +1,105 @@
 
				+#include <PowerOutlet.h>
			
 
				+
			
 
				+void PowerOutlet::setId(int newId)
			
 
				+{
			
 
				+    id = newId;
			
 
				+}
			
 
				+
			
 
				+int PowerOutlet::getId()
			
 
				+{
			
 
				+    return id;
			
 
				+}
			
 
				+void PowerOutlet::setName(String newName)
			
 
				+{
			
 
				+    name = newName;
			
 
				+}
			
 
				+
			
 
				+String PowerOutlet::getName()
			
 
				+{
			
 
				+    return name;
			
 
				+}
			
 
				+
			
 
				+void PowerOutlet::setState(bool newState)
			
 
				+{
			
 
				+    state = newState;
			
 
				+}
			
 
				+
			
 
				+bool PowerOutlet::getState()
			
 
				+{
			
 
				+    return state;
			
 
				+}
			
 
				+
			
 
				+void PowerOutlet::setAutostart(bool newAutostart)
			
 
				+{
			
 
				+    autostart = newAutostart;
			
 
				+}
			
 
				+
			
 
				+bool PowerOutlet::getAutostart()
			
 
				+{
			
 
				+    return autostart;
			
 
				+}
			
 
				+
			
 
				+void PowerOutlet::setDelay(int newDelay)
			
 
				+{
			
 
				+    delay = newDelay;
			
 
				+}
			
 
				+
			
 
				+int PowerOutlet::getDelay()
			
 
				+{
			
 
				+    return delay;
			
 
				+}
			
 
				+
			
 
				+void PowerOutlet::setVoltage(float newVoltage)
			
 
				+{
			
 
				+    voltage = newVoltage;
			
 
				+}
			
 
				+
			
 
				+float PowerOutlet::getVoltage()
			
 
				+{
			
 
				+    return voltage;
			
 
				+}
			
 
				+
			
 
				+void PowerOutlet::setPin(int newPin)
			
 
				+{
			
 
				+    pin = newPin;
			
 
				+}
			
 
				+
			
 
				+int PowerOutlet::getPin()
			
 
				+{
			
 
				+    return pin;
			
 
				+}
			
 
				+
			
 
				+void PowerOutlet::setTouchPin(int newTouchPin)
			
 
				+{
			
 
				+    touchPin = newTouchPin;
			
 
				+}
			
 
				+
			
 
				+int PowerOutlet::getTouchPin()
			
 
				+{
			
 
				+    return touchPin;
			
 
				+}
			
 
				+
			
 
				+void PowerOutlet::setConnector(String newConnector)
			
 
				+{
			
 
				+    connector = newConnector;
			
 
				+}
			
 
				+
			
 
				+String PowerOutlet::getConnector()
			
 
				+{
			
 
				+    return connector;
			
 
				+}
			
 
				+
			
 
				+StaticJsonDocument<128> PowerOutlet::toJson(){
			
 
				+  StaticJsonDocument<128> document;
			
 
				+
			
 
				+  document["id"] = id;
			
 
				+  document["name"] = name;
			
 
				+  document["state"] = state;
			
 
				+  document["autostart"] = autostart;
			
 
				+  document["delay"] = delay;
			
 
				+  document["voltage"] = voltage;
			
 
				+  document["pin"] = pin;
			
 
				+  document["connector"] = connector;
			
 
				+
			
 
				+  return document;
			
 
				+}
			
--- a/src/WifiConfig.cpp
+++ b/src/WifiConfig.cpp
@@ -0,0 +1,113 @@
 
				+#include <WifiConfig.h>
			
 
				+
			
 
				+void WifiConfig::setWifiNetWorkSSid(String newWifiNetworkSsid)
			
 
				+{
			
 
				+    wifiNetworkSsid = newWifiNetworkSsid;
			
 
				+}
			
 
				+
			
 
				+String WifiConfig::getWifiNetworkSsid()
			
 
				+{
			
 
				+    return wifiNetworkSsid;
			
 
				+}
			
 
				+
			
 
				+void WifiConfig::setWifiNetWorkPassword(String newNetworkPassword)
			
 
				+{
			
 
				+    wifiNetworkPassword = newNetworkPassword;
			
 
				+}
			
 
				+
			
 
				+String WifiConfig::getWifiNetworkPassword()
			
 
				+{
			
 
				+    return wifiNetworkPassword;
			
 
				+}
			
 
				+
			
 
				+void WifiConfig::setSoftAPSsid(String newSoftAPSsid)
			
 
				+{
			
 
				+    softAPSsid = newSoftAPSsid;
			
 
				+}
			
 
				+
			
 
				+String WifiConfig::getSoftAPSsid()
			
 
				+{
			
 
				+    return softAPSsid;
			
 
				+}
			
 
				+
			
 
				+void WifiConfig::setSoftAPPassword(String newSoftAPPassword)
			
 
				+{
			
 
				+    softAPPassword = newSoftAPPassword;
			
 
				+}
			
 
				+
			
 
				+String WifiConfig::getSoftAPPassword()
			
 
				+{
			
 
				+    return softAPPassword;
			
 
				+}
			
 
				+
			
 
				+void WifiConfig::setSoftAPIPAddress(IPAddress newSoftAPIPAddress)
			
 
				+{
			
 
				+    softAPIPAddress = newSoftAPIPAddress;
			
 
				+}
			
 
				+
			
 
				+IPAddress WifiConfig::getSoftAPIPAddress()
			
 
				+{
			
 
				+    return softAPIPAddress;
			
 
				+}
			
 
				+
			
 
				+void WifiConfig::setSoftAPGateway(IPAddress newSoftAPGateway)
			
 
				+{
			
 
				+    softAPGateway = newSoftAPGateway;
			
 
				+}
			
 
				+
			
 
				+IPAddress WifiConfig::getSoftAPGateway()
			
 
				+{
			
 
				+    return softAPGateway;
			
 
				+}
			
 
				+
			
 
				+void WifiConfig::setSoftAPSubnet(IPAddress newSoftAPSubnet)
			
 
				+{
			
 
				+    softAPSubnet = newSoftAPSubnet;
			
 
				+}
			
 
				+
			
 
				+IPAddress WifiConfig::getSoftAPSubnet()
			
 
				+{
			
 
				+    return softAPSubnet;
			
 
				+}
			
 
				+
			
 
				+StaticJsonDocument<256> WifiConfig::toJson()
			
 
				+{
			
 
				+    StaticJsonDocument<256> document;
			
 
				+
			
 
				+    document["wifi_network_ssid"] = wifiNetworkSsid;
			
 
				+    document["wifi_network_password"] = wifiNetworkPassword;
			
 
				+    document["soft_ap_ssid"] = softAPSsid;
			
 
				+    document["soft_ap_password"] = softAPPassword;
			
 
				+    document["soft_ap_ip_address"] = softAPIPAddress.toString();
			
 
				+    document["soft_ap_gateway"] = softAPGateway.toString();
			
 
				+    document["soft_ap_subnet"] = softAPSubnet.toString();
			
 
				+
			
 
				+    return document;
			
 
				+}
			
 
				+
			
 
				+bool WifiConfig::persist(String fileName)
			
 
				+{
			
 
				+
			
 
				+    Serial << F("WifiConfig: persist") << endl;
			
 
				+
			
 
				+    File file = LittleFS.open(fileName.c_str(), "w");
			
 
				+
			
 
				+    if (!file)
			
 
				+    {
			
 
				+        Serial << F("WifiConfig: Error opening file for write") << endl;
			
 
				+        return false;
			
 
				+    }
			
 
				+    else
			
 
				+    {
			
 
				+        StaticJsonDocument<256> document;
			
 
				+        document = this->toJson();
			
 
				+
			
 
				+        serializeJsonPretty(document, Serial);
			
 
				+
			
 
				+        serializeJsonPretty(document, file);
			
 
				+
			
 
				+        file.close();
			
 
				+
			
 
				+        return true;
			
 
				+    }
			
 
				+}
			
--- a/src/powerbox.cpp
+++ b/src/powerbox.cpp
@@ -0,0 +1,497 @@
 
				+#include <powerbox.h>
			
 
				+
			
 
				+AsyncWebServer webServer(HTTP_PORT);
			
 
				+AsyncWebSocket webSocket("/ws");
			
 
				+
			
 
				+PowerOutlet powerOutlets[NUMBERPOWEROUTLETS];
			
 
				+Ticker autostartTickers[NUMBERPOWEROUTLETS];
			
 
				+bool touchDetected[NUMBERPOWEROUTLETS];
			
 
				+
			
 
				+WifiConfig wifiConfig;
			
 
				+
			
 
				+void setup()
			
 
				+{
			
 
				+  // Debug console
			
 
				+  Serial.begin(115200);
			
 
				+  while (!Serial)
			
 
				+    ;
			
 
				+
			
 
				+  delay(200);
			
 
				+
			
 
				+  // Start the filesystem
			
 
				+  LittleFS.begin();
			
 
				+
			
 
				+  // Load de WiFi configuration
			
 
				+  loadWiFiConfiguration();
			
 
				+  setupWifi();
			
 
				+
			
 
				+  // Initialize the GPIO
			
 
				+  setupGPIO();
			
 
				+
			
 
				+  // Initialize the autostart up tickers
			
 
				+  initializeTickers();
			
 
				+
			
 
				+  setupWebserver();
			
 
				+
			
 
				+  setupTouchInterfaces();
			
 
				+}
			
 
				+
			
 
				+bool setupWebserver()
			
 
				+{
			
 
				+
			
 
				+  // serve all files from /
			
 
				+  webServer.serveStatic("/", LittleFS, "/").setDefaultFile("index.html");
			
 
				+
			
 
				+  // REST API endpoints
			
 
				+  // get /power_outlets/{id}
			
 
				+  webServer.on("^\\/power_outlets\\/([0-9]+)$", HTTP_GET, processGetPowerOutlets_Id);
			
 
				+  // put /power_outlets/{id}
			
 
				+  webServer.on(
			
 
				+      "^\\/power_outlets\\/([0-9]+)$", HTTP_PUT, [](AsyncWebServerRequest *request) {},
			
 
				+      NULL, processPutPowerOutlets_Id);
			
 
				+
			
 
				+  // get /power_outlets
			
 
				+  webServer.on("/power_outlets", HTTP_GET, processGetPowerOutlets);
			
 
				+
			
 
				+  // get /wifi_config
			
 
				+  webServer.on("/wifi_config", HTTP_GET, processGetWifiConfig);
			
 
				+
			
 
				+  // /test
			
 
				+  AsyncCallbackJsonWebHandler *wifiConfigHandler =
			
 
				+      new AsyncCallbackJsonWebHandler("/wifi_config", processHttpWifiConfig);
			
 
				+
			
 
				+  webServer.addHandler(wifiConfigHandler);
			
 
				+
			
 
				+  // notFound page
			
 
				+  webServer.onNotFound(processNotFound);
			
 
				+
			
 
				+  // enable websocket
			
 
				+  webSocket.onEvent(onEvent);
			
 
				+  webServer.addHandler(&webSocket);
			
 
				+
			
 
				+  // start the webserver
			
 
				+  webServer.begin();
			
 
				+
			
 
				+  return true;
			
 
				+}
			
 
				+
			
 
				+void loop()
			
 
				+{
			
 
				+  webSocket.cleanupClients();
			
 
				+}
			
 
				+
			
 
				+void processGetPowerOutlets(AsyncWebServerRequest *request)
			
 
				+{
			
 
				+  Serial << F("webserver: processGetPowerOutlets") << endl;
			
 
				+
			
 
				+  AsyncResponseStream *response = request->beginResponseStream("application/json");
			
 
				+  StaticJsonDocument<768> responseDocument;
			
 
				+
			
 
				+  for (int i = 0; i < NUMBERPOWEROUTLETS; i++)
			
 
				+  {
			
 
				+    responseDocument.add(powerOutlets[i].toJson());
			
 
				+  }
			
 
				+
			
 
				+  serializeJsonPretty(responseDocument, Serial);
			
 
				+
			
 
				+  serializeJson(responseDocument, *response);
			
 
				+
			
 
				+  request->send(response);
			
 
				+}
			
 
				+
			
 
				+void processGetPowerOutlets_Id(AsyncWebServerRequest *request)
			
 
				+{
			
 
				+  int powerOutletId = request->pathArg(0).toInt();
			
 
				+
			
 
				+  Serial << F("webserver: processGetPowerOutlets of id: ") << powerOutletId << endl;
			
 
				+
			
 
				+  AsyncResponseStream *response = request->beginResponseStream("application/json");
			
 
				+
			
 
				+  serializeJson(powerOutlets[powerOutletId].toJson(), *response);
			
 
				+
			
 
				+  request->send(response);
			
 
				+}
			
 
				+
			
 
				+void processGetWifiConfig(AsyncWebServerRequest *request)
			
 
				+{
			
 
				+
			
 
				+  Serial << F("Webserver: processGetWifiConfig") << endl;
			
 
				+
			
 
				+  AsyncResponseStream *response = request->beginResponseStream("application/json");
			
 
				+
			
 
				+  serializeJson(wifiConfig.toJson(), *response);
			
 
				+
			
 
				+  request->send(response);
			
 
				+}
			
 
				+
			
 
				+void processHttpWifiConfig(AsyncWebServerRequest *request, JsonVariant &json)
			
 
				+{
			
 
				+  Serial << F("Webserver: processHttpWifiConfig - ") << request->methodToString() << endl;
			
 
				+
			
 
				+  switch (request->method())
			
 
				+  {
			
 
				+  // HTTP_PUT
			
 
				+  case HTTP_PUT:
			
 
				+  {
			
 
				+
			
 
				+    IPAddress tempIPAddress;
			
 
				+    char tempIPAddressChar[15];
			
 
				+
			
 
				+    AsyncResponseStream *response = request->beginResponseStream("application/json");
			
 
				+
			
 
				+    serializeJsonPretty(json, Serial);
			
 
				+
			
 
				+    wifiConfig.setWifiNetWorkSSid(json["wifi_network_ssid"]);
			
 
				+    wifiConfig.setWifiNetWorkPassword(json["wifi_network_password"]);
			
 
				+    wifiConfig.setSoftAPSsid(json["soft_ap_ssid"]);
			
 
				+    wifiConfig.setSoftAPPassword(json["soft_ap_password"]);
			
 
				+    strlcpy(tempIPAddressChar, json["soft_ap_ip_address"],
			
 
				+            sizeof(tempIPAddressChar));
			
 
				+    tempIPAddress.fromString(tempIPAddressChar);
			
 
				+    wifiConfig.setSoftAPIPAddress(tempIPAddress);
			
 
				+    strlcpy(tempIPAddressChar, json["soft_ap_subnet"],
			
 
				+            sizeof(tempIPAddressChar));
			
 
				+    tempIPAddress.fromString(tempIPAddressChar);
			
 
				+    wifiConfig.setSoftAPSubnet(tempIPAddress);
			
 
				+    strlcpy(tempIPAddressChar, json["soft_ap_gateway"],
			
 
				+            sizeof(tempIPAddressChar));
			
 
				+    tempIPAddress.fromString(tempIPAddressChar);
			
 
				+    wifiConfig.setSoftAPGateway(tempIPAddress);
			
 
				+
			
 
				+    wifiConfig.persist(wifiConfigurationFile);
			
 
				+
			
 
				+    serializeJson(wifiConfig.toJson(), *response);
			
 
				+
			
 
				+    request->send(response);
			
 
				+
			
 
				+    break;
			
 
				+  }
			
 
				+
			
 
				+  // HTTP_GET
			
 
				+  case HTTP_GET:
			
 
				+  {
			
 
				+    AsyncResponseStream *response = request->beginResponseStream("application/json");
			
 
				+
			
 
				+    serializeJson(wifiConfig.toJson(), *response);
			
 
				+
			
 
				+    request->send(response);
			
 
				+    break;
			
 
				+  }
			
 
				+
			
 
				+  default:
			
 
				+  {
			
 
				+    request->send(404, "text/plain", "Request not supported");
			
 
				+    break;
			
 
				+  }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+void processNotFound(AsyncWebServerRequest *request)
			
 
				+{
			
 
				+  request->send(404, "text/plain", "Not found");
			
 
				+}
			
 
				+
			
 
				+void processPutPowerOutlets_Id(AsyncWebServerRequest *request, uint8_t *data, size_t len, size_t index, size_t total)
			
 
				+{
			
 
				+  int powerOutletId = request->pathArg(0).toInt();
			
 
				+
			
 
				+  Serial << F("webserver: processPutPowerOutlets of id: ") << powerOutletId << endl;
			
 
				+
			
 
				+  if (!index)
			
 
				+  {
			
 
				+    Serial.printf("BodyStart: %u B\n", total);
			
 
				+  }
			
 
				+  for (size_t i = 0; i < len; i++)
			
 
				+  {
			
 
				+    Serial.write(data[i]);
			
 
				+  }
			
 
				+  if (index + len == total)
			
 
				+  {
			
 
				+    Serial.printf("BodyEnd: %u B\n", total);
			
 
				+  }
			
 
				+
			
 
				+  AsyncResponseStream *response = request->beginResponseStream("application/json");
			
 
				+  StaticJsonDocument<96> document;
			
 
				+  DeserializationError error = deserializeJson(document, (char *)data);
			
 
				+
			
 
				+  if (document["id"] == powerOutletId)
			
 
				+  {
			
 
				+    powerOutlets[powerOutletId].setName(document["name"]);
			
 
				+
			
 
				+    savePowerOutletsConfiguration();
			
 
				+
			
 
				+    serializeJson(powerOutlets[powerOutletId].toJson(), *response);
			
 
				+  }
			
 
				+  else
			
 
				+  {
			
 
				+  }
			
 
				+  request->send(response);
			
 
				+}
			
 
				+
			
 
				+void setupGPIO()
			
 
				+{
			
 
				+  Serial << F("Setting up GPIO") << endl;
			
 
				+
			
 
				+  // Load the initial relay configuration
			
 
				+  loadPowerOutletsConfiguration();
			
 
				+
			
 
				+  for (int i = 0; i < NUMBERPOWEROUTLETS; i++)
			
 
				+  {
			
 
				+    int pin = powerOutlets[i].getPin();
			
 
				+    pinMode(pin, OUTPUT);
			
 
				+    digitalWrite(pin, LOW);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+bool loadPowerOutletsConfiguration()
			
 
				+{
			
 
				+  // Read the pins configuration
			
 
				+  File file = LittleFS.open("/pinConfig.json");
			
 
				+  // Allocate a temporary JsonDocument
			
 
				+  StaticJsonDocument<384> pinsDoc;
			
 
				+  // Deserialize the JSON document
			
 
				+  DeserializationError error = deserializeJson(pinsDoc, file);
			
 
				+  if (error)
			
 
				+    Serial << F("Failed to read pinConfig.json") << endl;
			
 
				+  file.close();
			
 
				+
			
 
				+  // Read the power outlet data
			
 
				+  file = LittleFS.open(powerOutletsConfigFile);
			
 
				+  // Allocate a temporary JsonDocument
			
 
				+  StaticJsonDocument<768> powerOutletsDoc;
			
 
				+  // Deserialize the JSON document
			
 
				+  error = deserializeJson(powerOutletsDoc, file);
			
 
				+  if (error)
			
 
				+    Serial << F("Failed to read powerOutletsConfig.json, using default configuration") << endl;
			
 
				+  file.close();
			
 
				+
			
 
				+  // Copy values from the JsonDocument
			
 
				+  for (int i = 0; i < NUMBERPOWEROUTLETS; i++)
			
 
				+  {
			
 
				+    powerOutlets[i].setId(powerOutletsDoc[i]["id"]);
			
 
				+    powerOutlets[i].setName(powerOutletsDoc[i]["name"]);
			
 
				+    powerOutlets[i].setAutostart(powerOutletsDoc[i]["autostart"]);
			
 
				+    powerOutlets[i].setDelay(powerOutletsDoc[i]["delay"]);
			
 
				+    powerOutlets[i].setPin(powerOutletsDoc[i]["pin"]);
			
 
				+    // retrieve the pin information
			
 
				+    for (int j = 0; j < NUMBERPOWEROUTLETS; j++)
			
 
				+      if (pinsDoc[j]["pin"] == powerOutletsDoc[i]["pin"])
			
 
				+      {
			
 
				+        powerOutlets[i].setVoltage(pinsDoc[j]["voltage"]);
			
 
				+        powerOutlets[i].setConnector(pinsDoc[j]["connector"]);
			
 
				+        powerOutlets[i].setTouchPin(pinsDoc[j]["touch_pin"]);
			
 
				+
			
 
				+        // break out of for-loop
			
 
				+        j = NUMBERPOWEROUTLETS;
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  Serial << F("Initial outlet states:") << endl;
			
 
				+  for (int i = 0; i < NUMBERPOWEROUTLETS; i++)
			
 
				+  {
			
 
				+    Serial << F("\t") << powerOutlets[i].getName() << F(":\t") << powerOutlets[i].getState();
			
 
				+    Serial << F("\t") << powerOutlets[i].getPin() << F("\t") << powerOutlets[i].getVoltage();
			
 
				+    Serial << F("\t") << powerOutlets[i].getConnector() << endl;
			
 
				+  }
			
 
				+
			
 
				+  return true;
			
 
				+}
			
 
				+
			
 
				+bool savePowerOutletsConfiguration()
			
 
				+{
			
 
				+  File file = LittleFS.open(powerOutletsConfigFile, "w");
			
 
				+
			
 
				+  StaticJsonDocument<512> saveDocument;
			
 
				+
			
 
				+  for (int i = 0; i < NUMBERPOWEROUTLETS; i++)
			
 
				+  {
			
 
				+    Serial << endl
			
 
				+           << endl;
			
 
				+    saveDocument.add(powerOutlets[i].toJson());
			
 
				+  }
			
 
				+
			
 
				+  serializeJsonPretty(saveDocument, Serial);
			
 
				+  Serial << endl
			
 
				+         << endl;
			
 
				+  serializeJsonPretty(saveDocument, file);
			
 
				+
			
 
				+  file.close();
			
 
				+
			
 
				+  return true;
			
 
				+}
			
 
				+
			
 
				+bool loadWiFiConfiguration()
			
 
				+{
			
 
				+  File file = LittleFS.open(wifiConfigurationFile);
			
 
				+
			
 
				+  IPAddress tempIPAddress;
			
 
				+  char tempIPAddressChar[15];
			
 
				+
			
 
				+  // Allocate a temporary JsonDocument
			
 
				+  StaticJsonDocument<512> doc;
			
 
				+
			
 
				+  // Deserialize the JSON document
			
 
				+  DeserializationError error = deserializeJson(doc, file);
			
 
				+
			
 
				+  if (error)
			
 
				+    Serial << F("Failed to read file, using default configuration") << endl;
			
 
				+
			
 
				+  // Copy values from the JsonDocument to the wifiConfig class
			
 
				+  wifiConfig.setWifiNetWorkSSid(doc["wifi_network_ssid"]);
			
 
				+  wifiConfig.setWifiNetWorkPassword(doc["wifi_network_password"]);
			
 
				+  wifiConfig.setSoftAPSsid(doc["soft_ap_ssid"]);
			
 
				+  wifiConfig.setSoftAPPassword(doc["soft_ap_password"]);
			
 
				+  strlcpy(tempIPAddressChar, doc["soft_ap_ip_address"],
			
 
				+          sizeof(tempIPAddressChar));
			
 
				+  tempIPAddress.fromString(tempIPAddressChar);
			
 
				+  wifiConfig.setSoftAPIPAddress(tempIPAddress);
			
 
				+  strlcpy(tempIPAddressChar, doc["soft_ap_subnet"],
			
 
				+          sizeof(tempIPAddressChar));
			
 
				+  tempIPAddress.fromString(tempIPAddressChar);
			
 
				+  wifiConfig.setSoftAPSubnet(tempIPAddress);
			
 
				+  strlcpy(tempIPAddressChar, doc["soft_ap_gateway"],
			
 
				+          sizeof(tempIPAddressChar));
			
 
				+  tempIPAddress.fromString(tempIPAddressChar);
			
 
				+  wifiConfig.setSoftAPGateway(tempIPAddress);
			
 
				+
			
 
				+  file.close();
			
 
				+
			
 
				+  serializeJsonPretty(wifiConfig.toJson(), Serial);
			
 
				+  Serial << endl;
			
 
				+
			
 
				+  return true;
			
 
				+}
			
 
				+
			
 
				+void processTouch()
			
 
				+{
			
 
				+}
			
 
				+
			
 
				+void setupTouchInterfaces()
			
 
				+{
			
 
				+
			
 
				+  for (int i = 0; i < NUMBERPOWEROUTLETS; i++)
			
 
				+  {
			
 
				+    // Setup the touch interupts
			
 
				+    touchAttachInterrupt(powerOutlets[i].getTouchPin(), processTouch, TOUCH_THRESHOLD);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+void setupWifi()
			
 
				+{
			
 
				+  // Set up AP
			
 
				+  WiFi.mode(WIFI_MODE_APSTA);
			
 
				+
			
 
				+  WiFi.softAPConfig(wifiConfig.getSoftAPIPAddress(), wifiConfig.getSoftAPGateway(), wifiConfig.getSoftAPSubnet());
			
 
				+  WiFi.softAP(wifiConfig.getSoftAPSsid().c_str(), wifiConfig.getSoftAPPassword().c_str());
			
 
				+
			
 
				+  // Connect to WiFi
			
 
				+  WiFi.begin(wifiConfig.getWifiNetworkSsid().c_str(), wifiConfig.getWifiNetworkPassword().c_str());
			
 
				+
			
 
				+  if (WiFi.waitForConnectResult() != WL_CONNECTED)
			
 
				+  {
			
 
				+    Serial << F("Wifi connection failed!!") << endl;
			
 
				+    return;
			
 
				+  }
			
 
				+  else
			
 
				+  {
			
 
				+    Serial << F("Wifi configuration:") << endl;
			
 
				+    Serial << F("\tIP: ") << WiFi.localIP() << endl;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+void togglePowerOutlet(int id)
			
 
				+{
			
 
				+  setPowerOutletState(id, !powerOutlets[id].getState());
			
 
				+}
			
 
				+
			
 
				+void setPowerOutletState(int id, bool state)
			
 
				+{
			
 
				+  powerOutlets[id].setState(state);
			
 
				+
			
 
				+  digitalWrite(powerOutlets[id].getPin(), state ? HIGH : LOW);
			
 
				+  notifyWebSocketClients(id);
			
 
				+}
			
 
				+
			
 
				+void turnOffAll()
			
 
				+{
			
 
				+  for (int i = 0; i < NUMBERPOWEROUTLETS; i++)
			
 
				+  {
			
 
				+    setPowerOutletState(i, false);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+void notifyWebSocketClients(int id)
			
 
				+{
			
 
				+  String message;
			
 
				+
			
 
				+  serializeJson(powerOutlets[id].toJson(), message);
			
 
				+
			
 
				+  webSocket.textAll(message);
			
 
				+}
			
 
				+
			
 
				+void onEvent(AsyncWebSocket *server, AsyncWebSocketClient *client, AwsEventType type,
			
 
				+             void *arg, uint8_t *data, size_t len)
			
 
				+{
			
 
				+  switch (type)
			
 
				+  {
			
 
				+  case WS_EVT_CONNECT:
			
 
				+    Serial << F("WebSocket client #") << client->id() << F(" connected from ") << client->remoteIP().toString() << endl;
			
 
				+    break;
			
 
				+  case WS_EVT_DISCONNECT:
			
 
				+    Serial << F("WebSocket client #") << client->id() << F(" disconnected") << endl;
			
 
				+    break;
			
 
				+  case WS_EVT_DATA:
			
 
				+    handleWebSocketMessage(arg, data, len);
			
 
				+    break;
			
 
				+  case WS_EVT_PONG:
			
 
				+  case WS_EVT_ERROR:
			
 
				+    break;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+void handleWebSocketMessage(void *arg, uint8_t *data, size_t len)
			
 
				+{
			
 
				+  StaticJsonDocument<32> document;
			
 
				+  AwsFrameInfo *info = (AwsFrameInfo *)arg;
			
 
				+
			
 
				+  Serial << F("Handling WS event") << endl;
			
 
				+  if (info->final && info->index == 0 && info->len == len && info->opcode == WS_TEXT)
			
 
				+  {
			
 
				+    // Deserialize the JSON document
			
 
				+    DeserializationError error = deserializeJson(document, (char *)data);
			
 
				+
			
 
				+    serializeJsonPretty(document, Serial);
			
 
				+    Serial << endl;
			
 
				+
			
 
				+    if (strcmp(document["cmd"], "toggle") == 0)
			
 
				+    {
			
 
				+      Serial << F("WS: toggle power outlet ") << endl;
			
 
				+      togglePowerOutlet(document["id"]);
			
 
				+    }
			
 
				+
			
 
				+    if (strcmp(document["cmd"], "turn_off_all") == 0)
			
 
				+    {
			
 
				+      Serial << F("WS: turning all power outlets off") << endl;
			
 
				+      turnOffAll();
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+void initializeTickers()
			
 
				+{
			
 
				+  for (int i = 0; i < NUMBERPOWEROUTLETS; i++)
			
 
				+  {
			
 
				+    if (powerOutlets[i].getAutostart())
			
 
				+    {
			
 
				+      autostartTickers[i].attach(powerOutlets[i].getDelay(), setonPowerOutlet, i);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+void setonPowerOutlet(int id)
			
 
				+{
			
 
				+  Serial << powerOutlets[id].getName() << F(" autostarted after ") << millis() << endl;
			
 
				+  setPowerOutletState(id, true);
			
 
				+  
			
 
				+  autostartTickers[id].detach();
			
 
				+}
			
--- a/test/README
+++ b/test/README
@@ -0,0 +1,11 @@
 
				+
			
 
				+This directory is intended for PlatformIO Test Runner and project tests.
			
 
				+
			
 
				+Unit Testing is a software testing method by which individual units of
			
 
				+source code, sets of one or more MCU program modules together with associated
			
 
				+control data, usage procedures, and operating procedures, are tested to
			
 
				+determine whether they are fit for use. Unit testing finds problems early
			
 
				+in the development cycle.
			
 
				+
			
 
				+More information about PlatformIO Unit Testing:
			
 
				+- https://docs.platformio.org/en/latest/advanced/unit-testing/index.html