From 92bfcc102ce10ed5fe1915d0dd8e91fd0d85ad24 Mon Sep 17 00:00:00 2001
From: Cédric Bonhomme <cedric@cedricbonhomme.org>
Date: Sun, 2 Jan 2022 22:51:21 +0100
Subject: added a spinner before the display of the bar chart

---
 newspipe/templates/history.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/newspipe/templates/history.html b/newspipe/templates/history.html
index 6ff5b537..0bb8aa8d 100644
--- a/newspipe/templates/history.html
+++ b/newspipe/templates/history.html
@@ -29,6 +29,9 @@
   {% if month == None %}
   <div class="row">
     <div class="col chart-container">
+      <div id="spinner" class="d-flex justify-content-center">
+          <div class="spinner-border" role="status"><span class="sr-only">{{ _('Loading...') }}</span></div>
+      </div>
       <canvas id="stats-history"></canvas>
     </div>
   </div>
@@ -72,6 +75,9 @@
       fetch("/stats/history.json" + period)
       .then(response => response.json())
       .then(result => {
+        var element = document.getElementById("spinner");
+        element.parentNode.removeChild(element);
+
         if (period.split('/').length - 1 == 1) {
           var labels = Object.keys(result).map(function(e){return months[e-1]});
         } else {
-- 
cgit