From 31da872ef6aa841d7b4252cc0407e749f36dadca Mon Sep 17 00:00:00 2001
From: Skylar Grant <sky@vfsh.dev>
Date: Thu, 15 Aug 2024 10:44:10 -0400
Subject: [PATCH] Test buttons and state refresh 1

---
 src/assets/hestia.js | 1 +
 src/index.html       | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/assets/hestia.js b/src/assets/hestia.js
index b57ba33..f3a357f 100644
--- a/src/assets/hestia.js
+++ b/src/assets/hestia.js
@@ -51,4 +51,5 @@ function refreshState(doc, state) {
 
 function power(element) {
     psState[element].power(comms);
+    refreshState(window.document, psState);
 }
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 6be302b..9b79d91 100644
--- a/src/index.html
+++ b/src/index.html
@@ -44,13 +44,13 @@
             <form action="/" method="post">
                 <!-- Start | Shutdown | Reload Settings -->
                 <div class="button-container flex">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="igniter-toggle-btn" value="Toggle Igniter" name="igniterToggle">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="igniter-toggle-btn" value="Toggle Igniter" name="igniterToggle" onclick="power('igniter')">
                 </div>
                 <div class="button-container flex mt-4">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="exhaust-toggle-btn" value="Toggle Exhaust" name="exhaustToggle">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="exhaust-toggle-btn" value="Toggle Exhaust" name="exhaustToggle" onclick="power('exhaust')">
                 </div>
                 <div class="button-container flex mt-4">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="auger-toggle-btn" value="Toggle Auger" name="augerToggle">
+                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="auger-toggle-btn" value="Toggle Auger" name="augerToggle" onclick="power('auger')">
                 </div>
 
                 <!-- Set feed rates -->