From d3fd938da3ba235242ea6d8d0e43aa5ad30556a9 Mon Sep 17 00:00:00 2001 From: Yarne Coppens Date: Sun, 11 Aug 2024 10:49:59 +0200 Subject: [PATCH] Added board game card --- static/main.js | 20 +++++++++++--------- templates/boardgame.jinja | 17 +++++++++++++---- 2 files changed, 24 insertions(+), 13 deletions(-) diff --git a/static/main.js b/static/main.js index 4004e9e..14e4f8a 100644 --- a/static/main.js +++ b/static/main.js @@ -69,7 +69,7 @@ async function loadOwnedGames() { ], order: [[2, 'asc']] }); - + $('#boardgame_table').on('click', 'tbody tr', function() { var boardgame_id = boardgame_datatable.row(this).data().id; @@ -80,17 +80,19 @@ async function loadOwnedGames() { async function loadGame() { let params = new URLSearchParams(document.location.search); - let boargame_id = params.get("id"); + let boardgame_id = params.get("id"); - var loadGameURL = api_url + '/boardgame/' + boargame_id + var loadGameURL = api_url + '/boardgame/' + boardgame_id var requested_game = await makeRequest(loadGameURL) - var boardgame_image_container = document.getElementById('boardgame_image') - boardgame_image_container.src = requested_game.image_url + $('#boardgame_image').attr('src', requested_game.image_url) - var boardgame_name_container = document.getElementById('boardgame_name') - boardgame_name_container.innerHTML = requested_game.name + $('#boardgame_name').text(requested_game.name) + + $('#boardgame_weight').text(requested_game.weight) + + $('#boardgame_description').text(requested_game.description) + + $('#boardgame_link').attr('href', 'https://boardgamegeek.com/boardgame/' + boardgame_id) - var boardgame_weight_container = document.getElementById('boardgame_weight') - boardgame_weight_container.innerHTML = requested_game.weight } \ No newline at end of file diff --git a/templates/boardgame.jinja b/templates/boardgame.jinja index 08c74b9..1fc519b 100644 --- a/templates/boardgame.jinja +++ b/templates/boardgame.jinja @@ -4,10 +4,19 @@ - - -

-

+
+
+
+ +
+

John Doe

+

Some example text.

+ Bekijk op BGG +
+
+
+

+