xcat-core/xCAT-UI/js/configure/service.js

/**
 * Global variables
 */
var topPriority = 0;

/**
 * Load the service portal's provision page
 * 
 * @param tabId
 * 			Tab ID where page will reside
 * @return Nothing
 */
function loadServicePage(tabId) {
	// Create info bar
	var infoBar = createInfoBar('Select a platform to configure, then click Ok.');
	
	// Create self-service portal page
	var tabId = 'serviceTab';
	var servicePg = $('<div class="form"></div>');
	$('#' + tabId).append(infoBar, servicePg);

	// Create radio buttons for platforms
	var hwList = $('<ol>Platforms available:</ol>');
	var esx = $('<li><input type="radio" name="hw" value="esx" checked/>ESX</li>');
	var kvm = $('<li><input type="radio" name="hw" value="kvm"/>KVM</li>');
	var zvm = $('<li><input type="radio" name="hw" value="zvm"/>z\/VM</li>');
	
	hwList.append(esx);
	hwList.append(kvm);
	hwList.append(zvm);
	servicePg.append(hwList);

	/**
	 * Ok
	 */
	var okBtn = createButton('Ok');
	okBtn.bind('click', function(event) {		
		var configTabs = getConfigTab();
		
		// Get hardware that was selected
		var hw = $(this).parent().find('input[name="hw"]:checked').val();
	    var newTabId = hw + 'ProvisionTab';

	    if ($('#' + newTabId).size() > 0){
	    	configTabs.select(newTabId);
	    } else {
	        var title = '';
	        
	        // Create an instance of the plugin
	        var plugin;
	        switch (hw) {
	        case "kvm":
	            plugin = new kvmPlugin();
	            title = 'KVM';
	            break;
	        case "esx":
	            plugin = new esxPlugin();
	            title = 'ESX';
	            break;
	        case "zvm":
	            plugin = new zvmPlugin();
	            title = 'z/VM';
	            
	            // Get zVM host names
	        	if (!$.cookie('srv_zvm')){
	        		$.ajax( {
	        			url : 'lib/srv_cmd.php',
	        			dataType : 'json',
	        			data : {
	        				cmd : 'webportal',
	        				tgt : '',
	        				args : 'lszvm',
	        				msg : ''
	        			},

	        			success : function(data) {
	        				setzVMCookies(data);
	        			}
	        		});
	        	}
	        	
	            break;
	        }

	        // Select tab
	        configTabs.add(newTabId, title, '', true);
	        configTabs.select(newTabId);
	        plugin.loadConfigPage(newTabId);
	    }
	});
	
	servicePg.append(okBtn);
}

/**
 * Load the user panel where users can be created, modified, or deleted
 * 
 * @param panelId
 * 			Panel ID
 * @return Nothing
 */
function loadUserPanel(panelId) {
	// Get users list
	$.ajax({
		url : 'lib/cmd.php',
		dataType : 'json',
		data : {
			cmd : 'tabdump',
			tgt : '',
			args : 'passwd',
			msg : panelId
		},

		success : loadUserTable
	});
}

/**
 * Load user datatable
 * 
 * @param data
 * 			HTTP request data
 * @return Nothing
 */
function loadUserTable(data) {
	// Get response
	var rsp = data.rsp;
	// Get panel ID
	var panelId = data.msg;
	
	// Wipe panel clean
	$('#' + panelId).empty();
	
	// Add info bar
	$('#' + panelId).append(createInfoBar('Create, edit, and delete users for the self-service portal. Double-click on a cell to edit a users properties. Click outside the table to save changes. Hit the Escape key to ignore changes.'));
	
	// Get table headers
	// The table headers in the passwd table are: key, username, password, cryptmethod, comments, and disable
	var headers = new Array('priority', 'username', 'password', 'max-vm');

	// Create a new datatable
	var tableId = 'userDatatable';
	var table = new DataTable(tableId);

	// Add column for the checkbox
	headers.unshift('<input type="checkbox" onclick="selectAllCheckbox(event, $(this))">');
	table.init(headers);
	headers.shift();

	// Append datatable to panel
	$('#' + panelId).append(table.object());

	// Add table rows
	// Start with the 2nd row (1st row is the headers)
	for ( var i = 1; i < rsp.length; i++) {
		// Split into columns
		var tmp = rsp[i].split(',');
		
		// Go through each column
		for (var j = 0; j < tmp.length; j++) {
			// Replace quote
			tmp[j] = tmp[j].replace(new RegExp('"', 'g'), '');
		}
		
		// Only add users having the key = xcat
		if (tmp[0] == 'xcat') {
			// Columns are: priority, username, password, and max-vm
			var cols = new Array('', tmp[1], tmp[2], '');
	
			// Add remove button where id = user name
			cols.unshift('<input type="checkbox" name="' + tmp[1] + '"/>');
	
			// Add row
			table.add(cols);
		}
	}

	// Turn table into datatable
	$('#' + tableId).dataTable({
		'iDisplayLength': 50,
		'bLengthChange': false,
		"sScrollX": "100%",
		"bAutoWidth": true
	});

	// Create action bar
	var actionBar = $('<div class="actionBar"></div>');
	
	var createLnk = $('<a>Create</a>');
	createLnk.click(function() {
		openCreateUserDialog();
	});
		
	var deleteLnk = $('<a>Delete</a>');
	deleteLnk.click(function() {
		var users = getNodesChecked(tableId);
		if (users) {
			openDeleteUserDialog(users);
		}
	});
	
	var refreshLnk = $('<a>Refresh</a>');
	refreshLnk.click(function() {
		loadUserPanel(panelId);
	});
	
	// Create an action menu
	var actionsMenu = createMenu([createLnk, deleteLnk, refreshLnk]);
	actionsMenu.superfish();
	actionsMenu.css('display', 'inline-block');
	actionBar.append(actionsMenu);
	
	// Set correct theme for action menu
	actionsMenu.find('li').hover(function() {
		setMenu2Theme($(this));
	}, function() {
		setMenu2Normal($(this));
	});
	
	// Create a division to hold actions menu
	var menuDiv = $('<div id="' + tableId + '_menuDiv" class="menuDiv"></div>');
	$('#' + tableId + '_wrapper').prepend(menuDiv);
	menuDiv.append(actionBar);	
	$('#' + tableId + '_filter').appendTo(menuDiv);
			
	// Get policy data
	$.ajax({
		url : 'lib/cmd.php',
		dataType : 'json',
		data : {
			cmd : 'tabdump',
			tgt : '',
			args : 'policy',
			msg : tableId
		},

		success : loadUserTable4Policy
	});
	
	/**
	 * Enable editable cells
	 */
	// Do not make 1st or 2nd column editable
	$('#' + tableId + ' td:not(td:nth-child(1),td:nth-child(2))').editable(
		function(value, settings) {		
		    // If users did not make changes, return the value directly
		    // jeditable saves the old value in this.revert
		    if ($(this).attr('revert') == value){
		        return value;
		    }
		    
		    var panelId = $(this).parents('.ui-accordion-content').attr('id');
		    	
			// Get column index
			var colPos = this.cellIndex;
						
			// Get row index
			var dTable = $('#' + tableId).dataTable();
			var rowPos = dTable.fnGetPosition(this.parentNode);
			
			// Update datatable
			dTable.fnUpdate(value, rowPos, colPos, false);
			
			// Get table headers
			var headers = $('#' + nodesTableId).parents('.dataTables_scroll').find('.dataTables_scrollHead thead tr:eq(0) th');
						
			// Get user attributes
			var priority = $(this).parent().find('td:eq(1)').text();
			var user = $(this).parent().find('td:eq(2)').text();
			var password = $(this).parent().find('td:eq(3)').text();
			var maxVM = $(this).parent().find('td:eq(4)').text();			
						
			// Send command to change user attributes
			$.ajax( {
				url : 'lib/cmd.php',
				dataType : 'json',
				data : {
					cmd : 'webrun',
					tgt : '',
					args : 'updateuser;' + priority + ';' + user + ';' + password + ';' + maxVM,
					msg : panelId
				},
				success : updatePanel
        	});

			return value;
		}, {
			onblur : 'submit', 	// Clicking outside editable area submits changes
			type : 'textarea',
			placeholder: ' ',
			event : "dblclick", // Double click and edit
			height : '30px' 	// The height of the text area
		});
	
	// Resize accordion
	$('#' + tableId).parents('.ui-accordion').accordion('resize');
}

/**
 * Update user datatable for policy
 * 
 * @param data
 * 			HTTP request data
 * @return Nothing
 */
function loadUserTable4Policy(data) {
	// Get response
	var rsp = data.rsp;
	// Get datatable ID
	var tableId = data.msg;
	
	// Get datatable
	var datatable = $('#' + tableId).dataTable();

	// Update max-vm column
	// The data coming back contains: priority, name, host, commands, noderange, parameters, time, rule, comments, disable
	
	// Start with the 2nd row (1st row is the headers)
	topPriority = 0;
	for ( var i = 1; i < rsp.length; i++) {
		// Split into columns
		var tmp = rsp[i].split(',');
		
		// Go through each column
		for (var j = 0; j < tmp.length; j++) {
			// Replace quote
			tmp[j] = tmp[j].replace(new RegExp('"', 'g'), '');
		}
		
		// Get the row containing the user name
		var rowPos = -1;
		if (tmp[1])
			rowPos = findRow(tmp[1], '#' + tableId, 2);
		
		// Update the priority and max-vm columns
		if (rowPos > -1) {
			var maxVM = tmp[8].replace('max-vm:', '');
			maxVM = maxVM.replace(';', '');
			datatable.fnUpdate(maxVM, rowPos, 4, false);
			
			var priority = tmp[0];
			datatable.fnUpdate(priority, rowPos, 1, false);
			
			// Set the highest priority
			if (priority > topPriority)
				topPriority = priority;
		}
	}
	
	// Adjust column sizes
	adjustColumnSize(tableId);
	
	// Resize accordion
	$('#' + tableId).parents('.ui-accordion').accordion('resize');
}

/**
 * Open a dialog to create a user
 */
function openCreateUserDialog() {
	var dialogId = 'createUser';
	var dialog = $('<div id="' + dialogId + '" class="form"></div>');
    var info = createInfoBar('Create an xCAT user. A priority will be generated for the new user.');
    dialog.append(info);
    
    // Generate the user priority
    var userPriority = parseFloat(topPriority) + 0.01;
    userPriority = userPriority.toPrecision(3);
    
    // Create node inputs
    dialog.append($('<div><label>Priority:</label><input name="priority" type="text" disabled="disabled" value="' + userPriority + '"></div>'));
	dialog.append($('<div><label>User name:</label><input name="username" type="text"></div>'));
	dialog.append($('<div><label>Password:</label><input name="password" type="password"></div>'));
	dialog.append($('<div><label>Maximum virtual machines:</label><input name="maxvm" type="text"></div>'));
    
    dialog.dialog({
    	title: 'Create user',
        modal: true,
        width: 400,
        close: function(){
        	$(this).remove();
        },
        buttons: {
            "OK" : function(){
            	// Remove any warning messages
        		$(this).find('.ui-state-error').remove();
        		
        		// Change dialog buttons
			    $('#' + dialogId).dialog('option', 'buttons', {
			    	'Close':function(){
			    		$(this).dialog('close');
			    	}
			    });
        		
        		var priority = $(this).find('input[name="priority"]').val();
            	var user = $(this).find('input[name="username"]').val();
            	var password = $(this).find('input[name="password"]').val();
            	var maxVM = $(this).find('input[name="maxvm"]').val();
            	
            	// Verify inputs are provided
            	if (!user || !password || !maxVM) {
            		var warn = createWarnBar('Please provide a value for each missing field!');
					warn.prependTo($(this));
            	} else {            	
            		$.ajax( {
        				url : 'lib/cmd.php',
        				dataType : 'json',
        				data : {
        					cmd : 'webrun',
        					tgt : '',
        					args : 'updateuser;' + priority + ';' + user + ';' + password + ';' + maxVM,
        					msg : dialogId
	    				},
	    				success : updatePanel
	            	});
            		
            		// Update highest priority
            		topPriority = priority;
            	}
            },
            "Cancel": function(){
            	$(this).dialog('close');
            }
        }
    });
}

/**
 * Update dialog
 * 
 * @param data
 * 			HTTP request data
 * @return Nothing
 */
function updatePanel(data) {
	var dialogId = data.msg;
	var infoMsg;

	// Create info message
	if (jQuery.isArray(data.rsp)) {
		infoMsg = '';
		for (var i in data.rsp) {
			infoMsg += data.rsp[i] + '</br>';
		}
	} else {
		infoMsg = data.rsp;
	}
	
	// Create info bar with close button
	var infoBar = $('<div class="ui-state-highlight ui-corner-all"></div>').css('margin', '5px 0px');
	var icon = $('<span class="ui-icon ui-icon-info"></span>').css({
		'display': 'inline-block',
		'margin': '10px 5px'
	});
	
	// Create close button to close info bar
	var close = $('<span class="ui-icon ui-icon-close"></span>').css({
		'display': 'inline-block',
		'float': 'right'
	}).click(function() {
		$(this).parent().remove();
	});
	
	var msg = $('<pre>' + infoMsg + '</pre>').css({
		'display': 'inline-block',
		'width': '85%'
	});
	
	infoBar.append(icon, msg, close);	
	infoBar.prependTo($('#' + dialogId));
}

/**
 * Open dialog to confirm user delete
 * 
 * @param users
 * 			Users to delete
 * @return Nothing
 */
function openDeleteUserDialog(users) {
	// Create form to delete disk to pool
	var dialogId = 'deleteUser';
	var deleteForm = $('<div id="' + dialogId + '" class="form"></div>');
	
	// Create info bar
	var info = createInfoBar('Are you sure you want to delete ' + users.replace(new RegExp(',', 'g'), ', ') + '?');
	deleteForm.append(info);
			
	// Open dialog to delete user
	deleteForm.dialog({
		title:'Delete user',
		modal: true,
		width: 400,
		close: function(){
        	$(this).remove();
        },
		buttons: {
        	"Ok": function(){
        		// Remove any warning messages
        		$(this).find('.ui-state-error').remove();
        		
				// Change dialog buttons
				$(this).dialog('option', 'buttons', {
					'Close': function() {$(this).dialog("close");}
				});
										
				// Delete user
				$.ajax( {
    				url : 'lib/cmd.php',
    				dataType : 'json',
    				data : {
    					cmd : 'webrun',
    					tgt : '',
    					args : 'deleteuser;' + users,
    					msg : dialogId
    				},
    				success : updatePanel
            	});
			},
			"Cancel": function() {
        		$(this).dialog( "close" );
        	}
		}
	});
}

/**
 * Round a floating point to a given precision
 * 
 * @param value
 * 			Floating point
 * @param precision
 * 			Decimal precision
 * @returns	Floating point number
 */
function toFixed(value, precision) {
    var power = Math.pow(10, precision || 0);
    return String(Math.round(value * power) / power);
}