diff --git a/xCAT-UI/js/custom/zvm.js b/xCAT-UI/js/custom/zvm.js
index 42750e03e..0fb179ad8 100644
--- a/xCAT-UI/js/custom/zvm.js
+++ b/xCAT-UI/js/custom/zvm.js
@@ -43,7 +43,7 @@ zvmPlugin.prototype.loadClonePage = function(node) {
// Get hardware control point
var nodeRow = $('#' + node).parent().parent();
- var dTable = $('#nodesDataTable').dataTable();
+ var dTable = $('#nodesDatatable').dataTable();
var rowPos = dTable.fnGetPosition(nodeRow.get(0));
var aData = dTable.fnGetData(rowPos);
var hcp = aData[hcpCol];
diff --git a/xCAT-UI/js/monitor/gangliamon.js b/xCAT-UI/js/monitor/gangliamon.js
index f2bc33c48..d5c35c01f 100644
--- a/xCAT-UI/js/monitor/gangliamon.js
+++ b/xCAT-UI/js/monitor/gangliamon.js
@@ -318,7 +318,7 @@ function loadNodes4Ganglia(data) {
'ganglia');
// Create a datatable
- var dTable = new DataTable('nodesDataTable');
+ var dTable = new DataTable('nodesDatatable');
dTable.init(sorted);
// Go through each node
@@ -374,7 +374,7 @@ function loadNodes4Ganglia(data) {
// Power on
var powerOnLnk = $('Power on');
powerOnLnk.bind('click', function(event) {
- var tgtNodes = getNodesChecked('nodesDataTable');
+ var tgtNodes = getNodesChecked('nodesDatatable');
if (tgtNodes) {
powerNode(tgtNodes, 'on');
}
@@ -383,7 +383,7 @@ function loadNodes4Ganglia(data) {
// Power off
var powerOffLnk = $('Power off');
powerOffLnk.bind('click', function(event) {
- var tgtNodes = getNodesChecked('nodesDataTable');
+ var tgtNodes = getNodesChecked('nodesDatatable');
if (tgtNodes) {
powerNode(tgtNodes, 'off');
}
@@ -398,7 +398,7 @@ function loadNodes4Ganglia(data) {
*/
var monitorLnk = $('Monitor');
monitorLnk.bind('click', function(event) {
- var tgtNodes = getNodesChecked('nodesDataTable');
+ var tgtNodes = getNodesChecked('nodesDatatable');
if (tgtNodes) {
}
@@ -407,7 +407,7 @@ function loadNodes4Ganglia(data) {
// Turn monitoring on
var monitorOnLnk = $('Monitor on');
monitorOnLnk.bind('click', function(event) {
- var tgtNodes = getNodesChecked('nodesDataTable');
+ var tgtNodes = getNodesChecked('nodesDatatable');
if (tgtNodes) {
monitorNode(tgtNodes, 'on');
}
@@ -416,7 +416,7 @@ function loadNodes4Ganglia(data) {
// Turn monitoring off
var monitorOffLnk = $('Monitor off');
monitorOffLnk.bind('click', function(event) {
- var tgtNodes = getNodesChecked('nodesDataTable');
+ var tgtNodes = getNodesChecked('nodesDatatable');
if (tgtNodes) {
monitorNode(tgtNodes, 'off');
}
@@ -441,21 +441,21 @@ function loadNodes4Ganglia(data) {
$('#nodesTab').append(dTable.object());
// Turn table into a datatable
- var myDataTable = $('#nodesDataTable').dataTable();
+ var myDataTable = $('#nodesDatatable').dataTable();
// Do not sort ping and power column
- var pingCol = $('#nodesDataTable thead tr th').eq(2);
- var powerCol = $('#nodesDataTable thead tr th').eq(3);
- var gangliaCol = $('#nodesDataTable thead tr th').eq(4);
+ var pingCol = $('#nodesDatatable thead tr th').eq(2);
+ var powerCol = $('#nodesDatatable thead tr th').eq(3);
+ var gangliaCol = $('#nodesDatatable thead tr th').eq(4);
pingCol.unbind('click');
powerCol.unbind('click');
gangliaCol.unbind('click');
// Create enough space for loader to be displayed
var style = {'min-width': '60px', 'text-align': 'center'};
- $('#nodesDataTable tbody tr td:nth-child(3)').css(style);
- $('#nodesDataTable tbody tr td:nth-child(4)').css(style);
- $('#nodesDataTable tbody tr td:nth-child(5)').css(style);
+ $('#nodesDatatable tbody tr td:nth-child(3)').css(style);
+ $('#nodesDatatable tbody tr td:nth-child(4)').css(style);
+ $('#nodesDatatable tbody tr td:nth-child(5)').css(style);
// Instead refresh the ping status and power status
pingCol.find('span a').bind('click', function(event) {
@@ -515,7 +515,7 @@ function loadNodes4Ganglia(data) {
});
} else {
// Hide status loader
- var statCol = $('#nodesDataTable thead tr th').eq(2);
+ var statCol = $('#nodesDatatable thead tr th').eq(2);
statCol.find('img').hide();
}
@@ -543,7 +543,7 @@ function loadNodes4Ganglia(data) {
*/
function loadGangliaStatus(data) {
// Get datatable
- var dTable = $('#nodesDataTable').dataTable();
+ var dTable = $('#nodesDatatable').dataTable();
var ganglia = data.rsp;
var rowNum, node, status, args;
@@ -553,14 +553,14 @@ function loadGangliaStatus(data) {
status = jQuery.trim(ganglia[i][1]);
// Get the row containing the node
- rowNum = findRowIndexUsingCol(node, '#nodesDataTable', 1);
+ rowNum = findRowIndexUsingCol(node, '#nodesDatatable', 1);
// Update the power status column
dTable.fnUpdate(status, rowNum, 4);
}
// Hide Ganglia loader
- var gangliaCol = $('#nodesDataTable thead tr th').eq(4);
+ var gangliaCol = $('#nodesDatatable thead tr th').eq(4);
gangliaCol.find('img').hide();
}
@@ -573,7 +573,7 @@ function loadGangliaStatus(data) {
*/
function refreshGangliaStatus(group) {
// Show ganglia loader
- var gangliaCol = $('#nodesDataTable thead tr th').eq(4);
+ var gangliaCol = $('#nodesDatatable thead tr th').eq(4);
gangliaCol.find('img').show();
// Get the status of Ganglia
diff --git a/xCAT-UI/js/nodes/nodes.js b/xCAT-UI/js/nodes/nodes.js
index 912481586..2aaf1a2a6 100644
--- a/xCAT-UI/js/nodes/nodes.js
+++ b/xCAT-UI/js/nodes/nodes.js
@@ -35,14 +35,14 @@ function loadNodesPage() {
// If groups are not already loaded
if (!$('#groups').length) {
// Create a groups division
- groupDIV = $('
');
- nodesDIV = $('');
- $('#content').append(groupDIV);
- $('#content').append(nodesDIV);
+ var groups = $('');
+ var nodes = $('');
+ $('#content').append(groups);
+ $('#content').append(nodes);
// Create loader
var loader = createLoader();
- groupDIV.append(loader);
+ groups.append(loader);
// Create info bar
var info = createInfoBar('Select a group to view its nodes.');
@@ -89,14 +89,15 @@ function loadGroups(data) {
// Remove loader
$('#groups').find('img').remove();
+ // Save group in cookie
var groups = data.rsp;
setGroupsCookies(data);
// Create a list of groups
var ul = $('
');
var item = $('
Groups
');
- ul.append(item);
var subUL = $('
');
+ ul.append(item);
item.append(subUL);
// Create a link for each group
@@ -193,7 +194,7 @@ function loadGroups(data) {
var addNodeForm = $('');
addNodeForm.append(info);
addNodeForm.append('