From 83c040b800186da34c70f5812eb3cddd68a66bae Mon Sep 17 00:00:00 2001
From: Skylar Grant <sky@vfsh.dev>
Date: Sat, 30 Nov 2024 17:30:03 -0500
Subject: [PATCH] Fix set feedrate

---
 src/assets/hestia.js | 11 ++++++++++-
 src/index.html       | 30 ++++++++++++++----------------
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/assets/hestia.js b/src/assets/hestia.js
index 072a5d4..7cd4709 100644
--- a/src/assets/hestia.js
+++ b/src/assets/hestia.js
@@ -26,6 +26,8 @@ const config = {
 const psState = new State(config);
 const comms = new Communicator(psState);
 
+const setFeedRateButton = document.getElementById("set-feed-rate");
+
 export function refreshState(doc, state) {
     const igniterStatus = doc.getElementById("igniter-status");
     const exhaustStatus = doc.getElementById("exhaust-status");
@@ -73,4 +75,11 @@ export function shutdown() {
 window.onload = function() {
     comms.init(psState, config);
     refreshState(window.document, psState);
-};
\ No newline at end of file
+};
+
+setFeedRateButton.addEventListener("click", function() {
+    const feedRate = document.getElementById("feed-rate").value;
+    psState.auger.feedRate = feedRate;
+    comms.send(config.mqtt.topics.auger, JSON.stringify(psState.auger));
+    refreshState(window.document, psState);
+});
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index b489c70..42c16f3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -72,22 +72,20 @@
             <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="stop-btn" value="Shutdown" name="stopButton" onclick="shutdown()">
             </div>
-            <form action="/" method="post">
-                <!-- Set feed rates -->
-                <div class="form-group mt-4">
-                    <label for="feedRate" class="block text-sm font-medium text-purple-400">Feed Rate:</label>
-                    <select name="feedRate" class="form-control bg-gray-700 text-white mt-1 block w-full rounded border-gray-600 focus:border-purple-500 focus:ring-purple-500 py-2 px-4">
-                        <option value="500">Low</option>
-                        <option value="625">Medium-Low</option>
-                        <option value="750">Medium</option>
-                        <option value="875">Medium-High</option>
-                        <option value="1000">High</option>
-                    </select>
-                </div>
-                <div class="button-container flex justify-end mt-4">
-                    <input class="btn bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded w-full" type="submit" id="reload" value="Set Feed Rate" name="reload">
-                </div>
-            </form>
+            <!-- Set feed rates -->
+            <div class="form-group mt-4">
+                <label for="feed-rate" class="block text-sm font-medium text-purple-400">Feed Rate:</label>
+                <select name="feed-rate" id="feed-rate" class="form-control bg-gray-700 text-white mt-1 block w-full rounded border-gray-600 focus:border-purple-500 focus:ring-purple-500 py-2 px-4">
+                    <option value="500">Low</option>
+                    <option value="625">Medium-Low</option>
+                    <option value="750">Medium</option>
+                    <option value="875">Medium-High</option>
+                    <option value="1000">High</option>
+                </select>
+            </div>
+            <div class="button-container flex justify-end mt-4">
+                <button class="btn bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded w-full" id="set-feed-rate" name="reload">Set Feed Rate</button>
+            </div>
         </div>
 
         <div class="text-center my-8">