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

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="monitorsumdiv"></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="monitorunknown ui-corner-all monitornodeli" id="' + nodeName + '" ' + 
                 'title="Name:' + nodeName + '<br/>Unknown"></li>';
    return tempLi;
}

function createErrorNode(nodeName) {
    var tempLi = '<li class="monitorerror ui-corner-all monitornodeli 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 = 'monitornormal';
    } else {
        classname = 'mornitorwarning';
    }
    
    var normalLi = $('<li class="' + classname + ' ui-corner-all monitornodeli" 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="monitornodediv"></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'
                    }
                }
            }
        });
    }
}

/**
 * load the rmc event tab
 * 
 * @return nothing 
 */
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 nothing
 */
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 nothing
 */
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 nothing 
 */
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();
		
	//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({
		'iDisplayLength': 50,
		'bLengthChange': false,
		"sScrollX": "100%",
		"bAutoWidth": true
	});
	
	//add the configure button
	loadRmcEventConfig();
	
	//unsort on the content column
	$('#lsEventTable thead tr th').eq(2).unbind('click');
}

/**
 * Add the configure button into rmc event tab
 *
 * @return nothing 
 */
function loadRmcEventConfig(){
	//create action bar
	var actionBar = $('<div class="actionBar"></div>');
	var chCondScopeLnk = $('<a>Change condition scope</a>');
	chCondScopeLnk.bind('click', function() {
		chCondScopeDia();
	});
	
	var mkCondRespLnk = $('<a>Make/remove associatione</a>');
	mkCondRespLnk.bind('click', function() {
		mkCondRespDia();
	});
	
	var startCondRespLnk = $('<a>Start/stop association</a>');
	startCondRespLnk.bind('click', function() {
		startStopCondRespDia();
	});
	
	//actions
	var actionsLnk = '<a>Actions</a>';
	var actsMenu = createMenu([chCondScopeLnk, mkCondRespLnk, startCondRespLnk]);

	//create an action menu
	var actionsMenu = createMenu([ [ actionsLnk, actsMenu ] ]);
	actionsMenu.superfish();
	actionsMenu.css('display', 'inline-block');
	actionBar.append(actionsMenu);
	
	//create a division to hold actions menu
	var menuDiv = $('<div id="lsEventTable_menuDiv" class="menuDiv"></div>');
	$('#lsEventTable_wrapper').prepend(menuDiv);
	menuDiv.append(actionBar);	
	$('#lsEventTable_filter').appendTo(menuDiv);
}

/**
 * show the make association dialogue
 * 
 * @return nothing
 */
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">Please 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: {
			'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');
			},
			'Cancel' : function() {
				$(this).dialog('close');
			}
		}
	});
}

/**
 * show the make condition dialogue
 *
 * @return nothing 
 */
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 dialogue 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: {
			'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();
						}
					}
				});
			},
			'Cancel' : function() {
				$(this).dialog('close');
			}
		}
	});
}

/**
 * show the make response dialogue
 * 
 * @return nothing
 */
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: {
			'Ok' : function() {
				$(this).dialog('close');
			},
			'Cancel' : function() {
				$(this).dialog('close');
			}
		}
	});
}



/**
 * start the condition and response associations
 * 
 * @return nothing
 */
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 are no conditions');
				}
			}
		});
	} 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
 * 
 * @return nothing
 */
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: {
			'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');
			},
			'Cancel' : function() {
				$(this).dialog('close');
			}
		}
	});
}

/**
 * create the condition table for dialogue
 *
 * @param cond
 * 			condition
 * @return nothing
 */
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 cond
 * 			Condition
 * @return nothing 
 */
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;
}