Add picks and apps to game details

backend/src/app.ts

@@ -44,7 +44,7 @@ const Pick = sequelize.define(
   {
     gameId: { type: DataTypes.INTEGER, primaryKey: true },
     gameTitle: { type: DataTypes.TEXT },
-    character: { type: DataTypes.INTEGER, primaryKey: true },
+    characterId: { type: DataTypes.INTEGER, primaryKey: true },
     characterName: { type: DataTypes.TEXT }
   },
   { timestamps: false }
@@ -96,12 +96,35 @@ app.post('/api/game', jsonParser, async (req, res) => {
 })
 
 app.get('/api/game/:gameId', async (req, res) => {
-
   const game = await Game.findOne({ where: { id: req.params['gameId'] } })
   console.log(game)
   res.send(game)
 })
 
+app.post('/api/game/:gameId/apps', async (req, res) => {
+  const apps = await App.findAll({ where: { gameId: req.params['gameId'] } })
+  console.log(apps)
+  res.send(apps)
+})
+
+app.post('/api/character/:characterId/apps', async (req, res) => {
+  const apps = await App.findAll({ where: { characterId: req.params['characterId'] } })
+  console.log(apps)
+  res.send(apps)
+})
+
+app.post('/api/game/:gameId/picks', async (req, res) => {
+  const picks = await Pick.findAll({ where: { gameId: req.params['gameId'] } })
+  console.log(picks)
+  res.send(picks)
+})
+
+app.post('/api/character/:characterId/picks', async (req, res) => {
+  const picks = await Pick.findAll({ where: { characterId: req.params['characterId'] } })
+  console.log(picks)
+  res.send(picks)
+})
+
 app.listen(port, async () => {
   await sequelize.authenticate()
   return console.log(`Express is listening at http://localhost:${port}`)

frontend/src/vues/GameDetails.vue

@@ -1,9 +1,23 @@
 <template>
-  <div>{{ gameId }}</div>
-  <div>{{ game }}</div>
-
   <div>#{{ game.id }} - {{game.title}}</div>
   <div>{{game.gamemaster}}</div>
+  <div>
+    Payout 
+    <div>{{game.payoutEB}} eb</div>
+    <div>{{game.payoutIP}} IP</div>
+    <div>{{game.payoutLoot}}</div>
+
+    <div>Picks</div>
+    <div v-for="pick in picks">
+      {{pick.characterId}} - {{pick.characterName}}
+    </div>
+
+    <div>Apps</div>
+    <div v-for="app in apps">
+      {{app.characterId}} - {{app.characterName}}
+    </div>
+  </div>
+
 </template>
 
 <script setup lang="ts">
@@ -15,6 +29,8 @@ const route = useRoute()
 
 const gameId = ref(route.params.gameId)
 const game = ref({})
+const picks = ref({})
+const apps = ref({})
 
 loadGameDetails()
 
@@ -29,5 +45,18 @@ watch(
 async function loadGameDetails() {
   const response = await axios.get(`/api/game/${gameId.value}`)
   game.value = response.data
+  loadPicks()
+  loadApps()
 }
+
+async function loadPicks() {
+  const response = await axios.post(`/api/game/${gameId.value}/picks`)
+  picks.value = response.data
+}
+
+async function loadApps() {
+  const response = await axios.post(`/api/game/${gameId.value}/apps`)
+  apps.value = response.data
+}
+
 </script>