d98365a5c1
git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/branches/2.7@11863 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd
805 lines
25 KiB
JavaScript
805 lines
25 KiB
JavaScript
/**
|
|
* Create nodes datatable for a given group
|
|
*
|
|
* @param group
|
|
* Group name
|
|
* @param outId
|
|
* Division ID to append datatable
|
|
* @return Nodes datatable
|
|
*/
|
|
function createNodesDatatable(group, outId) {
|
|
// Get group nodes
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsdef',
|
|
tgt : '',
|
|
args : group,
|
|
msg : outId
|
|
},
|
|
|
|
/**
|
|
* Create nodes datatable
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
success : function(data) {
|
|
// Data returned
|
|
var rsp = data.rsp;
|
|
|
|
// Get output ID
|
|
var outId = data.msg;
|
|
// Get datatable ID
|
|
var dTableId = outId.replace('DIV', '');
|
|
|
|
// Node attributes hash
|
|
var attrs = new Object();
|
|
// Node attributes
|
|
var headers = new Object();
|
|
|
|
// Clear nodes datatable division
|
|
$('#' + outId).empty();
|
|
|
|
// Create nodes datatable
|
|
var node, args;
|
|
for ( var i in rsp) {
|
|
// Get node
|
|
var pos = rsp[i].indexOf('Object name:');
|
|
if (pos > -1) {
|
|
var temp = rsp[i].split(': ');
|
|
node = jQuery.trim(temp[1]);
|
|
|
|
// Create a hash for the node attributes
|
|
attrs[node] = new Object();
|
|
i++;
|
|
}
|
|
|
|
// Get key and value
|
|
args = rsp[i].split('=');
|
|
var key = jQuery.trim(args[0]);
|
|
var val = jQuery.trim(args[1]);
|
|
|
|
// Create hash table
|
|
attrs[node][key] = val;
|
|
headers[key] = 1;
|
|
}
|
|
|
|
// Sort headers
|
|
var sorted = new Array();
|
|
for ( var key in headers) {
|
|
sorted.push(key);
|
|
}
|
|
sorted.sort();
|
|
|
|
// Add column for check box and node
|
|
sorted.unshift('<input type="checkbox" onclick="selectAllCheckbox(event, $(this))">', 'node');
|
|
|
|
// Create nodes datatable
|
|
var dTable = new DataTable(dTableId);
|
|
dTable.init(sorted);
|
|
|
|
// Go through each node
|
|
for ( var node in attrs) {
|
|
// Create a row
|
|
var row = new Array();
|
|
// Create a check box
|
|
var checkBx = '<input type="checkbox" name="' + node + '"/>';
|
|
row.push(checkBx, node);
|
|
|
|
// Go through each header
|
|
for ( var i = 2; i < sorted.length; i++) {
|
|
// Add node attributes to the row
|
|
var key = sorted[i];
|
|
var val = attrs[node][key];
|
|
if (val) {
|
|
row.push(val);
|
|
} else {
|
|
row.push('');
|
|
}
|
|
}
|
|
|
|
// Add row to table
|
|
dTable.add(row);
|
|
}
|
|
|
|
$('#' + outId).append(dTable.object());
|
|
$('#' + dTableId).dataTable();
|
|
} // End of function(data)
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create provision existing node division
|
|
*
|
|
* @param plugin
|
|
* Plugin name to create division for
|
|
* @param inst
|
|
* Provision tab instance
|
|
* @return Provision existing node division
|
|
*/
|
|
function createProvisionExisting(plugin, inst) {
|
|
// Create provision existing division and hide it
|
|
var provExisting = $('<div></div>').hide();
|
|
|
|
// Create group input
|
|
var group = $('<div></div>');
|
|
var groupLabel = $('<label for="provType">Group:</label>');
|
|
group.append(groupLabel);
|
|
|
|
// Turn on auto complete for group
|
|
var dTableDivId = plugin + 'NodesDatatableDIV' + inst; // Division ID where nodes datatable will be appended
|
|
var groupNames = $.cookie('groups');
|
|
if (groupNames) {
|
|
// Split group names into an array
|
|
var tmp = groupNames.split(',');
|
|
|
|
// Create drop down for groups
|
|
var groupSelect = $('<select></select>');
|
|
groupSelect.append('<option></option>');
|
|
for ( var i in tmp) {
|
|
// Add group into drop down
|
|
var opt = $('<option value="' + tmp[i] + '">' + tmp[i] + '</option>');
|
|
groupSelect.append(opt);
|
|
}
|
|
group.append(groupSelect);
|
|
|
|
// Create node datatable
|
|
groupSelect.change(function() {
|
|
// Get group selected
|
|
var thisGroup = $(this).val();
|
|
// If a valid group is selected
|
|
if (thisGroup) {
|
|
createNodesDatatable(thisGroup, dTableDivId);
|
|
} // End of if (thisGroup)
|
|
});
|
|
} else {
|
|
// If no groups are cookied
|
|
var groupInput = $('<input type="text" name="group"/>');
|
|
group.append(groupInput);
|
|
}
|
|
provExisting.append(group);
|
|
|
|
// Create node input
|
|
var node = $('<div></div>');
|
|
var nodeLabel = $('<label for="nodeName">Nodes:</label>');
|
|
var nodeDatatable = $('<div class="indent" id="' + dTableDivId + '"><p>Select a group to view its nodes</p></div>');
|
|
node.append(nodeLabel);
|
|
node.append(nodeDatatable);
|
|
provExisting.append(node);
|
|
|
|
// Create boot method drop down
|
|
var method = $('<div></div>');
|
|
var methodLabel = $('<label for="method">Boot method:</label>');
|
|
var methodSelect = $('<select id="bootMethod" name="bootMethod"></select>');
|
|
methodSelect.append('<option value="boot">boot</option>'
|
|
+ '<option value="install">install</option>'
|
|
+ '<option value="iscsiboot">iscsiboot</option>'
|
|
+ '<option value="netboot">netboot</option>'
|
|
+ '<option value="statelite">statelite</option>'
|
|
);
|
|
method.append(methodLabel);
|
|
method.append(methodSelect);
|
|
provExisting.append(method);
|
|
|
|
// Create boot type drop down
|
|
var type = $('<div></div>');
|
|
var typeLabel = $('<label for="type">Boot type:</label>');
|
|
var typeSelect = $('<select id="bootType" name="bootType"></select>');
|
|
typeSelect.append('<option value="pxe">pxe</option>'
|
|
+ '<option value="iscsiboot">yaboot</option>'
|
|
+ '<option value="zvm">zvm</option>'
|
|
);
|
|
type.append(typeLabel);
|
|
type.append(typeSelect);
|
|
provExisting.append(type);
|
|
|
|
// Create operating system input
|
|
var os = $('<div></div>');
|
|
var osLabel = $('<label for="os">Operating system:</label>');
|
|
var osInput = $('<input type="text" name="os"/>');
|
|
osInput.one('focus', function() {
|
|
var tmp = $.cookie('osvers');
|
|
if (tmp) {
|
|
// Turn on auto complete
|
|
$(this).autocomplete({
|
|
source: tmp.split(',')
|
|
});
|
|
}
|
|
});
|
|
os.append(osLabel);
|
|
os.append(osInput);
|
|
provExisting.append(os);
|
|
|
|
// Create architecture input
|
|
var arch = $('<div></div>');
|
|
var archLabel = $('<label for="arch">Architecture:</label>');
|
|
var archInput = $('<input type="text" name="arch"/>');
|
|
archInput.one('focus', function() {
|
|
var tmp = $.cookie('osarchs');
|
|
if (tmp) {
|
|
// Turn on auto complete
|
|
$(this).autocomplete({
|
|
source: tmp.split(',')
|
|
});
|
|
}
|
|
});
|
|
arch.append(archLabel);
|
|
arch.append(archInput);
|
|
provExisting.append(arch);
|
|
|
|
// Create profile input
|
|
var profile = $('<div></div>');
|
|
var profileLabel = $('<label for="profile">Profile:</label>');
|
|
var profileInput = $('<input type="text" name="profile"/>');
|
|
profileInput.one('focus', function() {
|
|
var tmp = $.cookie('profiles');
|
|
if (tmp) {
|
|
// Turn on auto complete
|
|
$(this).autocomplete({
|
|
source: tmp.split(',')
|
|
});
|
|
}
|
|
});
|
|
profile.append(profileLabel);
|
|
profile.append(profileInput);
|
|
provExisting.append(profile);
|
|
|
|
/**
|
|
* Provision existing
|
|
*/
|
|
var provisionBtn = createButton('Provision');
|
|
provisionBtn.bind('click', function(event) {
|
|
// TODO Insert provision code here
|
|
openDialog('info', 'Not yet supported');
|
|
});
|
|
provExisting.append(provisionBtn);
|
|
|
|
return provExisting;
|
|
}
|
|
|
|
/**
|
|
* Create provision new node division
|
|
*
|
|
* @param inst
|
|
* Provision tab instance
|
|
* @return Provision new node division
|
|
*/
|
|
function createProvisionNew(plugin, inst) {
|
|
// Create provision new node division
|
|
var provNew = $('<div></div>');
|
|
|
|
// Create node input
|
|
var nodeName = $('<div><label for="nodeName">Node:</label><input type="text" name="nodeName"/></div>');
|
|
provNew.append(nodeName);
|
|
|
|
// Create group input
|
|
var group = $('<div></div>');
|
|
var groupLabel = $('<label for="group">Group:</label>');
|
|
var groupInput = $('<input type="text" name="group"/>');
|
|
groupInput.one('focus', function() {
|
|
var groupNames = $.cookie('groups');
|
|
if (groupNames) {
|
|
// Turn on auto complete
|
|
$(this).autocomplete({
|
|
source: groupNames.split(',')
|
|
});
|
|
}
|
|
});
|
|
group.append(groupLabel);
|
|
group.append(groupInput);
|
|
provNew.append(group);
|
|
|
|
// Create boot method drop down
|
|
var method = $('<div></div>');
|
|
var methodLabel = $('<label for="method">Boot method:</label>');
|
|
var methodSelect = $('<select id="bootMethod" name="bootMethod"></select>');
|
|
methodSelect.append('<option value="boot">boot</option>'
|
|
+ '<option value="install">install</option>'
|
|
+ '<option value="iscsiboot">iscsiboot</option>'
|
|
+ '<option value="netboot">netboot</option>'
|
|
+ '<option value="statelite">statelite</option>'
|
|
);
|
|
method.append(methodLabel);
|
|
method.append(methodSelect);
|
|
provNew.append(method);
|
|
|
|
// Create boot type drop down
|
|
var type = $('<div></div>');
|
|
var typeLabel = $('<label for="type">Boot type:</label>');
|
|
var typeSelect = $('<select id="bootType" name="bootType"></select>');
|
|
typeSelect.append('<option value="install">pxe</option>'
|
|
+ '<option value="iscsiboot">yaboot</option>'
|
|
+ '<option value="zvm">zvm</option>'
|
|
);
|
|
type.append(typeLabel);
|
|
type.append(typeSelect);
|
|
provNew.append(type);
|
|
|
|
// Create operating system input
|
|
var os = $('<div></div>');
|
|
var osLabel = $('<label for="os">Operating system:</label>');
|
|
var osInput = $('<input type="text" name="os"/>');
|
|
osInput.one('focus', function() {
|
|
var tmp = $.cookie('osvers');
|
|
if (tmp) {
|
|
// Turn on auto complete
|
|
$(this).autocomplete({
|
|
source: tmp.split(',')
|
|
});
|
|
}
|
|
});
|
|
os.append(osLabel);
|
|
os.append(osInput);
|
|
provNew.append(os);
|
|
|
|
// Create architecture input
|
|
var arch = $('<div></div>');
|
|
var archLabel = $('<label for="arch">Architecture:</label>');
|
|
var archInput = $('<input type="text" name="arch"/>');
|
|
archInput.one('focus', function() {
|
|
var tmp = $.cookie('osarchs');
|
|
if (tmp) {
|
|
// Turn on auto complete
|
|
$(this).autocomplete({
|
|
source: tmp.split(',')
|
|
});
|
|
}
|
|
});
|
|
arch.append(archLabel);
|
|
arch.append(archInput);
|
|
provNew.append(arch);
|
|
|
|
// Create profile input
|
|
var profile = $('<div></div>');
|
|
var profileLabel = $('<label for="profile">Profile:</label>');
|
|
var profileInput = $('<input type="text" name="profile"/>');
|
|
profileInput.one('focus', function() {
|
|
var tmp = $.cookie('profiles');
|
|
if (tmp) {
|
|
// Turn on auto complete
|
|
$(this).autocomplete({
|
|
source: tmp.split(',')
|
|
});
|
|
}
|
|
});
|
|
profile.append(profileLabel);
|
|
profile.append(profileInput);
|
|
provNew.append(profile);
|
|
|
|
/**
|
|
* Provision new node
|
|
*/
|
|
var provisionBtn = createButton('Provision');
|
|
provisionBtn.bind('click', function(event) {
|
|
// TODO Insert provision code here
|
|
openDialog('info', 'Not yet supported');
|
|
});
|
|
provNew.append(provisionBtn);
|
|
|
|
return provNew;
|
|
}
|
|
|
|
/**
|
|
* Create section to provision node
|
|
*
|
|
* @param plugin
|
|
* Plugin name
|
|
* @param container
|
|
* Container to hold provision section
|
|
* @return Nothing
|
|
*/
|
|
function appendProvisionSection(plugin, container) {
|
|
// Get provision tab ID
|
|
var tabId = container.parents('.tab').attr('id');
|
|
|
|
if (plugin == 'quick')
|
|
appendProvision4Url(container); // For provisioning based on argmunents found in URL
|
|
else
|
|
appendProvision4NoUrl(plugin, container);
|
|
|
|
// Add provision button
|
|
var provisionBtn = createButton('Provision');
|
|
provisionBtn.bind('click', function(){
|
|
provisionNode(tabId);
|
|
});
|
|
container.append(provisionBtn);
|
|
|
|
// Bind image select to change event
|
|
container.find('select[name=image]').bind('change', function() {
|
|
createAdvancedOptions($(this).val(), tabId);
|
|
});
|
|
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsdef',
|
|
tgt : '',
|
|
args : '-t;osimage',
|
|
msg : tabId
|
|
},
|
|
|
|
success : function(data){
|
|
var tabId = data.msg;
|
|
var i = 0;
|
|
var imageName = 0;
|
|
var position = 0;
|
|
if (!data.rsp.length) {
|
|
$('#' + tabId).prepend(createWarnBar('Please run copycds and genimage in provision page before continuing!'));
|
|
return;
|
|
}
|
|
|
|
for (i in data.rsp) {
|
|
imageName = data.rsp[i];
|
|
position = imageName.indexOf(' ');
|
|
imageName = imageName.substr(0, position);
|
|
|
|
$('#' + tabId + ' select[name=image]').append($('<option value="' + imageName + '">' + imageName + '</option>'));
|
|
}
|
|
|
|
// Trigger select change event
|
|
$('#' + tabId + ' select[name=image]').trigger('change');
|
|
// Show provision button
|
|
$('#' + tabId + ' button').show();
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create provision node section using URL
|
|
*
|
|
* @param container
|
|
* Container to hold provision section
|
|
* @returns Nothing
|
|
*/
|
|
function appendProvision4Url(container){
|
|
// Get provision tab ID
|
|
var tabId = container.parents('.tab').attr('id');
|
|
|
|
// Create node fieldset
|
|
var nodeFS = $('<fieldset></fieldset>');
|
|
var nodeLegend = $('<legend>Node</legend>');
|
|
nodeFS.append(nodeLegend);
|
|
container.append(nodeFS);
|
|
|
|
var nodeAttr = $('<div style="display: inline-table; vertical-align: middle; width: 85%; margin-left: 10px;"></div>');
|
|
nodeFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/computer.png"></img></div>'));
|
|
nodeFS.append(nodeAttr);
|
|
|
|
// Create image fieldset
|
|
var imgFS = $('<fieldset></fieldset>');
|
|
var imgLegend = $('<legend>Image</legend>');
|
|
imgFS.append(imgLegend);
|
|
container.append(imgFS);
|
|
|
|
var imgAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
imgFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/operating_system.png"></img></div>'));
|
|
imgFS.append(imgAttr);
|
|
|
|
var query = window.location.search;
|
|
var args = query.substr(1).split('&');
|
|
var parms = new Object();
|
|
var tmp;
|
|
|
|
// Turn URL arguments into hash array
|
|
for (var i = 0; i < args.length; i++) {
|
|
tmp = args[i].split('=');
|
|
parms[tmp[0]] = tmp[1];
|
|
}
|
|
|
|
var master = '';
|
|
if (parms['master'])
|
|
master = parms['master'];
|
|
|
|
var nfsserver = '';
|
|
if (parms['nfsserver'])
|
|
nfsserver = parms['nfsserver'];
|
|
|
|
var tftpserver = '';
|
|
if (parms['tftpserver'])
|
|
tftpserver = parms['tftpserver'];
|
|
|
|
nodeAttr.append('<div><label>Node:</label><input type="text" disabled="disabled" name="node" value="' + parms['nodes'] + '"></div>');
|
|
|
|
imgAttr.append('<div><label>Architecture:</label><input type="text" disabled="disabled" name="arch" value="' + parms['arch'] + '"></div>');
|
|
imgAttr.append('<div><label>Image name:</label><select name="image"></select></div>');
|
|
imgAttr.append( '<div><label>Install NIC:</label><input type="text" name="installNic"/></div>');
|
|
imgAttr.append('<div><label>Primary NIC:</label><input type="text" name="primaryNic"/></div>');
|
|
imgAttr.append('<div><label>xCAT master:</label><input type="text" name="xcatMaster" value="' + master + '"></div>');
|
|
imgAttr.append('<div><label>TFTP server:</label><input type="text" name="tftpServer" value="' + tftpserver + '"></div>');
|
|
imgAttr.append('<div><label>NFS server:</label><input type="text" name="nfsServer" value="' + nfsserver + '"></div>');
|
|
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* Create section to provision node using no URL
|
|
*
|
|
* @param plugin
|
|
* Create provision section for given plugin
|
|
* @param container
|
|
* Container to hold provision section
|
|
* @returns Nothing
|
|
*/
|
|
function appendProvision4NoUrl(plugin, container){
|
|
// Get provision tab ID
|
|
var tabId = container.parents('.tab').attr('id');
|
|
|
|
// Create node fieldset
|
|
var nodeFS = $('<fieldset></fieldset>');
|
|
var nodeLegend = $('<legend>Node</legend>');
|
|
nodeFS.append(nodeLegend);
|
|
container.append(nodeFS);
|
|
|
|
var nodeAttr = $('<div style="display: inline-table; vertical-align: middle; width: 85%; margin-left: 10px;"></div>');
|
|
nodeFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/computer.png"></img></div>'));
|
|
nodeFS.append(nodeAttr);
|
|
|
|
// Create image fieldset
|
|
var imgFS = $('<fieldset></fieldset>');
|
|
var imgLegend = $('<legend>Image</legend>');
|
|
imgFS.append(imgLegend);
|
|
container.append(imgFS);
|
|
|
|
var imgAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
imgFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/operating_system.png"></img></div>'));
|
|
imgFS.append(imgAttr);
|
|
|
|
// Select group name
|
|
var group = $('<div></div>').append('<label>Group:</label>');
|
|
var groupSelect = $('<select name="group"></select>');
|
|
group.append(groupSelect);
|
|
var groupNames = $.cookie('groups');
|
|
if (groupNames) {
|
|
var tmp = groupNames.split(',');
|
|
groupSelect.append('<option value=""></option>'); // Append empty group name
|
|
for (var i in tmp)
|
|
groupSelect.append('<option value="' + tmp[i] + '">' + tmp[i] + '</option>');
|
|
}
|
|
nodeAttr.append(group);
|
|
|
|
// Select node from table
|
|
var nodes = $('<div><label style="vertical-align: top;">Nodes:</label></div>');
|
|
var nodesTable = $('<div id="nodesTable" style="display: inline-block; max-width: 800px;"><p>Select a group to view its nodes</p></div>');
|
|
nodes.append(nodesTable);
|
|
nodeAttr.append(nodes);
|
|
|
|
// Select architecture
|
|
var arch = $('<div></div>').append('<label>Architecture:</label>');
|
|
var archName = $.cookie('osarchs');
|
|
if (archName) {
|
|
var archSelect = $('<select name="arch"></select>');
|
|
arch.append(archSelect);
|
|
|
|
var tmp = archName.split(',');
|
|
for (var i in tmp)
|
|
archSelect.append('<option value="' + tmp[i] + '">' + tmp[i] + '</option>');
|
|
} else {
|
|
arch.append('<input type="text" name="arch"/>');
|
|
}
|
|
imgAttr.append(arch);
|
|
|
|
imgAttr.append('<div><label>Image name:</label><select name="image"></select></div>');
|
|
imgAttr.append('<div><label>Install NIC:</label><input type="text" name="installNic"/></div>');
|
|
imgAttr.append('<div><label>Primary NIC:</label><input type="text" name="primaryNic"/></div>');
|
|
imgAttr.append('<div><label>xCAT master:</label><input type="text" name="xcatMaster"/></div>');
|
|
imgAttr.append('<div><label>TFTP server:</label><input type="text" name="tftpServer"/></div>');
|
|
imgAttr.append('<div><label>NFS server:</label><input type="text" name=nfsServer"/></div>');
|
|
|
|
// When a group is selected, show the nodes belonging to that group
|
|
groupSelect.bind('change', function() {
|
|
var nodesTableId = '#' + tabId + ' #nodesTable';
|
|
$(nodesTableId).append(createLoader());
|
|
createNodesTable($(this).val(), nodesTableId);
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* Provision node
|
|
*
|
|
* @param tabId
|
|
* Provision tab ID
|
|
* @return Nothing
|
|
*/
|
|
function provisionNode(tabId) {
|
|
var plugin = tabId;
|
|
var errorMessage = "";
|
|
var args = new Array();
|
|
var node = "";
|
|
|
|
// Delete any existing warnings
|
|
$('#' + tabId + ' .ui-state-error').remove();
|
|
|
|
// Go through each input
|
|
$('#' + tabId + ' input[type!="checkbox"]').each(function() {
|
|
if (!$(this).val()) {
|
|
errorMessage = 'Please provide a value for each missing field!';
|
|
return false;
|
|
} else {
|
|
args.push($(this).val());
|
|
}
|
|
});
|
|
|
|
// Do not continue if error was found
|
|
if (errorMessage) {
|
|
$('#' + tabId).prepend(createWarnBar(errorMessage));
|
|
return;
|
|
}
|
|
|
|
// If jumped from nodes page, get node name
|
|
if (tabId == 'quick') {
|
|
node = args.shift();
|
|
} else {
|
|
// Select platform, get node names from table checkbox
|
|
args.unshift($('#' + tabId + ' input[name=arch]').val());
|
|
node = getCheckedByObj($('#' + tabId + ' #nodesTable'));
|
|
}
|
|
|
|
// Do not continue if a node is not given
|
|
if (!node) {
|
|
$('#' + tabId).prepend(createWarnBar('Please select a node!'));
|
|
return;
|
|
}
|
|
|
|
var software = getCheckedByObj($('#' + tabId + ' #advanced'));
|
|
var imageName = $('#' + tabId + ' select[name=image]').val();
|
|
var provision = args.join(',');
|
|
|
|
var url = 'lib/cmd.php?cmd=webrun&tgt=&args=provision;' +
|
|
node + ';' + imageName + ';' + provision + ';' + software + '&msg=&opts=flush';
|
|
$('#' + tabId).prepend(createIFrame(url));
|
|
}
|
|
|
|
/**
|
|
* Create advance option
|
|
*
|
|
* @param imagename
|
|
* Image name
|
|
* @param outId
|
|
* Output area ID
|
|
* @return Nothing
|
|
*/
|
|
function createAdvancedOptions(image, outId) {
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsdef',
|
|
tgt : '',
|
|
args : '-t;osimage;' + image + ';-i;osname,provmethod',
|
|
msg : outId
|
|
},
|
|
|
|
success : function(data) {
|
|
var outId = data.msg;
|
|
var osName = '';
|
|
var provMethod = '';
|
|
var tmpStr = '';
|
|
var position = 0;
|
|
|
|
for (var i = 0; i < data.rsp.length; i++) {
|
|
tmpStr = data.rsp[i];
|
|
if (tmpStr.indexOf('osname') != -1) {
|
|
position = tmpStr.indexOf('=');
|
|
osName = tmpStr.substr(position + 1);
|
|
}
|
|
|
|
if (tmpStr.indexOf('provmethod') != -1) {
|
|
position = tmpStr.indexOf('=');
|
|
provMethod = tmpStr.substr(position + 1);
|
|
}
|
|
}
|
|
|
|
$('#' + outId + ' #advanced').remove();
|
|
if (osName.toLowerCase() == 'aix')
|
|
return;
|
|
|
|
if (provMethod == 'install') {
|
|
// Create advanced fieldset
|
|
var advancedFS = $('<fieldset id="advanced"></fieldset>').append($('<legend>Advanced</legend>'));
|
|
$('#' + outId + ' div.form fieldset:eq(1)').after(advancedFS);
|
|
|
|
advancedFS.append('<div><input type="checkbox" checked="checked" name="ganglia">Install Ganglia monitoring</div>');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create nodes table
|
|
*
|
|
* @param group
|
|
* Group name
|
|
* @param outId
|
|
* Output section ID
|
|
* @return Nothing
|
|
*/
|
|
function createNodesTable(group, outId) {
|
|
// Get group nodes
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodels',
|
|
tgt : group,
|
|
args : '',
|
|
msg : outId
|
|
},
|
|
|
|
success : function(data) {
|
|
var outId = $(data.msg);
|
|
var nodes = data.rsp;
|
|
|
|
// Create table to hold nodes
|
|
var nTable = $('<table></table>');
|
|
var tHead = $('<thead class="ui-widget-header"> <th><input type="checkbox" onclick="selectAll4Table(event, $(this))"></th> <th>Node</th> </thead>');
|
|
nTable.append(tHead);
|
|
var tBody = $('<tbody></tbody>');
|
|
nTable.append(tBody);
|
|
|
|
for (var i in nodes) {
|
|
var node = nodes[i][0];
|
|
|
|
// Go to next node if there is nothing here
|
|
if (!node)
|
|
continue;
|
|
// Insert node into table
|
|
tBody.append('<tr><td><input type="checkbox" name="' + node + '"/></td><td>' + node + '</td></tr>');
|
|
}
|
|
|
|
outId.empty().append(nTable);
|
|
|
|
if (nodes.length > 10)
|
|
outId.css('height', '300px');
|
|
else
|
|
outId.css('height', 'auto');
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Get select element names
|
|
*
|
|
* @param obj
|
|
* Object to get selected element names
|
|
* @return Nodes name seperate by a comma
|
|
*/
|
|
function getCheckedByObj(obj) {
|
|
var str = '';
|
|
|
|
// Get nodes that were checked
|
|
obj.find('input:checked').each(function() {
|
|
if ($(this).attr('name')) {
|
|
str += $(this).attr('name') + ',';
|
|
}
|
|
});
|
|
|
|
if (str) {
|
|
str = str.substr(0, str.length - 1);
|
|
}
|
|
|
|
return str;
|
|
}
|
|
|
|
/**
|
|
* Select all checkboxes in the table
|
|
*
|
|
* @param event
|
|
* Event on element
|
|
* @param obj
|
|
* Object triggering event
|
|
* @return Nothing
|
|
*/
|
|
function selectAll4Table(event, obj) {
|
|
// Get datatable ID
|
|
// This will ascend from <input> <td> <tr> <thead> <table>
|
|
var tableObj = obj.parents('table').find('tbody');
|
|
var status = obj.attr('checked');
|
|
tableObj.find(' :checkbox').attr('checked', status);
|
|
event.stopPropagation();
|
|
} |