settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

feat: admin page: display game state and gamemaster

Browse Source
This commit is contained in:
Settel 2022-03-17 09:28:20 +01:00
parent 0fd022a7b3
commit a1c02e4ae8
4 changed files with 39 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
client/src/components/admin/AdminTileGames.vue
View File

@ -1,13 +1,17 @@
<template> <template>
<AdminTile class="admin-tile-games" title="Games"> <AdminTile class="admin-tile-games" title="Games">
<table> <table class="admin-tile-games__table">
<tr> <tr>
<th class="admin-tile-games__table-head">Game name</th> <th class="admin-tile-games__table-head">Game name</th>
<th class="admin-tile-games__table-head">State</th>
<th class="admin-tile-games__table-head">#&nbsp;players</th> <th class="admin-tile-games__table-head">#&nbsp;players</th>
<th class="admin-tile-games__table-head">Gamemaster(s)</th>
</tr> </tr>
<tr v-for="id in Object.keys(games)" :key="id"> <tr v-for="id in Object.keys(games || {})" :key="id">
<td>{{ games[id].name }}</td> <td>{{ games[id].name }}</td>
<td>{{ games[id].state }}</td>
<td>{{ games[id].players.length }}</td> <td>{{ games[id].players.length }}</td>
<td>{{ gamemasters[id] }}</td>
</tr> </tr>
</table> </table>
</AdminTile> </AdminTile>
@ -16,11 +20,35 @@
<script> <script>
export default { export default {
props: ['games'], props: ['games'],
computed: {
gamemasters() {
const masters = {}
for (const gameId of Object.keys(this.games || {})) {
const game = this.games[gameId]
for (const player of game.players) {
if (player.role === 'gamemaster') {
if (masters[gameId]) {
masters[gameId] += ', '
masters[gameId] += player.name
} else {
masters[gameId] = player.name
}
}
}
}
return masters
},
},
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.admin-tile-games { .admin-tile-games {
&__table {
margin-left: -12px;
border-collapse: separate;
border-spacing: 12px 0;
}
&__table-head { &__table-head {
text-align: left; text-align: left;
} }

7
client/src/components/admin/AdminTilePlayers.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<AdminTile class="admin-tile-players" title="Players"> <AdminTile class="admin-tile-players" title="Players">
<table> <table class="admin-tile-players__table">
<tr v-if="players.length"> <tr v-if="players.length">
<th class="admin-tile-players__table-head">Name</th> <th class="admin-tile-players__table-head">Name</th>
<th class="admin-tile-players__table-head">#&nbsp;Quotes</th> <th class="admin-tile-players__table-head">#&nbsp;Quotes</th>
@ -38,6 +38,11 @@ export default {
<style lang="scss"> <style lang="scss">
.admin-tile-players { .admin-tile-players {
&__table {
margin-left: -12px;
border-collapse: separate;
border-spacing: 12px 0;
}
&__table-head { &__table-head {
text-align: left; text-align: left;
} }

1
server/src/game/getGameInfo.go
View File

@ -16,6 +16,7 @@ func (gm *Game) initGameInfoJson() *GameInfoJson {
gameInfo := GameInfoJson{ gameInfo := GameInfoJson{
Name: gm.name, Name: gm.name,
State: gm.state,
Players: make([]PlayerInfoJson, 0), Players: make([]PlayerInfoJson, 0),
} }

3
server/src/game/struct.go
View File

@ -88,12 +88,13 @@ type PlayerInfoJson struct {
IsPlaying bool `json:"isPlaying"` IsPlaying bool `json:"isPlaying"`
IsIdle bool `json:"isIdle"` IsIdle bool `json:"isIdle"`
NumberOfQuotes int `json:"numQuotes"` NumberOfQuotes int `json:"numQuotes"`
AuthCode string `json:"authcode"` AuthCode string `json:"authcode,omitempty"`
Role string `json:"role"` Role string `json:"role"`
} }
type GameInfoJson struct { type GameInfoJson struct {
Name string `json:"name"` Name string `json:"name"`
State string `json:"state"`
Players []PlayerInfoJson `json:"players"` Players []PlayerInfoJson `json:"players"`
} }