feat: admin page, show list of games

client/src/components/admin/AdminTileGames.vue

@@ -0,0 +1,28 @@
+<template>
+  <AdminTile class="admin-tile-games" title="Games">
+    <table>
+      <tr>
+        <th class="admin-tile-games__table-head">Game name</th>
+        <th class="admin-tile-games__table-head">#&nbsp;players</th>
+      </tr>
+      <tr v-for="id in Object.keys(games)" :key="id">
+        <td>{{ games[id].name }}</td>
+        <td>{{ games[id].players.length }}</td>
+      </tr>
+    </table>
+  </AdminTile>
+</template>
+
+<script>
+export default {
+  props: ['games'],
+}
+</script>
+
+<style lang="scss">
+.admin-tile-games {
+  &__table-head {
+    text-align: left;
+  }
+}
+</style>

client/src/pages/admin.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="page-admin">
+    <template v-if="user.role === 'admin'">
+      <div class="page-admin__body">
+        <div class="page-admin__tiles">
+          <AdminTileMyself :user="user" />
+          <AdminTileGames :games="games.games" />
+        </div>
+      </div>
+    </template>
+    <template v-else>
+      <p>You are not an admin.</p>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  async fetch() {
+    await this.$engine.fetchUserInfo()
+    await this.$engine.fetchGames()
+  },
+  computed: {
+    isAdmin() {
+      return this.$store.state.engine.user?.role === 'admin'
+    },
+    user() {
+      return this.$store.state.engine.user || {}
+    },
+    games() {
+      return this.$store.state.engine.games || {}
+    }
+  },
+}
+</script>
+
+<style lang="scss">
+@import '~/assets/css/components';
+
+.page-admin {
+  color: #ffffff;
+  width: 100%;
+  height: 100%;
+
+  &__body {
+    position: relative;
+  }
+
+  &__tiles {
+    display: flex;
+    padding: 24px;
+  }
+}
+</style>

client/src/pages/gamemaster.vue

@@ -1,9 +1,6 @@
 <template>
   <div class="page-gamemaster">
-    <template v-if="!isGamemasterOrAdmin">
+    <template v-if="user.role === 'gamemaster'">
-      <p>You are not a game master.</p>
-    </template>
-    <template v-if="isGamemasterOrAdmin">
       <GameControls />
       <div class="page-gamemaster__body">
         <div v-if="overlay.open" class="page-gamemaster__player-overlay">
@@ -16,6 +13,9 @@
         </div>
       </div>
     </template>
+    <template v-else>
+      <p>You are not a game master.</p>
+    </template>
   </div>
 </template>
 
@@ -33,10 +33,6 @@ export default {
     }
   },
   computed: {
-    isGamemasterOrAdmin() {
-      const user = this.$store.state.engine.user
-      return user && ['gamemaster', 'admin'].indexOf(user.role) != -1
-    },
     user() {
       return this.$store.state.engine.user || {}
     },

client/src/plugins/engine/fetchGames.js

@@ -0,0 +1,13 @@
+export default async function() {
+  const { store } = this.context
+
+  try {
+    const response = await this.callApi('/api/games')
+    store.commit('engine/setGames', response.data)
+  } catch(e) {
+    store.commit('engine/setGames', undefined)
+    return false
+  }
+
+  return true
+}

client/src/plugins/engine/index.js

@@ -4,6 +4,7 @@ import stop from './stop'
 import fetchUpdate from './fetchUpdate'
 import fetchUserInfo from './fetchUserInfo'
 import fetchGameInfo from './fetchGameInfo'
+import fetchGames from './fetchGames'
 import setGameName from './setGameName'
 import savePlayer from './savePlayer'
 import deletePlayer from './deletePlayer'
@@ -32,6 +33,7 @@ export default (context, inject) => {
     fetchUpdate,
     fetchUserInfo,
     fetchGameInfo,
+    fetchGames,
     setGameName,
     savePlayer,
     deletePlayer,

client/src/store/engine.js

@@ -3,6 +3,7 @@ export const state = () => ({
   version: -1,
   user: undefined,
   gameinfo: undefined,
+  games: undefined,
 })
 
 export const mutations = {
@@ -19,4 +20,7 @@ export const mutations = {
   setGameInfo(state, gameinfo) {
     state.gameinfo = gameinfo
   },
+  setGames(state, games) {
+    state.games = games
+  }
 }

server/src/application/getGames.go

@@ -0,0 +1,35 @@
+package application
+
+import (
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"sirlab.de/go/knowyt/game"
+	"sirlab.de/go/knowyt/user"
+)
+
+type Games struct {
+	Games map[string]*game.GameInfoJson `json:"games"`
+}
+
+func (app *Application) GetGames(usr *user.User, w http.ResponseWriter, r *http.Request) {
+	if !usr.IsAdmin() {
+		w.WriteHeader(http.StatusForbidden)
+		fmt.Fprintf(w, "forbidden")
+		return
+	}
+
+	app.mu.Lock()
+	defer app.mu.Unlock()
+
+	games := Games{
+		Games: make(map[string]*game.GameInfoJson),
+	}
+	for k, gm := range app.games {
+		games.Games[k] = gm.GetGameInfo()
+	}
+
+	w.Header().Add("Content-Type", "application/json")
+	jsonString, _ := json.Marshal(games)
+	fmt.Fprintf(w, string(jsonString))
+}

server/src/knowyt.go

@@ -22,6 +22,7 @@ func main() {
 	mux.PublicHandleFunc("/api/logout", mux.Logout)
 	mux.PrivateHandleFunc("/api/userinfo", mux.GetUserInfo)
 	mux.PrivateHandleFunc("/api/gameinfo", app.GetGameInfo)
+	mux.PrivateHandleFunc("/api/games", app.GetGames)
 	mux.PrivateHandleFunc("/api/setGameName", app.SetGameName)
 	mux.PrivateHandleFunc("/api/savePlayer", app.SavePlayer)
 	mux.PrivateHandleFunc("/api/deletePlayer", app.DeletePlayer)