Spinner

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;

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">