Made navbar be responsive to current page

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

View file

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

View file

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

View file

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

View file

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

View file

@ -20,16 +20,16 @@
<body>
<ul class="nav nav-tabs">
<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 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 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 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 class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>