From b733d387ed86b170e5ca1bcd48bcfc6189c35a1d Mon Sep 17 00:00:00 2001
From: Gkiokan Sali <gkiokan@hotmail.de>
Date: Wed, 27 Apr 2022 20:15:41 +0200
Subject: [PATCH] update button state to disabled based on the server staet

---
 src/components/Config.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Config.vue b/src/components/Config.vue
index b4664c0..8157cd9 100644
--- a/src/components/Config.vue
+++ b/src/components/Config.vue
@@ -39,9 +39,9 @@
     <q-btn class="full-width q-mb-md" :color="getServerStateColor" :label="getServerStateLabel" />
 
     <div class='q-gutter-md space-around'>
-        <q-btn outline icon="play_arrow" color="green-8" label="Start" @click="$root.startServer" v-if="!state || state == 'stopped'" />
-        <q-btn outline icon="restart_alt" color="orange-8" label="Restart" @click="$root.restartServer" v-if="state == 'running'" />
-        <q-btn outline icon="stop" color="red-8" label="Stop" @click="$root.stopServer" v-if="state == 'running'" />
+        <q-btn outline icon="play_arrow" color="green-8" label="Start" @click="$root.startServer" :disable="!state || state != 'stopped'" />
+        <q-btn outline icon="restart_alt" color="orange-8" label="Restart" @click="$root.restartServer" :disable="state != 'running'" />
+        <q-btn outline icon="stop" color="red-8" label="Stop" @click="$root.stopServer" :disable="state != 'running'" />
     </div>
 
     <q-separator class="q-my-md" v-if="true" />