Hide initial status.

Previously all certificate & Kerberos key statuses (valid, missing
and revoked) will appear briefly at the same time during page load.
This has been fixed by setting the initial style to hidden.

3 files changed, 14 insertions, 7 deletions

diff --git a/install/ui/certificate.js b/install/ui/certificate.js
index 6b100ed1..3158d048 100755
--- a/install/ui/certificate.js
+++ b/install/ui/certificate.js
@@ -414,7 +414,8 @@ function certificate_status_widget(spec) {
         that.widget_create(container);
 
         var div = $('<div/>', {
-            name: 'certificate-valid'
+            name: 'certificate-valid',
+            style: 'display: none;'
         }).appendTo(container);
 
         $('<img/>', {
@@ -465,7 +466,8 @@ function certificate_status_widget(spec) {
 
         if (!that.is_selfsign()) {
             div = $('<div/>', {
-                name: 'certificate-revoked'
+                name: 'certificate-revoked',
+                style: 'display: none;'
             }).appendTo(container);
 
             $('<img/>', {
@@ -504,7 +506,8 @@ function certificate_status_widget(spec) {
         }
 
         div = $('<div/>', {
-            name: 'certificate-missing'
+            name: 'certificate-missing',
+            style: 'display: none;'
         }).appendTo(container);
 
         $('<img/>', {
diff --git a/install/ui/host.js b/install/ui/host.js
index cc60fb51..f6af82cb 100644
--- a/install/ui/host.js
+++ b/install/ui/host.js
@@ -226,7 +226,8 @@ function host_provisioning_status_widget(spec) {
         that.widget_create(container);
 
         var div = $('<div/>', {
-            name: 'kerberos-key-valid'
+            name: 'kerberos-key-valid',
+            style: 'display: none;'
         }).appendTo(container);
 
         $('<img/>', {
@@ -250,7 +251,8 @@ function host_provisioning_status_widget(spec) {
         }).appendTo(content_div);
 
         div = $('<div/>', {
-            name: 'kerberos-key-missing'
+            name: 'kerberos-key-missing',
+            style: 'display: none;'
         }).appendTo(container);
 
         $('<img/>', {
diff --git a/install/ui/service.js b/install/ui/service.js
index 53a44440..360386a1 100644
--- a/install/ui/service.js
+++ b/install/ui/service.js
@@ -223,7 +223,8 @@ function service_provisioning_status_widget(spec) {
         that.widget_create(container);
 
         var div = $('<div/>', {
-            'class': 'kerberos-key-valid'
+            name: 'kerberos-key-valid',
+            style: 'display: none;'
         }).appendTo(container);
 
         $('<img/>', {
@@ -247,7 +248,8 @@ function service_provisioning_status_widget(spec) {
         }).appendTo(content_div);
 
         div = $('<div/>', {
-            name: 'kerberos-key-missing'
+            name: 'kerberos-key-missing',
+            style: 'display: none;'
         }).appendTo(container);
 
         $('<img/>', {