xcat-core/xCAT-UI/js/custom/hmc.js
xq2005 5a2c16c6d5 hmc provision tab show
git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/trunk@8879 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd
2011-02-17 09:06:21 +00:00

374 lines
9.2 KiB
JavaScript

/**
* Execute when the DOM is fully loaded
*/
$(document).ready(function() {
// Load utility scripts
});
/**
* Constructor
*
* @return Nothing
*/
var hmcPlugin = function() {
};
/**
* Load node inventory
*
* @param data
* Data from HTTP request
* @return Nothing
*/
hmcPlugin.prototype.loadInventory = function(data) {
// Get arguments
var args = data.msg.split(',');
// Get tab ID
var tabId = args[0].replace('out=', '');
// Get node
var node = args[1].replace('node=', '');
// Get node inventory
var inv = data.rsp;
// Remove loader
$('#' + tabId).find('img').remove();
// Create division to hold inventory
var invDivId = tabId + 'Inventory';
var invDiv = $('<div class="inventory" id="' + invDivId + '"></div>');
// Loop through each line
var fieldSet, legend, oList, item;
for ( var k = 0; k < inv.length; k++) {
// Remove node name in front
var str = inv[k].replace(node + ': ', '');
str = jQuery.trim(str);
// If string is a header
if (str.indexOf('I/O Bus Information') > -1 || str.indexOf('Machine Configuration Info') > -1) {
// Create a fieldset
fieldSet = $('<fieldset></fieldset>');
legend = $('<legend>' + str + '</legend>');
fieldSet.append(legend);
oList = $('<ol></ol>');
fieldSet.append(oList);
invDiv.append(fieldSet);
} else {
// If no fieldset is defined
if (!fieldSet) {
// Define general fieldset
fieldSet = $('<fieldset></fieldset>');
legend = $('<legend>General</legend>');
fieldSet.append(legend);
oList = $('<ol></ol>');
fieldSet.append(oList);
invDiv.append(fieldSet);
}
// Append the string to a list
item = $('<li></li>');
item.append(str);
oList.append(item);
}
}
// Append to inventory form
$('#' + tabId).append(invDiv);
};
/**
* Load clone page
*
* @param node
* Source node to clone
* @return Nothing
*/
hmcPlugin.prototype.loadClonePage = function(node) {
// Get nodes tab
var tab = getNodesTab();
var newTabId = node + 'CloneTab';
// If there is no existing clone tab
if (!$('#' + newTabId).length) {
// Create status bar and hide it
var statBarId = node + 'CloneStatusBar';
var statBar = $('<div class="statusBar" id="' + statBarId + '"></div>').hide();
// Create info bar
var infoBar = createInfoBar('Under construction');
// Create clone form
var cloneForm = $('<div class="form"></div>');
cloneForm.append(statBar);
cloneForm.append(infoBar);
// Add clone tab
tab.add(newTabId, 'Clone', cloneForm, true);
}
tab.select(newTabId);
};
/**
* Load provision page
*
* @param tabId
* The provision tab ID
* @return Nothing
*/
hmcPlugin.prototype.loadProvisionPage = function(tabId) {
// Get OS image names
if (!$.cookie('imagenames')){
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'tabdump',
tgt : '',
args : 'osimage',
msg : ''
},
success : setOSImageCookies
});
}
// Get groups
if (!$.cookie('groups')){
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'extnoderange',
tgt : '/.*',
args : 'subgroups',
msg : ''
},
success : setGroupsCookies
});
}
// Get provision tab instance
var inst = tabId.replace('hmcProvisionTab', '');
// Create provision form
var provForm = $('<div class="form"></div>');
// Create status bar
var statBarId = 'hmcProvisionStatBar' + inst;
var statBar = createStatusBar(statBarId).hide();
provForm.append(statBar);
// Create loader
var loader = createLoader('hmcProvisionLoader' + inst).hide();
statBar.append(loader);
// Create info bar
var infoBar = createInfoBar('Provision an hmc node.');
provForm.append(infoBar);
// Append to provision tab
$('#' + tabId).append(provForm);
// Create provision type drop down
provForm.append('<div><label>Provision:</label><select><option value="existing">Existing node</option></select></div>');
/**
* Create provision new node division
*/
// You should copy whatever is in this function, put it here, and customize it
//var provNew = createProvisionNew('hmc', inst);
//provForm.append(provNew);
/**
* Create provision existing node division
*/
// You should copy whatever is in this function, put it here, and customize it
provForm.append(createHmcProvisionExisting(inst));
var hmcProvisionBtn = createButton('Provision');
hmcProvisionBtn.bind('click', function(event) {
//TODO Insert provision code here
openDialog('info', 'Under construction');
});
provForm.append(hmcProvisionBtn);
// update the node table on group select
provForm.find('#groupname').bind('change', function(){
var groupName = $(this).val();
var nodeArea = $('#hmcSelectNodesTable' + inst);
nodeArea.empty();
if (!groupName){
nodeArea.html('Select a group to view its nodes');
return;
}
nodeArea.append(createLoader());
createNodesArea(groupName, 'hmcSelectNodesTable'+ inst);
});
// Toggle provision new/existing on select
};
/**
* Load resources
*
* @return Nothing
*/
hmcPlugin.prototype.loadResources = function() {
// Get resource tab ID
var tabId = 'hmcResourceTab';
// Remove loader
$('#' + tabId).find('img').remove();
// Create info bar
var infoBar = createInfoBar('Under construction');
// Create resource form
var resrcForm = $('<div class="form"></div>');
resrcForm.append(infoBar);
$('#' + tabId).append(resrcForm);
};
/**
* Add node range
*
* @return Nothing
*/
hmcPlugin.prototype.addNode = function() {
openDialog('info', 'Under construction');
};
/**
* Create hmc provision existing form
*
* @return: form content
*/
function createHmcProvisionExisting(inst){
//create the group area.
var strGroup = '<div><label>Group:</label>';
var groupNames = $.cookie('groups');
if (groupNames){
strGroup += '<select id="groupname"><option></option>';
var temp = groupNames.split(',');
for (var i in temp){
strGroup += '<option value="' + temp[i] + '">' + temp[i] + '</option>';
}
strGroup += '</select>';
}
else{
strGroup += '<input type="text" id="groupname">';
}
strGroup += '</div>';
//create nodes area
var strNodes = '<div><label>Nodes:</label><div id="hmcSelectNodesTable' + inst +
'" style="display:inline-block;width:700px;overflow-y:auto;">Select a group to view its nodes</div></div>';
//create boot method
var strBoot = '<div><label>Boot Method:</label><select id="boot">' +
'<option value="install">install</option>' +
'<option value="netboot">netboot</option>' +
'<option value="statelite">statelite</option></select></div>';
// Create operating system
var strOs = '<div><label>Operating system:</label>';
var osName = $.cookie('osvers');
if (osName){
strOs += '<select id="osname">';
var temp = osName.split(',');
for (var i in temp){
strOs += '<option value="' + temp[i] + '">' + temp[i] + '</option>';
}
strOs += '</select>';
}
else{
strOs += '<input type="text" id="osname">';
}
strOs += '</div>';
//create architecture
var strArch = '<div><label>Architecture:</label>';
var archName = $.cookie('osarchs');
if ('' != archName){
strArch += '<select id="arch">';
var temp = archName.split(',');
for (var i in temp){
strArch += '<option value="' + temp[i] + '">' + temp[i] + '</option>';
}
strArch += '</select>';
}
else{
strArch += '<input type="text" id="arch">';
}
strArch += '</div>';
//create profile
var strPro = '<div><label>Profile:</label>';
var proName = $.cookie('profiles');
if ('' != proName){
strPro += '<select id="pro">';
var temp = proName.split(',');
for (var i in temp){
strPro += '<option value="' + temp[i] + '">' + temp[i] + '</option>';
}
strPro += '</select>';
}
else{
strPro += '<input type="text" id="pro">';
}
strPro += '</div>';
var strRet = strGroup + strNodes + strBoot + strOs + strArch + strPro;
return strRet;
}
/**
* refresh the nodes area base on group selected
*
* @return Nothing
*/
function createNodesArea(groupName, areaId){
// Get group nodes
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'nodels',
tgt : groupName,
args : '',
msg : areaId
},
/**
* Create nodes datatable
*
* @param data
* Data returned from HTTP request
* @return Nothing
*/
success : function(data) {
var areaObj = $('#' + data.msg);
var nodes = data.rsp;
var index;
var showStr = '<table><thead><tr><th><input type="checkbox" onclick="selectAllCheckbox(event, $(this))"></th>';
showStr += '<th>Node</th></tr></thead><tbody>';
for (index in nodes){
var node = nodes[index][0];
if ('' == node){
continue;
}
showStr += '<tr><td><input type="checkbox" name="' + node + '"/></td><td>' + node + '</td></tr>';
}
showStr += '</tbody></table>';
areaObj.empty().append(showStr);
if (index > 10){
areaObj.css('height', '300px');
}
else{
areaObj.css('height', 'auto');
}
} // End of function(data)
});
}