jonas/4Gewinnt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add online UI components and guard fix

Browse Source 
Introduce Online mode UI and supporting logic, plus small UI/layout refinements and a backend guard fix.

- Add CreateOrJoinMenu component for choosing between creating or joining an online game.
- Add OnlineGame class (stub) to manage online-game connection callbacks.
- Update OnlineMode route to drive Create/Join flow and start creation state.
- Refactor GameCreationMenu and GameEndedMenu layout to center content and adjust spacing/emit names.
- Update LocalMode to use the refactored components for creating and end screens.
- Minor text tweak in LocalGame description.
- Fix GameManager guard to prevent processing player moves when the game is not in Running state (check current turn and game state before proceeding).

These changes wire up the initial online UI flow and tighten server-side validation to avoid processing moves outside a running game.
This commit is contained in:
Jonas Himmelberg
2026-03-08 20:02:29 +01:00
committed by Jonas
parent ae12be042d
commit 357449025a
8 changed files with 155 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
GUI/src/components/GameCreationMenu.vue
+50 -51
View File
@@ -15,58 +15,57 @@ function gameFieldPreset(x: number, y: number) {
</script>
<template>
<v-sheet width="100%" class="text-centered pa-2 w-75" rounded>
<h1 class="text-center">Spiel Erstellen</h1>
<v-divider class="mb-4"></v-divider>
<v-row>
<v-col cols="12" md="6">
<h2 class="settingsCat">Spieler</h2>
<v-text-field
v-model="settingsProp.playerName1"
label="Name vom Spieler 1"
required
></v-text-field>
<v-text-field v-if="settingsProp.playerName2 != null"
v-model="settingsProp.playerName2"
label="Name vom Spieler 2"
required
></v-text-field>
</v-col>
<v-col cols="12" md="6">
<h2 class="settingsCat">Spielfeld</h2>
<v-chip-group>
<v-chip text="Klein" @click="gameFieldPreset(4, 5)"></v-chip>
<v-chip text="Standard" @click="gameFieldPreset(7, 6)"></v-chip>
<v-chip text="Groß" @click="gameFieldPreset(12, 10)"></v-chip>
</v-chip-group>
<Slider
v-model="settingsProp.fieldSize.x"
label="Breite"
:min="4"
:max="16"
:step="1"
:width="70"
/>
<v-container class="d-flex align-center justify-center fill-height">
<v-sheet width="100%" class="text-centered pa-2 w-75" rounded>
<h1 class="text-center">Spiel Erstellen</h1>
<v-divider class="mb-4"></v-divider>
<v-row>
<v-col cols="12" md="6">
<h2 class="settingsCat">Spieler</h2>
<v-text-field
v-model="settingsProp.playerName1"
label="Name vom Spieler 1"
required
></v-text-field>
<v-text-field
v-if="settingsProp.playerName2 != null"
v-model="settingsProp.playerName2"
label="Name vom Spieler 2"
required
></v-text-field>
</v-col>
<v-col cols="12" md="6">
<h2 class="settingsCat">Spielfeld</h2>
<v-chip-group>
<v-chip text="Klein" @click="gameFieldPreset(4, 5)"></v-chip>
<v-chip text="Standard" @click="gameFieldPreset(7, 6)"></v-chip>
<v-chip text="Groß" @click="gameFieldPreset(12, 10)"></v-chip>
</v-chip-group>
<Slider
v-model="settingsProp.fieldSize.x"
label="Breite"
:min="4"
:max="16"
:step="1"
:width="70"
/>
<Slider
v-model="settingsProp.fieldSize.y"
label="Höhe"
:min="4"
:max="16"
:step="1"
:width="70"
/>
</v-col>
</v-row>
<div class="d-flex align-center justify-space-evenly ma-4 w-100">
<v-btn color="red" @click="$router.push('/')" rounded="xl">
Abbrechen
</v-btn>
<v-btn color="primary" @click="$emit('createGame')" rounded="xl">
Spiel Starten
</v-btn>
</div>
</v-sheet>
<Slider
v-model="settingsProp.fieldSize.y"
label="Höhe"
:min="4"
:max="16"
:step="1"
:width="70"
/>
</v-col>
</v-row>
<div class="d-flex align-center justify-space-evenly ma-4 w-100">
<v-btn color="red" @click="$router.push('/')" rounded="xl"> Abbrechen </v-btn>
<v-btn color="primary" @click="$emit('createGame')" rounded="xl"> Spiel Starten </v-btn>
</div>
</v-sheet>
</v-container>
</template>
<style scoped>