UI: Capabilities for ginger

Show and hide different component based on different hosts.

Signed-off-by: Wen Wang <[email protected]>

Author: wenwang1989

ui/js/host-admin.js

@@ -687,9 +687,7 @@ ginger.initUserManagement = function() {
     listUsers();
 };
 
-ginger.initAdmin = function(){
-    $("#gingerHostAdmin").accordion();
-    $(".content-area", "#gingerHostAdmin").css("height", "100%");
+ginger.initFirmware = function() {
     ginger.getFirmware(function(data){
         $("#gingerFWVer").html(data.level);
     });
@@ -713,11 +711,49 @@ ginger.initAdmin = function(){
             });
         }, null);
     });
-    ginger.initConfigBak();
-    ginger.initNetworkConfig();
-    ginger.initPowerMgmt();
-    ginger.initSANAdapter();
-    ginger.initSensorsMonitor();
-    ginger.initSEPConfig();
-    ginger.initUserManagement();
+};
+
+ginger.initAdmin = function(){
+    $("#gingerHostAdmin").accordion({
+        collapsible: true,
+        active: 1
+    });
+    $(".content-area", "#gingerHostAdmin").css("height", "100%");
+
+    ginger.getCapabilities(function(result) {
+        $.each(result, function(enableItem, capability) {
+            var itemLowCase = enableItem.toLowerCase();
+            if (capability) {
+                $("." + itemLowCase + "-ppc-enabled").show();
+                switch(itemLowCase) {
+                    case "firmware":
+                        ginger.initFirmware();
+                        break;
+                    case "backup":
+                        ginger.initConfigBak();
+                        break;
+                    case "network":
+                        ginger.initNetworkConfig();
+                        break;
+                    case "powerprofiles":
+                        ginger.initPowerMgmt();
+                        break;
+                    case "sanadapters":
+                        ginger.initSANAdapter();
+                        break;
+                    case "sensors":
+                        ginger.initSensorsMonitor();
+                        break;
+                    case "sep":
+                        ginger.initSEPConfig();
+                        break;
+                    case "users":
+                        ginger.initUserManagement();
+                        break;
+                }
+            } else {
+                $("." + itemLowCase + "-ppc-enabled").hide();
+            }
+        });
+    });
 };

ui/js/util.js

@@ -350,4 +350,17 @@ ginger.deleteUser = function (username, suc, err) {
             kimchi.message.error(data.responseJSON.reason);
         }
     });
+}
+
+ginger.getCapabilities = function(suc, err) {
+    kimchi.requestJSON({
+        url : kimchi.url + 'plugins/ginger/capabilities',
+        type : 'GET',
+        contentType : 'application/json',
+        dataType : 'json',
+        success : suc,
+        error : function(data) {
+            kimchi.message.error(data.responseJSON.reason);
+        }
+    });
 }

ui/pages/host-admin.html.tmpl

@@ -15,7 +15,7 @@
 <div class="ginger">
 
 <div id="gingerHostAdmin" class="host-admin">
-    <h3>$_("Firmware Update")</h3>
+    <h3 class="firmware-ppc-enabled">$_("Firmware Update")</h3>
     <div class="content-area">
         <div id="gingerFWUpdateMess" class="message-area" style="display: none;">
             <span class="progress-icon"></span>
@@ -37,7 +37,7 @@
             <button id="gingerPackPathSub">$_("Update")</button>
         </div>
     </div>
-    <h3>$_("Configuration Backup")</h3>
+    <h3 class="backup-ppc-enabled">$_("Configuration Backup")</h3>
     <div class="content-area">
         <div class="action-bar">
             <span id="batDelBtn" class="item">$_("Batch Delete")</span>
@@ -50,7 +50,7 @@
         </div>
         <div id="bakGridBody" class="bak-grid-body"></div>
     </div>
-    <h3>$_("Network Configuration")</h3>
+    <h3 class="network-ppc-enabled">$_("Network Configuration")</h3>
     <div class="content-area nw-config">
         <div class="pane interface">
             <div class="sec-label"><span>$_("Interface")</span></div>
@@ -70,7 +70,7 @@
             </div>
         </div>
     </div>
-    <h3>$_("Power Options")</h3>
+    <h3 class="powerprofiles-ppc-enabled">$_("Power Options")</h3>
     <div class="content-area" id="gingerPowerMgmt">
         <div class="pw-opt">
         <div class="header">
@@ -83,7 +83,7 @@
         <div class="body"></div>
         </div>
     </div>
-    <h3>$_("SAN Adapters")</h3>
+    <h3 class="sanadapters-ppc-enabled">$_("SAN Adapters")</h3>
     <div class="content-area san-adapter">
         <div class="cell name"><div class="head">$_("Name")</div><div class="body"></div></div>
         <div class="cell wwpn"><div class="head">$_("WWPN")</div><div class="body"></div></div>
@@ -93,10 +93,10 @@
         <div class="cell speed"><div class="head">$_("Speed")</div><div class="body"></div></div>
         <div class="cell symbolic"><div class="head">$_("Symbolic Name")</div><div class="body"></div></div>
     </div>
-    <h3>$_("Sensor Monitor")</h3>
+    <h3 class="sensors-ppc-enabled">$_("Sensor Monitor")</h3>
     <div class="content-area sensor-panel">
     </div>
-    <h3>$_("SEP Configuration")</h3>
+    <h3 class="sep-ppc-enabled">$_("SEP Configuration")</h3>
     <div class="content-area sep-config">
         <div class="sep-field">
             <div class="sep-label">$_("Status:")</div>
@@ -118,7 +118,7 @@
             <span id="sepStop" class="actBtn" style="display:none">$_("Stop")</span>
         </div>
     </div>
-    <h3>$_("User Management")</h3>
+    <h3 class="users-ppc-enabled">$_("User Management")</h3>
     <div class="content-area user-manage">
         <div class="content-header">
             <span>$_("Name")</span>