heronfief/front
3
1
Fork 0
Code Issues 44 Pull Requests 1 Actions Packages Projects Releases 1 Activity

Fixes #4; Show game stats instead of UUIDs in lobby
release-tag / release-image (push) Successful in 57s
Details

Browse Source
This commit is contained in:
legonzaur
2024-05-12 12:06:05 +02:00
parent 4dc370de12
commit 82994274c1
6 changed files with 92 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/LobbyView.vue
+22 -14
View File
@@ -16,19 +16,27 @@ function killErika() {
<div class="title">
Entrez dans le Royaume de Héron !
</div>
<div class="middle-row">
<div class="create-game-zone">
<button @click="netcode_create_game">Create Game</button>
</div>
<div class="games-list-zone">
<div v-for="g in goStore.lobby?.games"><button @click="join_game(g)">{{ g }}</button></div>
<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>
</button>
</div>
</div>
</div>
<div class="overlay" v-if="erika_alive">
<img class="overlay-image" src="https://static.wikia.nocookie.net/umineko/images/9/9d/PC_Erika.Casual.Sprite_36.png" alt="pétasse" />
<img class="overlay-image"
src="https://static.wikia.nocookie.net/umineko/images/9/9d/PC_Erika.Casual.Sprite_36.png"
alt="pétasse" />
<div class="speech-bubble">
<p>Ohoho!<br>Je suis Erika Furudo, la détective la plus forte du monde !</p>
<p>Je vais vous montrer comment jouer à Héron Realms !</p>
@@ -39,11 +47,11 @@ function killErika() {
<button class="kill-erika-button" @click="killErika()">Tuer Erika</button>
</div>
</div>
</div>
</template>
<style scoped>
@@ -95,8 +103,8 @@ function killErika() {
height: 50px;
transition-duration: 0.4s;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
}
@@ -121,8 +129,8 @@ function killErika() {
height: 120px;
transition-duration: 0.4s;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
}
@@ -177,7 +185,7 @@ function killErika() {
height: 50px;
transition-duration: 0.4s;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
}