Add startup and shutdown buttons

src/assets/HestiaClasses.js

@@ -114,4 +114,18 @@ export class Communicator {
             }
         });
     }
+
+    // Send startup command
+    startup() {
+        this.send('hestia/command/startup', JSON.stringify({
+            "publisher": "front"
+        }));
+    }
+
+    // Send shutdown command
+    shutdown() {
+        this.send('hestia/command/shutdown', JSON.stringify({
+            "publisher": "front"
+        }));
+    }
 }

src/assets/hestia.js

@@ -61,6 +61,16 @@ export function togglePower(element) {
     refreshState(window.document, psState);
 }
 
+export function startup() {
+    psState.startup(comms);
+    refreshState(window.document, psState);
+}
+
+export function shutdown() {
+    psState.shutdown(comms);
+    refreshState(window.document, psState);
+}
+
 window.onload = function() {
     comms.init(psState, config);
     refreshState(window.document, psState);

src/index.html

@@ -64,6 +64,12 @@
             <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" onclick="togglePower('auger')">
             </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="start-btn" value="Startup" name="startButton" onclick="startup()">
+            </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="stop-btn" value="Shutdown" name="stopButton" onclick="shutdown()">
+            </div>
             <form action="/" method="post">
                 <!-- Set feed rates -->
                 <div class="form-group mt-4">