Show spinner while generating export

boboldehampsink · Sep 2, 2015 · 5579762 · 5579762
1 parent e005e77
commit 5579762
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/resources/js/export.js b/resources/js/export.js
@@ -40,5 +40,9 @@ $(function() {
         $('table.sortable tbody').sortable().disableSelection();
 
     }
-
-});
+
+    $('.js-btn-export').click(function(){
+        $('.js-export-spinner').removeClass('hidden');
+    });
+
+});
diff --git a/templates/_map.twig b/templates/_map.twig
@@ -63,7 +63,10 @@
             </tbody>
             <tfoot>
                 <tr>
-                    <td colspan="3" style="border-bottom: none"><input type="submit" class="btn submit" value="{{ 'Export'|t }}"></td>
+                    <td colspan="3" style="border-bottom: none; padding-top:20px">
+                        <input type="submit" class="btn submit js-btn-export" value="{{ 'Export'|t }}">
+                        <div class="spinner js-export-spinner hidden"></div>
+                    </td>
                 </tr>
             </tfoot>
         </table>