0f6b950c92
- Enable editable datatable - Fixed Ganglia monitoring plot git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/trunk@10131 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd
1184 lines
30 KiB
JavaScript
1184 lines
30 KiB
JavaScript
var globalNodesDetail= new Object();
|
|
var globalAllNodesNum = 0;
|
|
var globalFinishNodesNum = 0;
|
|
var globalTimeStamp;
|
|
var globalCondition = '';
|
|
var globalResponse = new Object();
|
|
|
|
function loadRmcMon() {
|
|
//find the rmcmon tab
|
|
var rmcMonTab = $('#rmcmon');
|
|
|
|
//add the stauts bar first. id = 'rmcMonStatus'
|
|
var rmcStatusBar = createStatusBar('rmcMonStatus');
|
|
rmcStatusBar.find('div').append(createLoader());
|
|
rmcMonTab.append(rmcStatusBar);
|
|
|
|
//add the configure button.
|
|
var configButton = createButton('Configure');
|
|
configButton.hide();
|
|
configButton.click(function() {
|
|
if ($('#rmcMonConfig').is(':hidden')) {
|
|
$('#rmcMonConfig').show();
|
|
}
|
|
else {
|
|
$('#rmcMonConfig').hide();
|
|
}
|
|
});
|
|
rmcMonTab.append(configButton);
|
|
|
|
//add configure div
|
|
rmcMonTab.append("<div id='rmcMonConfig'></div>");
|
|
$('#rmcMonConfig').hide();
|
|
|
|
//load the configure div's content
|
|
loadRmcMonConfigure();
|
|
|
|
//add the content of the rmcmon, id = 'rmcMonTab'
|
|
rmcMonTab.append("<div id='rmcMonShow'><div id='rmcmonSummary'></div><div id='rmcmonDetail'></div><div id='nodeDetail'></div></div>");
|
|
$('#nodeDetail').hide();
|
|
|
|
//check the software work status by platform(linux and aix)
|
|
$.ajax( {
|
|
url : 'lib/systemcmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'ostype'
|
|
},
|
|
|
|
success : rsctRpmCheck
|
|
});
|
|
}
|
|
|
|
function loadRmcMonConfigure(){
|
|
//get the configure div and clean its content.
|
|
var rmcmonCfgDiv = $('#rmcMonConfig');
|
|
rmcmonCfgDiv.empty();
|
|
|
|
//add the start button
|
|
var startButton = createButton('Start');
|
|
rmcmonCfgDiv.append(startButton);
|
|
startButton.click(function(){
|
|
$('#rmcMonStatus div').empty().append(createLoader());
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'rmcstart;compute',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
$('#rmcMonStatus div').empty().append(data.rsp[0]);
|
|
}
|
|
});
|
|
});
|
|
|
|
//add the stop button
|
|
var stopButton = createButton('Stop');
|
|
rmcmonCfgDiv.append(stopButton);
|
|
stopButton.click(function(){
|
|
$('#rmcMonStatus div').empty().append(createLoader());
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'monstop',
|
|
tgt : '',
|
|
args : 'rmcmon',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
$('#rmcMonStatus div').empty().append(data.rsp[0]);
|
|
}
|
|
});
|
|
});
|
|
|
|
//add the cancel button
|
|
var cancelButton = createButton('Cancel');
|
|
rmcmonCfgDiv.append(cancelButton);
|
|
cancelButton.click(function(){
|
|
$('#rmcMonConfig').hide();
|
|
});
|
|
}
|
|
|
|
function rsctRpmCheck(data){
|
|
//linux had to check the rscp first
|
|
if ('aix' != data.rsp){
|
|
$.ajax( {
|
|
url : 'lib/systemcmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'rpm -q rsct.core'
|
|
},
|
|
|
|
success : function(data){
|
|
if (-1 != data.rsp.indexOf("not")){
|
|
$('#rmcMonStatus div').empty().append(
|
|
'Please install the <a href="http://www14.software.ibm.com/webapp/set2/sas/f/rsct/rmc/download/home.html" target="install_window">RSCT</a> first.<br/>' +
|
|
'You can find more support from <a href="http://xcat.svn.sourceforge.net/viewvc/xcat/xcat-core/trunk/xCAT-client/share/doc/xCAT2-Monitoring.pdf" target="pdf_window">xCAT2-Monitoring.pdf</a>');
|
|
}
|
|
else{
|
|
xcatrmcRpmCheck();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
else{
|
|
xcatrmcRpmCheck();
|
|
}
|
|
}
|
|
|
|
function xcatrmcRpmCheck(){
|
|
$.ajax( {
|
|
url : 'lib/systemcmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'rpm -q xCAT-rmc rrdtool'
|
|
},
|
|
|
|
success : function(data){
|
|
var softInstallStatus = data.rsp.split(/\n/);
|
|
var needHelp = false;
|
|
$('#rmcMonStatus div').empty();
|
|
//check the xcat-rmc
|
|
if (-1 != softInstallStatus[0].indexOf("not")){
|
|
needHelp = true;
|
|
$('#rmcMonStatus div').append(
|
|
'Please install the <a href="http://xcat.sourceforge.net/#download" target="install_window">xCAT-rmc</a> first.<br/>');
|
|
}
|
|
|
|
//check the rrdtool
|
|
if (-1 != softInstallStatus[1].indexOf("not")){
|
|
needHelp = true;
|
|
$('#rmcMonStatus div').append(
|
|
'Please install the <a href="http://oss.oetiker.ch/rrdtool/download.en.html" target="install_window">RRD-tool</a> first.<br/>');
|
|
}
|
|
|
|
//add help info or load the rmc show
|
|
if (needHelp){
|
|
$('#rmcMonStatus div').append(
|
|
'You can find more support form <a href="http://xcat.svn.sourceforge.net/viewvc/xcat/xcat-core/trunk/xCAT-client/share/doc/xCAT2-Monitoring.pdf" target="pdf_window">xCAT2-Monitoring.pdf</a>');
|
|
}
|
|
else{
|
|
rmcWorkingCheck();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function rmcWorkingCheck(){
|
|
$('#rmcMonStatus div').empty().append("Checking RMC working status.");
|
|
$('#rmcMonStatus div').append(createLoader());
|
|
$('#rmcmon button:first').show();
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'monls',
|
|
tgt : '',
|
|
args : 'rmcmon',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
if (-1 != data.rsp[0].indexOf("not-monitored")){
|
|
$('#rmcMonStatus div').empty().append("Please start the RMC Monitoring first.");
|
|
return;
|
|
}
|
|
loadRmcMonShow();
|
|
}
|
|
});
|
|
}
|
|
|
|
function removeStatusBar(){
|
|
if (globalAllNodesNum == globalFinishNodesNum){
|
|
$('#rmcMonStatus').remove();
|
|
}
|
|
|
|
$('#rmcmonDetail [title]').tooltip({position:['center','right']});
|
|
}
|
|
|
|
function loadRmcMonShow(){
|
|
$('#rmcMonStatus div').empty().append("Getting Summary Data.");
|
|
$('#rmcMonStatus div').append(createLoader());
|
|
|
|
//load the rmc status summary
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'rmcshow;summary;PctTotalTimeIdle,PctRealMemFree',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
showRmcSummary(data.rsp[0]);
|
|
}
|
|
});
|
|
}
|
|
|
|
function showRmcSummary(returnData) {
|
|
var attributes = returnData.split(';');
|
|
var attr;
|
|
var attrName;
|
|
var attrValues;
|
|
var attrDiv;
|
|
var summaryTable = $('<table><tbody></tbody></table>');
|
|
var summaryRow;
|
|
globalTimeStamp = new Array();
|
|
|
|
//update the rmc status area
|
|
$('#rmcMonStatus div').empty().append("Getting Nodes' Data").append(createLoader());
|
|
//load each nodes' status
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'rmcshow;compute;PctTotalTimeIdle,PctRealMemFree',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data) {
|
|
parseRmcData(data.rsp);
|
|
}
|
|
});
|
|
|
|
//create the timestamp, the flot only use the UTC time, so had to change
|
|
//the value, to show the right time
|
|
var tempDate = new Date();
|
|
var tempOffset = tempDate.getTimezoneOffset();
|
|
var tempTime = tempDate.getTime() - 3600000;
|
|
for ( var i = 0; i < 60; i++) {
|
|
tempDate.setTime(tempTime + i * 60000);
|
|
globalTimeStamp.push(tempDate.getTime());
|
|
}
|
|
|
|
//show the summary data
|
|
$('#rmcmonSummary').empty().append('<h3>Overview</h3><hr />');
|
|
$('#rmcmonSummary').append(summaryTable);
|
|
|
|
for (attr in attributes) {
|
|
var tempTd = $('<td style="border:0px;padding:15px 5px;"></td>');
|
|
var tempArray = [];
|
|
var temp = attributes[attr].indexOf(':');
|
|
attrName = attributes[attr].substr(0, temp);
|
|
attrValues = attributes[attr].substr(temp + 1).split(',');
|
|
|
|
if (0 == (attr % 3)) {
|
|
summaryRow = $('<tr></tr>');
|
|
summaryTable.append(summaryRow);
|
|
}
|
|
summaryRow.append(tempTd);
|
|
attrDiv = $('<div id="monitorsumdiv' + attr + '" class="rmcsumdiv"></div>');
|
|
tempTd.append(attrDiv);
|
|
for ( var i in attrValues) {
|
|
tempArray.push( [ globalTimeStamp[i], Number(attrValues[i]) ]);
|
|
}
|
|
|
|
$.jqplot('monitorsumdiv' + attr, [ tempArray ], {
|
|
series : [ {
|
|
showMarker : false
|
|
} ],
|
|
axes : {
|
|
xaxis : {
|
|
label : attrName,
|
|
renderer : $.jqplot.DateAxisRenderer,
|
|
numberTicks : 5,
|
|
tickOptions : {
|
|
formatString : '%R',
|
|
show : true,
|
|
fontSize : '10px'
|
|
}
|
|
},
|
|
yaxis : {
|
|
tickOptions : {
|
|
formatString : '%.2f',
|
|
fontSize : '10px'
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function parseRmcData(returnData){
|
|
var nodeName;
|
|
var nodeStatus;
|
|
|
|
$('#rmcmonDetail').empty().append('<h3>Detail</h3><hr/>');
|
|
|
|
//add the table for show nodes
|
|
var detailUl = $('<ul style="margin:0px;padding:0px;"></ul>');
|
|
//update the table area
|
|
$('#rmcmonDetail ul').remove();
|
|
$('#rmcmonDetail').append(detailUl);
|
|
|
|
globalAllNodesNum = returnData.length;
|
|
globalFinishNodesNum = 0;
|
|
for(var i in returnData){
|
|
var temp = returnData[i].indexOf(':');;
|
|
nodeName = returnData[i].substr(0, temp);
|
|
nodeStatus = returnData[i].substr(temp + 1).replace(/(^\s*)|(\s*$)/g, '');
|
|
|
|
if ('OK' != nodeStatus){
|
|
globalFinishNodesNum++;
|
|
detailUl.append(createUnkownNode(nodeName));
|
|
removeStatusBar();
|
|
continue;
|
|
}
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'rmcshow;' + nodeName + ';PctTotalTimeIdle,PctRealMemFree',
|
|
msg : nodeName
|
|
},
|
|
|
|
success : function(data){
|
|
showRmcNodes(data.rsp, data.msg);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function createUnkownNode(nodeName){
|
|
var tempLi = '<li class="rmcunknown ui-corner-all rmcnodeli" id="' + nodeName + '" ' +
|
|
'title="Name:' + nodeName + '<br/>Unknown"></li>';
|
|
return tempLi;
|
|
}
|
|
|
|
function createErrorNode(nodeName){
|
|
var tempLi = '<li class="rmcerror ui-corner-all rmcnodeli id="' + nodeName + '" ' +
|
|
'title="Name:' + nodeName + '<br/>Error"></li>';
|
|
}
|
|
|
|
function showRmcNodes(data, nodename) {
|
|
var attrname = '';
|
|
var values = '';
|
|
var position = 0;
|
|
var index = 0;
|
|
var classname = '';
|
|
var tempObj = {};
|
|
|
|
for (index in data){
|
|
position = data[index].indexOf(':');
|
|
attrname = data[index].substr(0, position);
|
|
values = data[index].substr(position + 1);
|
|
//error node, can not get the last hour's data
|
|
if ('' == values){
|
|
$('#rmcmonDetail ul').append(createErrorNode(nodename));
|
|
if (globalNodesDetail[nodename]){
|
|
delete(globalNodesDetail[nodename]);
|
|
}
|
|
return;
|
|
}
|
|
|
|
//normal node, save the values
|
|
tempObj[attrname] = values;
|
|
}
|
|
|
|
globalNodesDetail[nodename] = tempObj;
|
|
|
|
//get each average
|
|
var cpuAvg = 0;
|
|
var memAvg = 0;
|
|
var tempSum = 0;
|
|
var tempArray = globalNodesDetail[nodename]['PctTotalTimeIdle'].split(',');
|
|
for (index = 0; index < tempArray.length; index++){
|
|
tempSum += Number(tempArray[index]);
|
|
}
|
|
cpuAvg = parseInt(tempSum / index);
|
|
|
|
tempArray = globalNodesDetail[nodename]['PctRealMemFree'].split(',');
|
|
tempSum = 0;
|
|
for (index = 0; index < tempArray.length; index++){
|
|
tempSum += Number(tempArray[index]);
|
|
}
|
|
memAvg = parseInt(tempSum / index);
|
|
|
|
if (cpuAvg >= 10 && memAvg <= 90){
|
|
classname = 'rmcnormal';
|
|
}
|
|
else{
|
|
classname = 'rmcwarning';
|
|
}
|
|
|
|
var normalLi = $('<li class="' + classname + ' ui-corner-all rmcnodeli" id="' + nodename + '" title="' +
|
|
'Name:' + nodename + '<br/> CpuIdle: ' + cpuAvg + '%<br/> MemFree: ' + memAvg + '%"></li>');
|
|
|
|
$('#rmcmonDetail ul').append(normalLi);
|
|
normalLi.bind('click', function() {
|
|
showNode($(this).attr('id'));
|
|
});
|
|
|
|
//check if the process finished
|
|
globalFinishNodesNum++;
|
|
removeStatusBar();
|
|
}
|
|
|
|
function showNode(nodeName) {
|
|
var nodeTable = $('<table><tbody></tbody></table>');
|
|
var backButton = createButton('Go back to all nodes');
|
|
var nodeRow;
|
|
var parseNum = 0;
|
|
|
|
$('#rmcmonDetail').hide();
|
|
$('#nodeDetail').empty().show();
|
|
$('#nodeDetail').append('<h3>' + nodeName + ' Detail</h3><hr />');
|
|
$('#nodeDetail').append(backButton);
|
|
backButton.bind('click', function() {
|
|
$('#nodeDetail').hide();
|
|
$('#rmcmonDetail').show();
|
|
});
|
|
|
|
$('#nodeDetail').append(nodeTable);
|
|
|
|
for ( var attr in globalNodesDetail[nodeName]) {
|
|
var tempTd = $('<td style="border:0px;padding:1px 1px;"></td>');
|
|
var attrChat = $('<div id="monitornodediv' + nodeName + attr
|
|
+ '" class="rmcnodediv"></div>');
|
|
if (0 == parseNum % 4) {
|
|
nodeRow = $('<tr></tr>');
|
|
nodeTable.append(nodeRow);
|
|
}
|
|
nodeRow.append(tempTd);
|
|
parseNum++;
|
|
|
|
// data
|
|
tempTd.append(attrChat);
|
|
var tempData = globalNodesDetail[nodeName][attr].split(',');
|
|
var tempArray = [];
|
|
for ( var i in tempData) {
|
|
tempArray.push( [ globalTimeStamp[i], Number(tempData[i]) ]);
|
|
}
|
|
|
|
$.jqplot('monitornodediv' + nodeName + attr, [ tempArray ], {
|
|
series : [ {
|
|
showMarker : false
|
|
} ],
|
|
axes : {
|
|
xaxis : {
|
|
label : attr,
|
|
renderer : $.jqplot.DateAxisRenderer,
|
|
numberTicks : 5,
|
|
tickOptions : {
|
|
formatString : '%R',
|
|
show : true,
|
|
fontSize : '10px'
|
|
}
|
|
},
|
|
yaxis : {
|
|
tickOptions : {
|
|
formatString : '%.2f',
|
|
fontSize : '10px'
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
/*===========RMC Event Tab============*/
|
|
/**
|
|
* load the rmc event tab.
|
|
*
|
|
* @param
|
|
*
|
|
* @return
|
|
*
|
|
*/
|
|
function loadRmcEvent(){
|
|
//find the rmcevent tab
|
|
|
|
//add the stauts bar first. id = 'rmcMonStatus'
|
|
var rmcStatusBar = createStatusBar('rmcEventStatus');
|
|
rmcStatusBar.find('div').append(createLoader());
|
|
$('#rmcevent').append(rmcStatusBar);
|
|
$('#rmcevent').append('<div id="rmcEventDiv"></div>');
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'lsevent;-O;1000',
|
|
msg : ''
|
|
},
|
|
|
|
success : showEventLog
|
|
});
|
|
}
|
|
|
|
/**
|
|
* get all conditions
|
|
*
|
|
* @return
|
|
*
|
|
*/
|
|
function getConditions(){
|
|
if ('' == globalCondition){
|
|
$('#rmcEventStatus div').empty().append('Getting predefined conditions').append(createLoader());
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'lscondition',
|
|
msg : ''
|
|
},
|
|
|
|
success : function (data){
|
|
$('#rmcEventStatus div').empty();
|
|
$('#rmcEventButtons').show();
|
|
globalCondition = data.rsp[0];
|
|
}
|
|
});
|
|
}
|
|
else{
|
|
$('#rmcEventButtons').show();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* get all response
|
|
*
|
|
* @return
|
|
*
|
|
*/
|
|
function getResponse(){
|
|
var tempFlag = false;
|
|
//get all response first
|
|
for (var i in globalResponse){
|
|
tempFlag = true;
|
|
break;
|
|
}
|
|
|
|
if (!tempFlag){
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'lsresponse',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
var resps = data.rsp[0].split(';');
|
|
for (var i in resps){
|
|
var name = resps[i];
|
|
name = name.substr(1, (name.length - 2));
|
|
globalResponse[name] = 1;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* show all the event in the rmc event tab
|
|
*
|
|
* @param data response from the xcat server.
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function showEventLog(data){
|
|
$('#rmcEventStatus div').empty();
|
|
// rsct not installed.
|
|
if (data.rsp[0] && (-1 != data.rsp[0].indexOf('lsevent'))){
|
|
$('#rmcEventStatus div').append('Please install RSCT first!');
|
|
return;
|
|
}
|
|
var eventDiv = $('#rmcEventDiv');
|
|
eventDiv.empty();
|
|
|
|
//add the configure button
|
|
loadRmcEventConfig();
|
|
|
|
//get conditions and responses, save in the global
|
|
getConditions();
|
|
getResponse();
|
|
|
|
var eventTable = new DataTable('lsEventTable');
|
|
eventTable.init(['Time', 'Type', 'Content']);
|
|
|
|
for (var i in data.rsp){
|
|
var row = data.rsp[i].split(';');
|
|
eventTable.add(row);
|
|
}
|
|
|
|
eventDiv.append(eventTable.object());
|
|
$('#lsEventTable').dataTable({
|
|
'bFilter' : true,
|
|
'bLengthChange' :true,
|
|
'bSort' :true,
|
|
'bPaginate' :true,
|
|
'iDisplayLength' :10
|
|
});
|
|
|
|
//unsort on the content column
|
|
$('#lsEventTable thead tr th').eq(2).unbind('click');
|
|
}
|
|
|
|
/**
|
|
* Add the configure button into rmc event tab
|
|
*
|
|
* @param
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function loadRmcEventConfig(){
|
|
var buttons = $('<div id="rmcEventButtons" style="display:none;"></div>');
|
|
var chCondScopeBut = createButton('Change Condition Scope');
|
|
chCondScopeBut.bind('click', function(){
|
|
chCondScopeDia();
|
|
});
|
|
buttons.append(chCondScopeBut);
|
|
|
|
var mkCondRespBut = createButton('Make/Remove Association');
|
|
mkCondRespBut.bind('click', function(){
|
|
mkCondRespDia();
|
|
});
|
|
buttons.append(mkCondRespBut);
|
|
|
|
var startCondRespBut = createButton('Start/Stop Association');
|
|
startCondRespBut.bind('click', function(){
|
|
startStopCondRespDia();
|
|
});
|
|
buttons.append(startCondRespBut);
|
|
|
|
$('#rmcEventDiv').append(buttons);
|
|
}
|
|
|
|
/**
|
|
* show the make association dialogue
|
|
*
|
|
* @param
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function mkCondRespDia(){
|
|
var diaDiv = $('<div title="Configure Association" id="mkAssociation" class="tab"></div>');
|
|
var mkAssociationTable = '<center><table><thead><tr><th>Condition Name</th><th>Response Name</th></tr></thead>';
|
|
mkAssociationTable += '<tbody><tr><td id="mkAssCond">';
|
|
//add the conditions into fieldset
|
|
if ('' == globalCondition){
|
|
mkAssociationTable += 'Getting predefined conditions, open this dislogue later.';
|
|
}
|
|
else{
|
|
mkAssociationTable += createConditionTd(globalCondition);
|
|
}
|
|
|
|
mkAssociationTable += '</td><td id="mkAssResp">Plase select condition first.</td></tr></tbody></table></center>';
|
|
diaDiv.append(mkAssociationTable);
|
|
diaDiv.append('<div id="selectedResp" style="display: none;" ><div>');
|
|
//change the response field when click the condition
|
|
diaDiv.find('input:radio').bind('click', function(){
|
|
diaDiv.find('#mkAssResp').empty().append('Getting response').append(createLoader());
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'lscondresp;"' + $(this).attr('value') + '"',
|
|
msg : ''
|
|
},
|
|
|
|
success : function (data){
|
|
var tempHash = new Object();
|
|
var oldSelectedResp = '';
|
|
var showStr = '';
|
|
if (data.rsp[0]){
|
|
var names = data.rsp[0].split(';');
|
|
for (var i in names){
|
|
var name = names[i];
|
|
name = name.substr(1, name.length - 2);
|
|
tempHash[name] = 1;
|
|
}
|
|
}
|
|
|
|
for (var name in globalResponse){
|
|
if (tempHash[name]){
|
|
showStr += '<input type="checkbox" checked="checked" value="' + name + '">' + name + '<br/>';
|
|
oldSelectedResp += ';' + name;
|
|
}
|
|
else{
|
|
showStr += '<input type="checkbox" value="' + name + '">' + name + '<br/>';
|
|
}
|
|
}
|
|
|
|
diaDiv.find('#mkAssResp').empty().append(showStr);
|
|
diaDiv.find('#selectedResp').empty().append(oldSelectedResp);
|
|
}
|
|
});
|
|
});
|
|
|
|
diaDiv.dialog({
|
|
modal: true,
|
|
width: 620,
|
|
height: 600,
|
|
close: function(event, ui){
|
|
$(this).remove();
|
|
},
|
|
buttons: {
|
|
cancel : function(){
|
|
$(this).dialog('close');
|
|
},
|
|
ok : function(){
|
|
var newResp = new Object();
|
|
var oldResp = new Object();
|
|
var oldString = '';
|
|
var newString = '';
|
|
|
|
//get the old seelected responses
|
|
var conditionName = $(this).find('#mkAssCond :checked').attr('value');
|
|
if (!conditionName){
|
|
return;
|
|
}
|
|
var temp = $(this).find('#selectedResp').html();
|
|
if('' == temp){
|
|
return;
|
|
}
|
|
var tempArray = temp.substr(1).split(';');
|
|
for (var i in tempArray){
|
|
oldResp[tempArray[i]] = 1;
|
|
}
|
|
|
|
//get the new selected responses
|
|
$(this).find('#mkAssResp input:checked').each(function(){
|
|
var respName = $(this).attr('value');
|
|
newResp[respName] = 1;
|
|
});
|
|
|
|
for (var i in newResp){
|
|
if (oldResp[i]){
|
|
delete oldResp[i];
|
|
delete newResp[i];
|
|
}
|
|
}
|
|
|
|
//add the response which are delete.
|
|
for (var i in oldResp){
|
|
oldString += ',"' + i + '"';
|
|
}
|
|
if ('' != oldString){
|
|
oldString = oldString.substr(1);
|
|
}
|
|
|
|
//add the response which are new add
|
|
for (var i in newResp){
|
|
newString += ',"' + i +'"';
|
|
}
|
|
if ('' != newString){
|
|
newString = newString.substr(1);
|
|
}
|
|
|
|
if (('' != oldString) || ('' != newString)){
|
|
$('#rmcEventStatus div').empty().append('Create/Remove associations').append(createLoader());
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'mkcondresp;"' + conditionName + '";+' + newString + ':-' + oldString,
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
$('#rmcEventStatus div').empty().append(data.rsp[0]);;
|
|
}
|
|
});
|
|
}
|
|
$(this).dialog('close');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* show the make condition dialogue
|
|
*
|
|
* @param
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function chCondScopeDia(){
|
|
var diaDiv = $('<div title="Change Condition Scope" id="chScopeDiaDiv" class="tab"></div>');
|
|
var tableContent = '<center><table id="changeScopeTable" ><thead><tr><th>Condition Name</th><th>Group Name</th></tr></thead>';
|
|
|
|
tableContent += '<tbody><tr><td id="changePreCond">';
|
|
//add the conditions into fieldset
|
|
if ('' == globalCondition){
|
|
tableContent += 'Getting predefined conditions, open this dislogue later.';
|
|
}
|
|
else{
|
|
tableContent += createConditionTd(globalCondition);
|
|
}
|
|
tableContent += '</td><td id="changeGroup">';
|
|
|
|
//add the groups into table
|
|
var groups = $.cookie('groups').split(',');
|
|
for (var i in groups){
|
|
tableContent += '<input type="checkbox" value="' + groups[i] + '">' + groups[i] + '<br/>';
|
|
}
|
|
|
|
tableContent += '</td></tr></tbody></table></center>';
|
|
diaDiv.append(tableContent);
|
|
//fieldset to show status
|
|
diaDiv.append('<fieldset id="changeStatus"></fieldset>');
|
|
//create the dislogue
|
|
diaDiv.dialog({
|
|
modal: true,
|
|
width: 500,
|
|
height : 600,
|
|
close: function(event, ui){
|
|
$(this).remove();
|
|
},
|
|
buttons: {
|
|
cancel : function(){
|
|
$(this).dialog('close');
|
|
},
|
|
ok : function(){
|
|
$('#changeStatus').empty().append('<legend>Status</legend>');
|
|
var conditionName = $('#changePreCond :checked').attr('value');
|
|
var groupName = '';
|
|
$('#changeGroup :checked').each(function(){
|
|
if ('' == groupName){
|
|
groupName += $(this).attr('value');
|
|
}
|
|
else{
|
|
groupName += ',' + $(this).attr('value');
|
|
}
|
|
});
|
|
|
|
if (undefined == conditionName){
|
|
$('#changeStatus').append('Please select conditon.');
|
|
return;
|
|
}
|
|
|
|
if ('' == groupName){
|
|
$('#changeStatus').append('Please select group.');
|
|
return;
|
|
}
|
|
|
|
$('#changeStatus').append(createLoader());
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'mkcondition;change;' + conditionName + ';' + groupName,
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
$('#changeStatus img').remove();
|
|
if (-1 != data.rsp[0].indexOf('Error')){
|
|
$('#changeStatus').append(data.rsp[0]);
|
|
}
|
|
else{
|
|
$('#rmcEventStatus div').empty().append(data.rsp[0]);
|
|
$('#chScopeDiaDiv').remove();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* show the make response dialogue
|
|
*
|
|
* @param
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function mkResponseDia(){
|
|
var diaDiv = $('<div title="Make Response"><div>');
|
|
diaDiv.append('under construction.');
|
|
|
|
diaDiv.dialog({
|
|
modal: true,
|
|
width: 400,
|
|
close: function(event, ui){
|
|
$(this).remove();
|
|
},
|
|
buttons: {
|
|
cancel : function(){
|
|
$(this).dialog('close');
|
|
},
|
|
ok : function(){
|
|
$(this).dialog('close');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* start the condition and response associations
|
|
*
|
|
* @param
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function startStopCondRespDia(){
|
|
var diaDiv = $('<div title="Start/Stop Association" id="divStartStopAss" class="tab"><div>');
|
|
diaDiv.append('Getting conditions').append(createLoader());
|
|
|
|
if ('' == globalCondition){
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'lscondition',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
if (data.rsp[0]){
|
|
globalcondition = data.rsp[0];
|
|
$('#divStartStopAss').empty().append(createAssociationTable(globalCondition));
|
|
$('#divStartStopAss').dialog("option", "position", 'center');
|
|
}
|
|
else{
|
|
$('#divStartStopAss').empty().append('There is not condition.');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
else{
|
|
diaDiv.empty().append(createAssociationTable(globalCondition));
|
|
}
|
|
|
|
|
|
diaDiv.dialog({
|
|
modal: true,
|
|
width: 570,
|
|
height : 600,
|
|
close: function(event, ui){
|
|
$(this).remove();
|
|
},
|
|
buttons: {
|
|
close : function(){
|
|
$(this).dialog('close');
|
|
}
|
|
}
|
|
});
|
|
|
|
$('#divStartStopAss button').bind('click', function(){
|
|
var operationType = '';
|
|
var conditionName = $(this).attr('name');
|
|
if ('Start' == $(this).html()){
|
|
operationType = 'start';
|
|
}
|
|
else{
|
|
operationType = 'stop';
|
|
}
|
|
|
|
$(this).parent().prev().empty().append(createLoader());
|
|
$('#divStartStopAss').dialog('option', 'disabled', true);
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : operationType + 'condresp;' + conditionName,
|
|
msg : operationType + ';' + conditionName
|
|
},
|
|
|
|
success : function(data){
|
|
var conditionName = '';
|
|
var newOperationType = '';
|
|
var associationStatus = '';
|
|
var backgroudColor = '';
|
|
if ('start' == data.msg.substr(0, 5)){
|
|
newOperationType = 'Stop';
|
|
conditionName = data.msg.substr(6);
|
|
associationStatus = 'Monitored';
|
|
backgroudColor = '#ffffff';
|
|
}
|
|
else{
|
|
newOperationType = 'Start';
|
|
conditionName = data.msg.substr(5);
|
|
associationStatus = 'Not Monitored';
|
|
backgroudColor = '#fffacd';
|
|
}
|
|
|
|
var button = $('#divStartStopAss button[name="' + conditionName + '"]');
|
|
if (data.rsp[0]){
|
|
$('#rmcEventStatus div').empty().append('Getting associations\' status').append(createLoader());
|
|
$('#rmcEventButtons').hide();
|
|
button.html(newOperationType);
|
|
button.parent().prev().html(associationStatus);
|
|
button.parent().parent().css('background-color', backgroudColor);
|
|
globalCondition = '';
|
|
getConditions();
|
|
}
|
|
else{
|
|
button.html('Error');
|
|
}
|
|
|
|
$('#divStartStopAss').dialog('option', 'disabled', false);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
/**
|
|
* stop the condition and response associations
|
|
*
|
|
* @param
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function stopCondRespDia(){
|
|
var diaDiv = $('<div title="Stop Association" id="stopAss"><div>');
|
|
diaDiv.append('Getting conditions').append(createLoader());
|
|
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'lscondition;-m',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
if (data.rsp[0]){
|
|
$('#stopAss').empty().append(createConditionTable(data.rsp[0]));
|
|
$('#stopAss').dialog("option", "position", 'center');
|
|
}
|
|
else{
|
|
$('#stopAss').empty().append('There is not monitored condition.');
|
|
}
|
|
}
|
|
});
|
|
|
|
diaDiv.dialog({
|
|
modal: true,
|
|
width: 570,
|
|
close: function(event, ui){
|
|
$(this).remove();
|
|
},
|
|
buttons: {
|
|
cancel : function(){
|
|
$(this).dialog('close');
|
|
},
|
|
stop : function(){
|
|
var conditionName = $('#stopAss :checked').attr('value');
|
|
if (!conditionName){
|
|
alert('Select condition name please.');
|
|
return;
|
|
}
|
|
$('#rmcEventStatus div').empty().append('Stoping monitor on ' + conditionName).append(createLoader());
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'stopcondresp;' + conditionName,
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
$('#rmcEventStatus div').empty().append(data.rsp[0]);
|
|
}
|
|
});
|
|
$(this).dialog('close');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* create the condition table for dialogue
|
|
*
|
|
* @param
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function createConditionTd(cond){
|
|
var conditions = cond.split(';');
|
|
var name = '';
|
|
var showStr = '';
|
|
for (var i in conditions){
|
|
name = conditions[i];
|
|
//because there is status and quotation marks in name, so we must delete the status and quotation marks
|
|
name = name.substr(1, name.length - 6);
|
|
showStr += '<input type="radio" name="preCond" value="'+ name + '">' + name + '<br/>';
|
|
}
|
|
|
|
return showStr;
|
|
}
|
|
|
|
/**
|
|
* create the association table for dialogue, which show the status
|
|
* and start/stop associations
|
|
*
|
|
* @param
|
|
|
|
* @return
|
|
*
|
|
*/
|
|
function createAssociationTable(cond){
|
|
var conditions = cond.split(';');
|
|
var name = '';
|
|
var tempLength = '';
|
|
var tempStatus = '';
|
|
var showStr = '<center><table><thead><tr><th>Condition Name</th><th>Status</th><th>Start/Stop</th></tr></thead>';
|
|
showStr += '<tbody>';
|
|
|
|
for (var i in conditions){
|
|
name = conditions[i];
|
|
tempLength = name.length;
|
|
tempStatus = name.substr(tempLength - 3);
|
|
name = name.substr(1, tempLength - 6);
|
|
|
|
if ('Not' == tempStatus){
|
|
showStr += '<tr style="background-color:#fffacd;"><td>' + name + '</td><td>Not Monitored</td>';
|
|
showStr += '<td><button id="button" name="' + name + '">Start</button></td>';
|
|
}
|
|
else{
|
|
showStr += '<tr><td>' + name + '</td><td>Monitored</td>';
|
|
showStr += '<td><button id="button" name="' + name + '">Stop</button></td>';
|
|
}
|
|
showStr += '</tr>';
|
|
}
|
|
|
|
showStr += '<tbody></table></center>';
|
|
|
|
return showStr;
|
|
} |