From 9106f22b8596ca6db451e30a8800e52ac6ed2871 Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Tue, 14 May 2024 14:46:05 +0200
Subject: [PATCH] Add statuses for to game buttons on lobby Related to #4

---
 components/LobbyView.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/components/LobbyView.vue b/components/LobbyView.vue
index ec5ac9e..6daf671 100644
--- a/components/LobbyView.vue
+++ b/components/LobbyView.vue
@@ -27,9 +27,17 @@ function killErika() {
             <div class="games-list-zone">
                 <div v-for="g in goStore.lobby?.games">
                     <button v-if="g" @click="join_game(g.uuid)">
-                        started:{{ g.started }}
-                        ended:{{ g.ended }}
-                        players:<span v-for="p in g.players">{{ p.username }},</span>
+                        <template v-if="!g.started">
+                            JOIN
+                        </template>
+                        <template v-if="g.started && !g.ended">
+                            SPECTATE
+                        </template>
+                        <template v-if="g.started && g.ended">
+                            GAME ENDED
+                        </template>
+                        <br>
+                        current players:<br><span v-for="p in g.players">{{ p.username }},</span>
                     </button>
                 </div>
             </div>