Yarninator/boardgame_site_v2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Created more board game table columns

Browse source
This commit is contained in:
Yarne Coppens 2024-08-11 16:20:53 +02:00
parent 49b97ef0c2
commit d88ca6d216
3 changed files with 61 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
static/javascript/main.js
View file

@ -13,25 +13,6 @@ async function makeRequest(url) {
}
}
function add_boardgame_row(html_tbody, boardgame_json) {
var row = html_tbody.insertRow();
var icon_cell = row.insertCell();
var name_cell = row.insertCell();
var description_cell = row.insertCell();
var weight_cell = row.insertCell()
var icon_image = document.createElement('img')
icon_image.src = boardgame_json.thumbnail_url
icon_image.classList.add("img-thumbnail")
icon_cell.appendChild(icon_image)
name_cell.innerHTML = boardgame_json.name
description_cell.innerHTML = boardgame_json.description
weight_cell.innerHTML = boardgame_json.weight
row.onclick = function(){ window.location.href = '/boardgame?id=' + boardgame_json.id}
}
async function loadWishlistedGames() {
var wishlist_priorities = [1,2,3,4]
@ -57,7 +38,25 @@ async function loadWishlistedGames() {
data: 'name'
},
{
data: 'description'
data: 'min_players',
render: function(data,type,row){
if (row.min_players != row.max_players){
return row.min_players + '-' + row.max_players
}else{
return row.min_players
}
}
},
{
data: 'min_playing_time',
render: function(data,type,row){
if (row.min_playing_time != row.max_playing_time){
return row.min_playing_time + '-' + row.max_playing_time
}else{
return row.min_playing_time
}
}
},
{
data: 'weight'
@ -67,7 +66,8 @@ async function loadWishlistedGames() {
{
target: 0,
visible: false
}
},
{ targets: 'no-sort', orderable: false }
],
order: [[2, 'asc']]
});
@ -78,7 +78,6 @@ async function loadWishlistedGames() {
})
});
}
async function loadOwnedGames() {
@ -99,12 +98,33 @@ async function loadOwnedGames() {
data: 'name'
},
{
data: 'description'
data: 'min_players',
render: function(data,type,row){
if (row.min_players != row.max_players){
return row.min_players + '-' + row.max_players
}else{
return row.min_players
}
}
},
{
data: 'min_playing_time',
render: function(data,type,row){
if (row.min_playing_time != row.max_playing_time){
return row.min_playing_time + '-' + row.max_playing_time
}else{
return row.min_playing_time
}
}
},
{
data: 'weight'
}
],
columnDefs: [
{ targets: 'no-sort', orderable: false }
],
order: [[1, 'asc']]
});

5
templates/owned.jinja
View file

@ -10,9 +10,10 @@
<table class="table table-striped boardgame_table">
<thead>
<tr>
<th scope="col">Thumbnail</th>
<th scope="col" class="no-sort">Thumbnail</th>
<th scope="col">Naam</th>
<th scope="col">Beschrijving</th>
<th scope="col">Spelers</th>
<th scope="col">Duratie</th>
<th scope="col">Moeilijkheid</th>
</tr>
</thead>

23
templates/wishlist.jinja
View file

@ -11,9 +11,10 @@
<thead>
<tr>
<th scope="col">wishlist_priority</th>
<th scope="col">Thumbnail</th>
<th scope="col" class="no-sort">Thumbnail</th>
<th scope="col">Naam</th>
<th scope="col">Beschrijving</th>
<th scope="col">Spelers</th>
<th scope="col">Duratie</th>
<th scope="col">Moeilijkheid</th>
</tr>
</thead>
@ -25,11 +26,13 @@
<thead>
<tr>
<th scope="col">wishlist_priority</th>
<th scope="col">Thumbnail</th>
<th scope="col" class="no-sort">Thumbnail</th>
<th scope="col">Naam</th>
<th scope="col">Beschrijving</th>
<th scope="col">Spelers</th>
<th scope="col">Duratie</th>
<th scope="col">Moeilijkheid</th>
</tr>
</tr>
</thead>
</table>
</div>
@ -39,11 +42,13 @@
<thead>
<tr>
<th scope="col">wishlist_priority</th>
<th scope="col">Thumbnail</th>
<th scope="col" class="no-sort">Thumbnail</th>
<th scope="col">Naam</th>
<th scope="col">Beschrijving</th>
<th scope="col">Spelers</th>
<th scope="col">Duratie</th>
<th scope="col">Moeilijkheid</th>
</tr>
</tr>
</thead>
</table>
</div>
@ -53,11 +58,13 @@
<thead>
<tr>
<th scope="col">wishlist_priority</th>
<th scope="col">Thumbnail</th>
<th scope="col" class="no-sort">Thumbnail</th>
<th scope="col">Naam</th>
<th scope="col">Beschrijving</th>
<th scope="col">Spelers</th>
<th scope="col">Duratie</th>
<th scope="col">Moeilijkheid</th>
</tr>
</tr>
</thead>
</table>
</div>