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 @@
- ![]()
-
-
-
+