From 98541142252526c3101fbf63112ce2df94c5f608 Mon Sep 17 00:00:00 2001
From: Paul Wagener <mail@paulwagener.nl>
Date: Thu, 9 Jun 2016 09:42:39 +0200
Subject: [PATCH] Spinner

---
 static/js/quiz.js   | 7 ++++++-
 templates/base.html | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/static/js/quiz.js b/static/js/quiz.js
index 121101f..7b56546 100644
--- a/static/js/quiz.js
+++ b/static/js/quiz.js
@@ -8,9 +8,14 @@ $(function() {
 
     $('#save-button').click(function() {
         var data = $.base64.encode($('#form-quiz').serialize())
-        console.log(data);
+
+        $('#busy').show();
+        $('#save-button').prop('disabled', true);
 
         $.post('save', data, function(data) {
+            $('#busy').hide();
+            $('#save-button').prop('disabled', false);
+
             if(data == 'ok') {
                 $('#js-message').text('Antwoorden zijn opgeslagen').slideDown().delay(1000).slideUp();
                 changed = false;
diff --git a/templates/base.html b/templates/base.html
index 55713ae..82bbaec 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -40,9 +40,11 @@
           </select>
 
           <a href="/logout" class="btn">Uitloggen</a>
-          {% if CLOSED %}<br>Inzendingen kunnen niet meer worden ingezonden{% else %}<button class="btn-primary btn-disabled" type="submit" id="save-button">Opslaan</button>{% endif %}
+          {% if CLOSED %}<br>Inzendingen kunnen niet meer worden ingezonden{% else %}<button class="btn-primary btn-disabled" type="submit" id="save-button">Opslaan</button><img src="/static/img/loader.gif" id="busy" style="display: none">{% endif %}
           <div class="alert alert-info" id="js-message" style="display: none;"></div>
           <p>Deadline: woensdag 30 maart 23:59</p>
+
+
         </div>
 
         <div id="quiz" class="span8 offset3">