Fix glitchy drafts to offline transition

Make sure offline page is scrolled to top before it's displayed and also
hide drafts page to make avoid popup effects

Fixes #85

2 files changed, 20 insertions, 0 deletions

diff --git a/src/js/views/offline.js b/src/js/views/offline.js
index fcf8ee1..f4453a1 100644
--- a/src/js/views/offline.js
+++ b/src/js/views/offline.js
@@ -33,7 +33,13 @@
                 return hasContent;
             },
 
+            afterDisplay: function() {
+                $('body')[0].scrollTop = 0;
+                $('div[data-role="content"]').show();
+            },
+
             toggleNextButton: function() {
+                $('div[data-role="content"]').hide();
                 if ( this.draftHasContent() ) {
                     $('#offline-next-btn .ui-btn-text').text('Save');
                 } else {
diff --git a/src/js/views/reports.js b/src/js/views/reports.js
index 3e58658..f76db06 100644
--- a/src/js/views/reports.js
+++ b/src/js/views/reports.js
@@ -17,6 +17,20 @@
                 'vclick .ui-btn-right': 'onClickButtonNext'
             },
 
+            onClickButtonPrev: function(e) {
+                $('#drafts').hide();
+                $('body')[0].scrollTop = 0;
+                e.preventDefault();
+                this.navigate( this.prev, true );
+            },
+
+            onClickButtonNext: function(e) {
+                $('#drafts').hide();
+                $('body')[0].scrollTop = 0;
+                e.preventDefault();
+                this.navigate( this.next );
+            },
+
             deleteReport: function(e) {
                 e.preventDefault();
                 var el = $(e.target);