From 0f74661e072b25d95a086099be68622fa03e8ce2 Mon Sep 17 00:00:00 2001
From: Settel <settel@localhost>
Date: Tue, 15 Mar 2022 08:06:08 +0100
Subject: [PATCH] feat: enable/disable buttons according to state and phase

---
 client/src/components/GameControls.vue | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/client/src/components/GameControls.vue b/client/src/components/GameControls.vue
index f3e7735..85df3eb 100644
--- a/client/src/components/GameControls.vue
+++ b/client/src/components/GameControls.vue
@@ -1,10 +1,10 @@
 <template>
   <nav v-if="isGamemaster" class="gamecontrols">
-    <button @click="collectQuotes">Collect Quotes</button>
-    <button @click="startGame">Start</button>
-    <button @click="continueGame">Continue</button>
-    <button @click="resetGame">Idle</button>
-    <button @click="finishGame">Finish Game</button>
+    <button :disabled="buttonsDisabled.collect" @click="collectQuotes">Collect Quotes</button>
+    <button :disabled="buttonsDisabled.start" @click="startGame">Start</button>
+    <button :disabled="buttonsDisabled.continue" @click="continueGame">Continue</button>
+    <button :disabled="buttonsDisabled.idle" @click="resetGame">Idle</button>
+    <button :disabled="buttonsDisabled.finish" @click="finishGame">Finish Game</button>
     <button v-if="$route.path != '/play'" @click="go('/play')">switch to game</button>
     <button v-if="$route.path != '/admin'" @click="go('/admin')">admin interface</button>
     <button class="button-logout" @click="logout">logout</button>
@@ -21,6 +21,16 @@ export default {
       const user = this.$store.state.engine.user
       return user && user.role === 'gamemaster'
     },
+    buttonsDisabled() {
+      const { state, phase } = this.$store.state.game
+      return {
+        collect: state !== 'idle',
+        start: state !== 'idle',
+        continue: state !== 'play' && ['select-quote', 'reveal-show-count', 'reveal-source'].indexOf(phase) == -1,
+        idle: false,
+        finish: ['play', 'idle'].indexOf(state) == -1,
+      }
+    }
   },
   methods: {
     collectQuotes() {