xcat-core/xCAT-UI/js/monitor/monitor.js

253 lines
7.0 KiB
JavaScript
Raw Normal View History

/**
* Global variables
*/
var monitorTabs; // Monitor tabs
/**
* Set the monitor tab
*
* @param o
* Tab object
* @return Nothing
*/
function setMonitorTab(o) {
monitorTabs = o;
}
/**
* Get the monitor tab
*
* @param Nothing
* @return Tab object
*/
function getMonitorTab() {
return monitorTabs;
}
/**
* Load the monitor page
*
* @return Nothing
*/
function loadMonitorPage() {
// If the page is already loaded
if ($('#monitor_page').children().length) {
// Do not reload the monitor page
return;
}
// Create monitor tab
var tab = new Tab();
setConfigTab(tab);
tab.init();
$('#content').append(tab.object());
// Create provision tab
var tab = new Tab();
setMonitorTab(tab);
tab.init();
$('#content').append(tab.object());
/**
* Monitor nodes
*/
var monitorForm = $('<div class="form"></div>');
// Create info bar
monitorForm.append('Getting monitoring stauts').append(createLoader());
tab.add('monitorTab', 'Monitor', monitorForm, false);
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'webrun',
tgt : '',
args : 'monls',
msg : ''
},
success : function(data){
var monitorTable = '<table><thead><tr><th>Monitor Tool</th><th>Status</th><th>Description</th></tr></thead>';
var monitorStatusHash = new Object();
if (data.rsp[0]){
var tempArray = data.rsp[0].split(';');
var position = 0;
var name = '';
var status = '';
for(var i in tempArray){
position = tempArray[i].indexOf(':');
if(-1 == position){
continue;
}
name = tempArray[i].substr(0, position);
status = tempArray[i].substr(position + 1);
monitorStatusHash[name] = status;
}
}
//xcat monitor
monitorTable += '<tbody><tr><td><a href="#" name="xcatmon">xCAT Monitor</a></td>';
monitorTable += '<td>' + monitorStatusHash['xcatmon'] + '</td>';
monitorTable += '<td>Provides node status monitoring using fping on AIX and nmap on Linux. It also provides application status monitoring. The status and the appstatus columns of the nodelist table will be updated periodically with the latest status values for the nodes.</td></tr>';
//rmc monitor
monitorTable += '<tr><td><a href="#" name="rmcmon">RMC Monitor</a></td>';
monitorTable += '<td>' + monitorStatusHash['rmcmon'] + '</td>';
monitorTable += '<td>IBM\'s Resource Monitoring and Control (RMC) subsystem is our recommended software for monitoring xCAT clusters. It\'s is part of the IBM\'s Reliable Scalable Cluster Technology (RSCT) that provides a comprehensive clustering environment for AIX and LINUX.</td></tr>';
//rmc event
monitorTable += '<tr><td><a href="#" name="rmcevent">RMC Event</a></td>';
monitorTable += '<td>' + monitorStatusHash['rmcmon'] + '</td>';
monitorTable += '<td>Listing event monitoring information recorded by the RSCT Event Response resource manager in the audit log. Creating and removing a condition/response association.</td></tr>';
//ganglia event
monitorTable += '<tr><td><a href="#" name="gangliamon">Ganglia Monitor</a></td>';
monitorTable += '<td>' + monitorStatusHash['gangliamon'] + '</td>';
monitorTable += '<td>A scalable distributed monitoring system for high-performance computing systems such as clusters and Grids.</td></tr>';
//pcp monitor
monitorTable += '<tr><td><a href="#" name="pcpmon">PCP Monitor</a></td>';
monitorTable += '<td>undefined</td>';
monitorTable += '<td>Under construction.</td></tr>';
monitorTable += '</tbody></table>';
$('#monitorTab div').empty().append(createInfoBar('Select a monitoring tool to use.'));
$('#monitorTab .form').append(monitorTable);
$('#monitorTab .form a').bind('click', function() {
loadMonitorTab($(this).attr('name'));
});
}
});
/**
* Monitor resources
*/
var resrcForm = $('<div class="form"></div>');
// Create info bar
var resrcInfoBar = createInfoBar('Select a platform to view its current resources.');
resrcForm.append(resrcInfoBar);
// Create radio buttons for platforms
var hwList = $('<ol>Platform to view:</ol>');
var ipmi = $('<li><input type="radio" name="hw" value="ipmi" checked/>ipmi</li>');
var blade = $('<li><input type="radio" name="hw" value="blade"/>blade</li>');
var hmc = $('<li><input type="radio" name="hw" value="hmc"/>hmc</li>');
var ivm = $('<li><input type="radio" name="hw" value="ivm"/>ivm</li>');
var fsp = $('<li><input type="radio" name="hw" value="fsp"/>fsp</li>');
var zvm = $('<li><input type="radio" name="hw" value="zvm"/>zvm</li>');
hwList.append(ipmi);
hwList.append(blade);
hwList.append(hmc);
hwList.append(ivm);
hwList.append(fsp);
hwList.append(zvm);
resrcForm.append(hwList);
/**
* Ok
*/
var okBtn = createButton('Ok');
okBtn.bind('click', function(event) {
// Get hardware that was selected
var hw = $(this).parent().find('input[name="hw"]:checked').val();
// Generate new tab ID
var newTabId = hw + 'ResourceTab';
if (!$('#' + newTabId).length) {
var loader = createLoader(hw + 'ResourceLoader');
loader = $('<center></center>').append(loader);
tab.add(newTabId, hw, loader, true);
// Create an instance of the plugin
var plugin;
switch (hw) {
case "blade":
plugin = new bladePlugin();
break;
case "fsp":
plugin = new fspPlugin();
break;
case "hmc":
plugin = new hmcPlugin();
break;
case "ipmi":
plugin = new ipmiPlugin();
break;
case "ivm":
plugin = new ivmPlugin();
break;
case "zvm":
plugin = new zvmPlugin();
break;
}
plugin.loadResources();
}
// Select tab
tab.select(newTabId);
});
resrcForm.append(okBtn);
tab.add('resourceTab', 'Resources', resrcForm, false);
}
/**
* Open a tab and load given monitoring tool
*
* @param monitorName
* Name of monitoring tool
* @return Nothing
*/
function loadMonitorTab(monitorName) {
// If the tab exist, then we only need to select it
var tab = getMonitorTab();
if ($("#" + monitorName).length) {
tab.select(monitorName);
return;
}
switch (monitorName) {
case 'xcatmon':
tab.add(monitorName, 'xCAT', '', true);
loadXcatMon();
break;
case 'rmcmon':
tab.add(monitorName, 'RMC Monitor', '', true);
loadRmcMon();
break;
case 'gangliamon':
tab.add(monitorName, 'Ganglia', '', true);
loadGangliaMon();
break;
case 'rmcevent':
tab.add(monitorName, 'RMC Event', '', true);
loadRmcEvent();
break;
case 'pcpmon':
loadUnfinish(monitorName, tab);
break;
}
tab.select(monitorName);
}
/**
* Open a tab and show 'Under contruction'
*
* @param monitorName
* Name of monitoring tool
* @param tab
* Tab area
* @return Nothing
*/
function loadUnfinish(monitorName, tab) {
var unfinishPage = $('<div></div>');
unfinishPage.append(createInfoBar('Under construction'));
tab.add(monitorName, 'Unfinish', unfinishPage, true);
}