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

Added loading spinner on plays page

Browse source
This commit is contained in:
Yarne Coppens 2024-08-14 10:55:31 +02:00
parent 26a1c0422f
commit 8e10d5fa1d
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/javascript/plays.js
View file

@ -52,8 +52,9 @@ async function loadPlays() {
for (let column_number = 0; column_number < MAX_COLUMNS; column_number++) { for (let column_number = 0; column_number < MAX_COLUMNS; column_number++) {
const column_div = document.createElement('div') const column_div = document.createElement('div')
column_div.className = "col-sm-" + column_width column_div.className = "col-sm-" + column_width
const play_card = createPlayCard(all_plays[(row_number * MAX_COLUMNS) + column_number]) const current_play = all_plays[(row_number * MAX_COLUMNS) + column_number]
const play_card = createPlayCard(current_play)
column_div.appendChild(play_card) column_div.appendChild(play_card)
row_div.appendChild(column_div) row_div.appendChild(column_div)
@ -61,5 +62,6 @@ async function loadPlays() {
document.body.appendChild(row_div) document.body.appendChild(row_div)
} }
document.getElementById('plays_loading_spinner').remove()
} }

2
templates/plays.jinja
View file

@ -1,7 +1,7 @@
{% extends "base.jinja" %} {% extends "base.jinja" %}
{% block body_block %} {% block body_block %}
<div id="plays_loading_spinner" class="spinner-border"></div>
{% endblock body_block %} {% endblock body_block %}
{% block extra_js_files %} {% block extra_js_files %}