Merge pull request #2016 from noobaa/ohad-frontend-dev

Loader screen to be used when waiting for system_config

frontend/src/app/components/login/loading-server-information-from/loading-server-information-from.html

@@ -0,0 +1,6 @@
+<div class="text-center">
+    <p class="heading1 push-next">Initializing Server...</p>
+
+    <svg-icon class="loading-icon icon-big spin"
+        params="name: 'in-progress'"></svg-icon>
+</div>

frontend/src/app/components/login/loading-server-information-from/loading-server-information-from.js

@@ -0,0 +1,5 @@
+import template from './loading-server-information-from.html';
+
+export default {
+    template: template
+};

frontend/src/app/components/login/loading-server-information-from/loading-server-information-from.less

@@ -0,0 +1,3 @@
+loading-server-information-from {
+    display: block;
+}

frontend/src/app/components/login/login-layout/login-layout.js

@@ -17,9 +17,9 @@ class LoginLayoutViewModel extends Disposable {
 
                 if (serverInfo()) {
                     return serverInfo().initialized ? 'signin-form' : 'create-system-form';
+                } else {
+                    return 'loading-server-information-from';
                 }
-
-                return;
             }
         );
     }

frontend/src/app/components/register.js

@@ -30,6 +30,7 @@ export default function register(ko) {
     ko.components.register('create-system-form',        require('./login/create-system-form/create-system-form'));
     ko.components.register('unsupported-form',          require('./login/unsupported-form/unsupported-form'));
     ko.components.register('unable-to-activate-modal',  require('./login/unable-to-activate-modal/unable-to-activate-modal'));
+    ko.components.register('loading-server-information-from', require('./login/loading-server-information-from/loading-server-information-from'));
     /** INJECT:login **/
 
     // -------------------------------

frontend/src/app/utils.js

@@ -344,9 +344,12 @@ export function deepFreeze(val) {
     }
 }
 
-export function waitFor(miliseconds) {
+export function waitFor(miliseconds, value) {
     return new Promise(
-        resolve => setTimeout(resolve, miliseconds)
+        resolve => setTimeout(
+            () => resolve(value),
+            miliseconds
+        )
     );
 }