fix: host reboot and shutdown now work

Author: cadriel

src/components/widgets/SystemCommandsWidget.vue

@@ -6,8 +6,8 @@
         <v-btn block color="warning" :disabled="printerBusy" @click="sendGcode('FIRMWARE_RESTART')" class="me-2 mb-2">Firmware Restart</v-btn>
       </v-col>
       <v-col>
-        <v-btn block color="error" :disabled="printerBusy" @click="sendGcode('HOST_REBOOT')" class="me-2 mb-2">Host Reboot</v-btn>
-        <v-btn block color="error" :disabled="printerBusy" @click="sendGcode('HOST_RESTART')" class="me-2 mb-2">Host Shutdown</v-btn>
+        <v-btn block color="error" :disabled="printerBusy" @click="hostReboot" class="me-2 mb-2">Host Reboot</v-btn>
+        <v-btn block color="error" :disabled="printerBusy" @click="hostShutdown" class="me-2 mb-2">Host Shutdown</v-btn>
       </v-col>
     </v-row>
   </v-card-text>
@@ -16,7 +16,16 @@
 <script lang="ts">
 import { Component, Mixins } from 'vue-property-decorator'
 import UtilsMixin from '@/mixins/utils'
+import { SocketActions } from '@/socketActions'
 
 @Component({})
-export default class SystemCommandsWidget extends Mixins(UtilsMixin) {}
+export default class SystemCommandsWidget extends Mixins(UtilsMixin) {
+  hostReboot () {
+    SocketActions.machineReboot()
+  }
+
+  hostShutdown () {
+    SocketActions.machineShutdown()
+  }
+}
 </script>

src/socketActions.ts

@@ -18,6 +18,18 @@ export const SocketActions = {
     )
   },
 
+  async machineReboot () {
+    Vue.$socket.emit(
+      'machine.reboot'
+    )
+  },
+
+  async machineShutdown () {
+    Vue.$socket.emit(
+      'machine.shutdown'
+    )
+  },
+
   async printerQueryEndstops () {
     Vue.$socket.emit(
       'printer.query_endstops.status', {