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

Made navbar be responsive to current page

Browse source
This commit is contained in:
Yarne Coppens 2024-08-14 11:03:19 +02:00
parent 1239995080
commit fb5f5a5bc0
5 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/javascript/owned.js
View file

@ -1,5 +1,7 @@
document.body.onload=loadOwnedGames() document.body.onload=loadOwnedGames()
document.getElementById('owned_nav').classList.add('active')
async function loadOwnedGames() { async function loadOwnedGames() {
var boardgame_datatable = new DataTable('.boardgame_table', { var boardgame_datatable = new DataTable('.boardgame_table', {

1
static/javascript/plays.js
View file

@ -1,4 +1,5 @@
document.body.onload=loadPlays() document.body.onload=loadPlays()
document.getElementById('plays_nav').classList.add('active')
async function loadPlays() { async function loadPlays() {

1
static/javascript/statistics.js
View file

@ -1,4 +1,5 @@
document.body.onload=loadStatistics() document.body.onload=loadStatistics()
document.getElementById('statistics_nav').classList.add('active')
async function loadStatistics(){ async function loadStatistics(){
const overtimechart = document.getElementById("overtimechart") const overtimechart = document.getElementById("overtimechart")

2
static/javascript/wishlist.js
View file

@ -1,5 +1,5 @@
document.body.onload=loadWishlistedGames() document.body.onload=loadWishlistedGames()
document.getElementById('wishlist_nav').classList.add('active')
async function loadWishlistedGames() { async function loadWishlistedGames() {

8
templates/base.jinja
View file

@ -20,16 +20,16 @@
<body> <body>
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="{{ url_for('get_owned') }}">Collectie</a> <a id="owned_nav" class="nav-link" href="{{ url_for('get_owned') }}">Collectie</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{ url_for('get_wishlist') }}">Wishlist</a> <a id="wishlist_nav" class="nav-link" href="{{ url_for('get_wishlist') }}">Wishlist</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{ url_for('get_statistics') }}">Statistieken</a> <a id="statistics_nav" class="nav-link" href="{{ url_for('get_statistics') }}">Statistieken</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{ url_for('get_plays') }}">Gespeeld</a> <a id="plays_nav" class="nav-link" href="{{ url_for('get_plays') }}">Gespeeld</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a> <a class="nav-link disabled" href="#">Disabled</a>