-
-
-
-
+The [eSpa project](https://espa.diy) is an open source community for spa home automation, built around [firmware](https://espa.diy/firmware.html) (found in this GitHub repo) and a simple [hardware design](https://espa.diy/hardware.html) that you can build yourself, or [purchase pre-assembled](https://store.espa.diy/).
+Learn more at the [eSpa website](https://espa.diy), and [join us on Discord](https://discord.gg/faK8Ag4wHn).
diff --git a/data/www/espa.js b/data/www/espa.js
new file mode 100644
index 0000000..edc804c
--- /dev/null
+++ b/data/www/espa.js
@@ -0,0 +1,537 @@
+/************************************************************************************************
+ *
+ * Utility Methods
+ *
+ ***********************************************************************************************/
+function confirmAction(url) {
+ if (confirm('Are you sure?')) {
+ window.location.href = url;
+ }
+}
+
+function confirmFunction(func) {
+ if (confirm('Are you sure?')) {
+ func();
+ }
+}
+
+function parseVersion(version) {
+ const match = version.match(/^v([\d.]+)/);
+ if (!match) return null;
+ return match[1].split('.').map(Number);
+}
+
+function compareVersions(current, latest) {
+ if (!current) return -1;
+ if (!latest) return 1;
+ for (let i = 0; i < Math.max(current.length, latest.length); i++) {
+ const a = current[i] || 0;
+ const b = latest[i] || 0;
+ if (a < b) return -1;
+ if (a > b) return 1;
+ }
+ return 0;
+}
+
+// Copy to clipboard functionality
+$('#copyToClipboardButton').click(function () {
+ copyToClipboard('#infoModelPre');
+});
+
+function copyToClipboard(element) {
+ const text = $(element).text();
+ navigator.clipboard.writeText(text).then(() => {
+ //alert('Copied to clipboard: ' + text);
+ }).catch(err => {
+ console.error('Failed to copy: ', err);
+ });
+}
+
+function reboot(message) {
+ $.ajax({
+ url: '/reboot',
+ type: 'GET',
+ success: () => showAlert(message, 'alert-success', 'Reboot'),
+ error: () => showAlert('Failed to initiate reboot.', 'alert-danger', 'Error'),
+ complete: () => setTimeout(() => location.href = '/', 2000)
+ });
+}
+
+
+/************************************************************************************************
+ *
+ * Status
+ *
+ ***********************************************************************************************/
+
+let fetchStatusFailed = false;
+
+function fetchStatus() {
+ fetch('/json')
+ .then(response => response.json())
+ .then(value_json => {
+ if (fetchStatusFailed) {
+ clearAlert();
+ fetchStatusFailed = false;
+ }
+ updateStatusElement('status_state', value_json.status.state);
+ updateStatusElement('temperatures_water', value_json.temperatures.water + "\u00B0C");
+ updateStatusElement('temperatures_setPoint', value_json.temperatures.setPoint);
+ updateStatusElement('status_controller', value_json.status.controller);
+ updateStatusElement('status_firmware', value_json.status.firmware);
+ updateStatusElement('status_serial', value_json.status.serial);
+ updateStatusElement('status_siInitialised', value_json.status.siInitialised);
+ updateStatusElement('status_mqtt', value_json.status.mqtt);
+ updateStatusElement('espa_model', value_json.eSpa.model);
+ updateStatusElement('espa_build', value_json.eSpa.update.installed_version);
+ })
+ .catch(error => {
+ console.error('Error fetching status:', error);
+ showAlert('Error connecting to the spa. If this persists, take a look at our
+
+
+
+ Status
+
+
+
+
+
+
+
+
+ | Spa status: | +Loading... | +
| Spa temperature: | +Loading... | +
| Spa controller: | +Loading... | +
| Spa controller firmware: | +Loading... + | +
| Spa serial number: | +Loading... | +
| Spa interface initialised: | +Loading... | +
| MQTT status: | +Loading... | +
| eSpa Model: | +Loading... | +
| eSpa Build: | +Loading... | +
+
+
+
+ Controls
+
+
+
+
+
+
+
+
+
+ | Set Temperature: | ++ + | +
Built with 
by the eSpa Team