Changeset c081c35 in OpenWorkouts-current

Timestamp:

Sep 27, 2019, 1:10:51 PM (5 years ago)

Author:

Borja Lopez <borja@…>

Branches:

current

Children:

dba0ae9

Parents:

c82fe79

Message:

(#84) Added the loading spinner to the "update workout from tracking file" page.

File:

• ow/templates/update_workout_from_file.pt (modified) (2 diffs)

ow/templates/update_workout_from_file.pt

@@ -19 +19 @@
 
   <metal:content metal:fill-slot="content">
+
+    <div class="uploading-workout hidden">
+      <h2 i18n:translate="">Uploading workout, please wait...</h2>
+      <p i18n:translate="">
+        This can take a moment, depending on the size of your tracking file and your connection speed. Be patient and please don't hit the stop or go back buttons on your browser.
+      </p>
+      <img src="" alt="Loading workout" i18n:attributes="alt"
+           tal:attributes="src request.static_url('ow:static/media/img/loading.gif')">
+    </div>
+
     <div id="update_workout_file" class="ow-forms">
 
@@ -76 +86 @@
   </metal:content>
 
+  <metal:body-js metal:fill-slot="body-js">
+    <script>
+        $(document).ready(function(){
+            $("#update_workout_file form").on("submit", function(){
+                console.log('Showing spinner');
+                $("#update_workout_file").fadeOut();
+                $("div.uploading-workout").fadeIn();
+            });
+        });
+    </script>
+  </metal:body-js>
+
+
 </html>