Spinner

diff --git a/wtem/static/wtem/spinner.gif b/wtem/static/wtem/spinner.gif
new file mode 100644 (file)
index 0000000..ec0ad80
Binary files /dev/null and b/wtem/static/wtem/spinner.gif differ

diff --git a/wtem/static/wtem/wtem.js b/wtem/static/wtem/wtem.js
index a65bb7f..e481b92 100644 (file)
--- a/wtem/static/wtem/wtem.js
+++ b/wtem/static/wtem/wtem.js
@@ -5,6 +5,7 @@ $(function() {
     $('form').submit(function(e) {
         //e.preventDefault();
         to_submit = {};
+        spinner.show();
 
         $('.exercise-wtem').each(function() {
             var el = $(this);
@@ -69,4 +70,6 @@ $(function() {
 
     $('#wtem_sms').change(sms_handler).keyup(sms_handler);
 
+    var spinner = $('.wtem_spinner');
+    spinner.hide();
 });
\ No newline at end of file

diff --git a/wtem/templates/wtem/main.html b/wtem/templates/wtem/main.html
index 0f5c045..8068d99 100644 (file)
--- a/wtem/templates/wtem/main.html
+++ b/wtem/templates/wtem/main.html
@@ -1,5 +1,6 @@
 {% extends 'base_super.html' %}
 {% load compressed %}
+{% load static %}
 
 {% block extra_script %}
     {% compressed_js 'wtem' %}
@@ -61,9 +62,18 @@ Zespół Edukacji Medialnej, Fundacja Nowoczesna Polska</p>
 <hr/>
 <input type="hidden" name="answers" value=""/>
 
-<p style="text-align:center; margin-top:20px;">Sprawdź jeszcze raz wszystkie swoje odpowiedzi, a następnie wyślij je do nas klikając w poniższy przycisk:</p>
+<p style="text-align:center; margin-top:20px;">Sprawdź jeszcze raz wszystkie swoje odpowiedzi, a następnie wyślij je do nas klikając w poniższy przycisk:<br/><br/>
 <input type="submit" value="Wyślij moje odpowiedzi" style="display: block; margin: auto;"/>
+<br/>
+<span class="wtem_spinner">
+    <span>Wysyłanie rozwiązań w toku...</span>
+    <img src="{% static 'wtem/spinner.gif' %}"/>
+    <span>Spróbuj jeszcze raz jeśli wysyłanie trwa dłużej niż kilka minut.</span>
+</span>
+</p>
+
 <div class="wtem-fixed-info" style="margin-top:15px;">Rozwiązania można wysyłać do godziny {{end_time|default:"17.00"}}. <strong>Nie czekaj na ostatnią chwilę!</strong></div>
+
 </form>
 
 {% endblock %}
\ No newline at end of file