From 08daf733d1e2f711c984d663d76d641920219697 Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Mon, 30 Dec 2024 00:39:39 +0100
Subject: [PATCH] chore : working on game

---
 components/conceptHeader.vue      |  8 ++++--
 components/lobby/game.vue         |  4 +++
 netcode/events                    |  2 +-
 netcode/handlers/lobby.handler.ts | 42 ++++++++++++++++++-------------
 pages/index.vue                   | 21 ++++++++++------
 5 files changed, 48 insertions(+), 29 deletions(-)

diff --git a/components/conceptHeader.vue b/components/conceptHeader.vue
index f55dd71..661633e 100644
--- a/components/conceptHeader.vue
+++ b/components/conceptHeader.vue
@@ -21,9 +21,13 @@ const currentGames = computed(() => {
         <ClientOnly>
           <template v-if="userStore.self && userStore.self.id">
             <User :id="userStore.self.id"></User>
-            <button>Logout</button>
+            <NuxtLink :to="$config.public.endpoint + '/logout'"
+              ><button>Logout</button></NuxtLink
+            >
           </template>
-          <button v-else>Login</button>
+          <NuxtLink v-else :to="$config.public.discordLoginEndpoint">
+            <button>Login</button>
+          </NuxtLink>
         </ClientOnly>
       </template>
 
diff --git a/components/lobby/game.vue b/components/lobby/game.vue
index 2295307..9db9f90 100644
--- a/components/lobby/game.vue
+++ b/components/lobby/game.vue
@@ -16,10 +16,14 @@ const game = lobbyStore.games[props.id];
 </script>
 
 <template>
+  {{ game.id }}
+  {{ game.players.map((p) => p.user.username) }}
   {{ game }}
+
   <NuxtLink :to="'/game/' + id"
     ><input type="button" value="open" :disabled="!userStore.self || loading"
   /></NuxtLink>
+  <br />
 </template>
 
 <style lang="css" scoped>
diff --git a/netcode/events b/netcode/events
index e9d5d8d..cdddb9a 160000
--- a/netcode/events
+++ b/netcode/events
@@ -1 +1 @@
-Subproject commit e9d5d8d909e4ba952f6bed53ead08642466431d1
+Subproject commit cdddb9a073ecc42938136427a4c378945b7742db
diff --git a/netcode/handlers/lobby.handler.ts b/netcode/handlers/lobby.handler.ts
index 34e90d2..d79809c 100644
--- a/netcode/handlers/lobby.handler.ts
+++ b/netcode/handlers/lobby.handler.ts
@@ -1,28 +1,34 @@
 import { useLobbyStore } from "~/store/lobby.store";
-import type { LobbyCreateEvent, LobbyDeleteEvent, LobbyJoinEvent, LobbyLeaveEvent, LobbyStartEvent } from "../events/lobby.events";
-
-
+import type {
+  LobbyCreateEvent,
+  LobbyDeleteEvent,
+  LobbyJoinEvent,
+  LobbyLeaveEvent,
+  LobbyStartEvent,
+} from "../events/lobby.events";
 
 export const handlers = {
   create: (event: LobbyCreateEvent) => {
     const lobbyStore = useLobbyStore();
-    lobbyStore.games[event.game.id] = event.game
+    lobbyStore.games[event.game.id] = event.game;
   },
-  start: (event:LobbyStartEvent)=>{
-    const lobbyStore = useLobbyStore()
-    lobbyStore.games[event.game.id].started = true
+  start: (event: LobbyStartEvent) => {
+    const lobbyStore = useLobbyStore();
+    lobbyStore.games[event.game.id].started = true;
   },
-  delete:(event: LobbyDeleteEvent)=>{
-    const lobbyStore = useLobbyStore()
-    delete lobbyStore.games[event.id]
+  delete: (event: LobbyDeleteEvent) => {
+    const lobbyStore = useLobbyStore();
+    delete lobbyStore.games[event.id];
   },
-  join:(event: LobbyJoinEvent)=>{
-    const lobbyStore = useLobbyStore()
-    lobbyStore.games[event.game.id].players.push(event.player)
+  joingame: (event: LobbyJoinEvent) => {
+    const lobbyStore = useLobbyStore();
+    lobbyStore.games[event.game.id].players.push(event.player);
+  },
+  leavegame: (event: LobbyLeaveEvent) => {
+    const lobbyStore = useLobbyStore();
+    const playerIndex = lobbyStore.games[event.game.id].players.findIndex(
+      (p) => p.user.id == event.player.user.id
+    );
+    lobbyStore.games[event.game.id].players.splice(playerIndex, 1);
   },
-  leave:(event: LobbyLeaveEvent)=>{
-    const lobbyStore = useLobbyStore()
-    const playerIndex = lobbyStore.games[event.game.id].players.findIndex(p=>p.user.id == event.player.user.id)
-    lobbyStore.games[event.game.id].players.splice(playerIndex,1)
-  }
 };
diff --git a/pages/index.vue b/pages/index.vue
index 940a952..a47b3a7 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -11,13 +11,18 @@ async function createGame() {
     return;
   }
   loading.value = true;
-  await lobbyStore.createGame().catch((e) => {
-    if (e.data.statusCode == 400) {
-      console.error("Owned game limit reached");
-    } else {
-      console.log(e);
-    }
-  });
+  await lobbyStore
+    .createGame()
+    .then(() => {
+      loading.value = false;
+    })
+    .catch((e) => {
+      if (e.data.statusCode == 400) {
+        console.error("Owned game limit reached");
+      } else {
+        console.log(e);
+      }
+    });
 }
 </script>
 
@@ -27,7 +32,7 @@ async function createGame() {
     type="button"
     value="Create Game"
     @click="createGame"
-    :disabled="!userStore.self"
+    :disabled="!userStore.self || loading"
   />
 </template>