Show progress message in setup and restore

src/js/main.js

@@ -141,7 +141,7 @@ angular.module('Application').controller('MainController', ['$scope', '$route',
 
         if (!status.activated) {
             console.log('Not activated yet, redirecting', status);
-            if (status.restore.active || status.restore.errorMessage) {
+            if (status.restore.active || status.restore.errorMessage) { // show the error message in restore page
                 window.location.href = '/restore.html';
             } else {
                 window.location.href = status.adminFqdn ? '/setup.html' : '/setupdns.html';

src/js/restore.js

@@ -16,6 +16,7 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
 
     $scope.busy = false;
     $scope.error = {};
+    $scope.message = ''; // progress
     $scope.provider = '';
     $scope.bucket = '';
     $scope.prefix = '';
@@ -205,6 +206,8 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
                 return;
             }
 
+            $scope.message = status.restore.message;
+
             setTimeout(waitForRestore, 5000);
         });
     }

src/js/setupdns.js

@@ -202,6 +202,8 @@ app.controller('SetupDNSController', ['$scope', '$http', '$timeout', 'Client', f
                 return;
             }
 
+            $scope.message = status.setup.message;
+
             setTimeout(waitForDnsSetup, 5000);
         });
     }

src/restore.html

@@ -41,7 +41,7 @@
         <div class="row">
             <div class="col-md-6 col-md-offset-3">
                 <i class="fa fa-circle-notch fa-spin fa-5x"></i><br/>
-                <h3>Downloading backup</h3>
+                <h3>{{ message }} ...</h3>
             </div>
         </div>
     </div>

src/setupdns.html

@@ -44,7 +44,7 @@
         <div class="row">
             <div class="col-md-6 col-md-offset-3">
                 <i class="fa fa-circle-notch fa-spin fa-5x"></i><br/>
-                <h3>Waiting for domain and certificate setup</h3>
+                <h3>{{ message }} ...</h3>
             </div>
         </div>
     </div>