From 5df46b23d271db2ad05dbb2a9ed9b9203d08d851 Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Tue, 17 Sep 2019 23:12:38 -0700
Subject: [PATCH] Add power controls

---
 .../components/server/ServerConsole.tsx       | 36 +++++++++++++++++--
 1 file changed, 33 insertions(+), 3 deletions(-)

diff --git a/resources/scripts/components/server/ServerConsole.tsx b/resources/scripts/components/server/ServerConsole.tsx
index aa6bf4bf9..854644f2e 100644
--- a/resources/scripts/components/server/ServerConsole.tsx
+++ b/resources/scripts/components/server/ServerConsole.tsx
@@ -37,6 +37,10 @@ export default () => {
         setCpu(stats.cpu_absolute);
     };
 
+    const sendPowerCommand = (command: 'start' | 'stop' | 'restart' | 'kill') => {
+        instance && instance.send('set state', command);
+    };
+
     useEffect(() => {
         if (!connected || !instance) {
             return;
@@ -91,9 +95,35 @@ export default () => {
                     </div>
                 </div>
                 <GreyBox className={'justify-center'}>
-                    <button className={'btn btn-secondary btn-xs mr-2'}>Start</button>
-                    <button className={'btn btn-secondary btn-xs mr-2'}>Restart</button>
-                    <button className={'btn btn-red btn-xs'}>Stop</button>
+                    <button
+                        className={'btn btn-secondary btn-xs mr-2'}
+                        disabled={status !== 'offline'}
+                        onClick={e => {
+                            e.preventDefault();
+                            sendPowerCommand('start');
+                        }}
+                    >
+                        Start
+                    </button>
+                    <button
+                        className={'btn btn-secondary btn-xs mr-2'}
+                        onClick={e => {
+                            e.preventDefault();
+                            sendPowerCommand('restart');
+                        }}
+                    >
+                        Restart
+                    </button>
+                    <button
+                        className={'btn btn-red btn-xs'}
+                        disabled={status === 'offline'}
+                        onClick={e => {
+                            e.preventDefault();
+                            sendPowerCommand(status === 'stopping' ? 'kill' : 'stop');
+                        }}
+                    >
+                        Stop
+                    </button>
                 </GreyBox>
             </div>
             <React.Suspense