display standard jquery mobile busy spinner when we are making an ajax request

1 files changed, 3 insertions, 0 deletions

diff --git a/www/js/app.js b/www/js/app.js
index a2a937c..ebaf671 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -125,6 +125,9 @@ var tpl = {
                 document.addEventListener('offline', function() { FMS.offline(); }, true);
                 document.addEventListener('online', function() { FMS.online(); }, true);
 
+                $(document).on('ajaxStart', function() { console.log('ajax on'); $.mobile.loading('show'); } );
+                $(document).on('ajaxStop', function() { console.log('ajax off'); $.mobile.loading('hide'); } );
+
                 FMS.allDrafts.comparator = function(a,b) { var a_date = a.get('created'), b_date = b.get('created'); return a_date === b_date ? 0 : a_date < b_date ? 1 : -1; };
                 FMS.allDrafts.fetch();
                 FMS.loadCurrentDraft();