Redirect the site automatically to the status page when a server error occurs. If redirect is true then we automatically wait 30 seconds before redirecting back to the previous page.

Author: niemyjski

src/app.js

@@ -484,11 +484,11 @@
 
     Restangular.setErrorInterceptor(function(response, deferred, responseHandler) {
       function handleError(response) {
-        //if (response.status === 0 || response.status === 503) {
-        //  stateService.save(['auth.', 'status']);
-        //  $state.go('status', {redirect: true});
-        //  return true;
-        //}
+        if ($state.current.name !== 'status' && (response.status === 0 || response.status === 503)) {
+          stateService.save(['auth.', 'status']);
+          $state.go('status', { redirect: true });
+          return true;
+        }
 
         if(response.status === 401) {
           stateService.save(['auth.']);

src/app/status/status-controller.js

@@ -3,36 +3,58 @@
 
   angular.module('app.status')
     .controller('Status', ['$interval', '$scope', '$state', '$stateParams', 'authService', 'stateService', 'statusService', 'Restangular', function ($interval, $scope, $state, $stateParams, authService, stateService, statusService, Restangular) {
+      var lastChecked = moment();
+      var message = null;
       var redirect = !!$stateParams.redirect;
       var vm = this;
 
+      function getMessage() {
+        if (redirect) {
+          return "We're sorry but the website is currently undergoing maintenance. You’ll be automatically redirected when the the maintenance is completed. Please contact support for more information.";
+        }
+
+        if (!!message) {
+          return message;
+        }
+
+        return "We're sorry but the website is currently undergoing maintenance. Please contact support for more information.";
+      }
+
       function updateStatus() {
         function updateMessage(response) {
-          vm.message = response.status !== 0 ? response.data.message : null;
+          if (response && response.data && response.data.message) {
+            message = response.data.message;
+            if (response.status !== 200) {
+              message += ' Please contact support for more information.';
+            }
+          } else {
+            message = null;
+          }
         }
 
         function onSuccess(response) {
-          if (redirect) {
+          if (redirect && moment().diff(lastChecked, 'seconds') > 30) {
             if (!authService.isAuthenticated()) {
               return $state.go('auth.login');
             }
 
             return stateService.restore();
           }
 
+
           return updateMessage(response);
         }
 
         return statusService.get().then(onSuccess, updateMessage);
       }
 
-      var interval = $interval(updateStatus, 20 * 1000);
+      var interval = $interval(updateStatus, 30 * 1000);
       $scope.$on('$destroy', function () {
         $interval.cancel(interval);
       });
 
-      vm.message = null;
 
+      vm.getMessage = getMessage;
       updateStatus();
     }]);
 }());

src/app/status/status.tpl.html

@@ -10,7 +10,7 @@
         <div class="panel panel-default">
           <div class="panel-heading text-center"><strong>Service Status</strong></div>
           <div class="panel-body">
-            {{vm.message || "We're sorry but the website is currently undergoing maintenance."}}
+            {{vm.getMessage()}}
           </div>
         </div>
       </div>