Force refresh on physical button press

app/assets/javascripts/app/controllers/footer.js

@@ -34,7 +34,7 @@ angular.module('app')
       if(!extWindow) {
         return;
       }
-      
+
       this.selectRoom(extWindow);
 
       $timeout(() => {
@@ -94,7 +94,7 @@ angular.module('app')
         } else {
           this.syncUpdated();
         }
-      }, null, "refreshData");
+      }, {force: true}, "refreshData");
     }
 
     this.syncUpdated = function() {

app/assets/javascripts/app/services/syncManager.js

@@ -203,7 +203,9 @@ class SyncManager {
 
     var allDirtyItems = this.modelManager.getDirtyItems();
 
-    if(this.syncStatus.syncOpInProgress) {
+    // When a user hits the physical refresh button, we want to force refresh, in case
+    // the sync engine is stuck in some inProgress loop.
+    if(this.syncStatus.syncOpInProgress && !options.force) {
       this.repeatOnCompletion = true;
       if(callback) {
         this.queuedCallbacks.push(callback);