mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
886 lines
36 KiB
JavaScript
886 lines
36 KiB
JavaScript
/**
|
|
* Copyright (C) 2010 Cloud.com, Inc. All rights reserved.
|
|
*
|
|
* This software is licensed under the GNU General Public License v3 or later.
|
|
*
|
|
* It is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or any later version.
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
|
|
// Version: @VERSION@
|
|
|
|
var rootDomainId = 1;
|
|
|
|
var systemUserId = 1;
|
|
var adminUserId = 2;
|
|
|
|
var keycode_Enter = 13;
|
|
|
|
var activeDialogs = new Array();
|
|
function activateDialog(dialog) {
|
|
activeDialogs[activeDialogs.length] = dialog;
|
|
|
|
//bind Enter-Key-pressing event handler to the dialog
|
|
dialog.keypress(function(event) {
|
|
if(event.keyCode == keycode_Enter) {
|
|
$('[aria-labelledby$='+dialog.attr("id")+']').find(":button:first").click();
|
|
return false; //event.preventDefault() + event.stopPropagation()
|
|
}
|
|
});
|
|
}
|
|
function removeDialogs() {
|
|
for (var i = 0; i < activeDialogs.length; i++) {
|
|
activeDialogs[i].remove();
|
|
}
|
|
activeDialogs = new Array();
|
|
}
|
|
|
|
function toRole(type) {
|
|
if (type == "0") {
|
|
return "User";
|
|
} else if (type == "1") {
|
|
return "Admin";
|
|
} else if (type == "2") {
|
|
return "Domain-Admin";
|
|
}
|
|
}
|
|
|
|
function createURL(url) {
|
|
return url + "&sessionkey=" + g_sessionKey;
|
|
}
|
|
|
|
// Validation functions
|
|
function validateString(label, field, errMsgField, isOptional) {
|
|
var isValid = true;
|
|
var errMsg = "";
|
|
var value = field.val();
|
|
if (isOptional!=true && (value == null || value.length == 0)) { //required field
|
|
errMsg = label + " is a required value. ";
|
|
isValid = false;
|
|
}
|
|
else if (value!=null && value.length >= 255) {
|
|
errMsg = label + " must be less than 255 characters";
|
|
isValid = false;
|
|
}
|
|
else if(value.indexOf('"')!=-1) {
|
|
errMsg = "Double quotes are not allowed.";
|
|
isValid = false;
|
|
}
|
|
showError(isValid, field, errMsgField, errMsg);
|
|
return isValid;
|
|
}
|
|
|
|
function cleanErrMsg(field, errMsgField) {
|
|
showError(true, field, errMsgField);
|
|
}
|
|
|
|
function showError(isValid, field, errMsgField, errMsg) {
|
|
if(isValid) {
|
|
errMsgField.text("").hide();
|
|
field.addClass("text").removeClass("error_text");
|
|
}
|
|
else {
|
|
errMsgField.text(errMsg).show();
|
|
field.removeClass("text").addClass("error_text");
|
|
}
|
|
}
|
|
|
|
// others
|
|
function trim(val) {
|
|
return val.replace(/^\s*/, "").replace(/\s*$/, "");
|
|
}
|
|
|
|
// Prevent cross-site-script(XSS) attack.
|
|
// used right before adding user input to the DOM tree. e.g. DOM_element.html(sanitizeXSS(user_input));
|
|
function sanitizeXSS(val) {
|
|
if(val == null)
|
|
return val;
|
|
val = val.replace(/</g, "<"); //replace < whose unicode is \u003c
|
|
val = val.replace(/>/g, ">"); //replace > whose unicode is \u003e
|
|
return val;
|
|
}
|
|
|
|
// FUNCTION: Handles AJAX error callbacks. You can pass in an optional function to
|
|
// handle errors that are not already handled by this method.
|
|
function handleError(xmlHttp, handleErrorCallback) {
|
|
// User Not authenticated
|
|
if (xmlHttp.status == 401) {
|
|
$("#dialog_session_expired").dialog("open");
|
|
} else if (handleErrorCallback != undefined) {
|
|
handleErrorCallback();
|
|
} else {
|
|
var start = xmlHttp.responseText.indexOf("h1") + 3;
|
|
var end = xmlHttp.responseText.indexOf("</h1");
|
|
var errorMsg = xmlHttp.responseText.substring(start, end);
|
|
$("#dialog_error").html("<p><b>Encountered an error:</b></p><br/><p>"+sanitizeXSS(errorMsg.substring(errorMsg.indexOf("-")+2))+"</p>").dialog("open");
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// Timezones
|
|
var timezones = new Object();
|
|
timezones['Etc/GMT+12']='[UTC-12:00] GMT-12:00';
|
|
timezones['Etc/GMT+11']='[UTC-11:00] GMT-11:00';
|
|
timezones['Pacific/Samoa']='[UTC-11:00] Samoa Standard Time';
|
|
timezones['Pacific/Honolulu']='[UTC-10:00] Hawaii Standard Time';
|
|
timezones['US/Alaska']='[UTC-09:00] Alaska Standard Time';
|
|
timezones['America/Los_Angeles']='[UTC-08:00] Pacific Standard Time';
|
|
timezones['Mexico/BajaNorte']='[UTC-08:00] Baja California';
|
|
timezones['US/Arizona']='[UTC-07:00] Arizona';
|
|
timezones['US/Mountain']='[UTC-07:00] Mountain Standard Time';
|
|
timezones['America/Chihuahua']='[UTC-07:00] Chihuahua, La Paz';
|
|
timezones['America/Chicago']='[UTC-06:00] Central Standard Time';
|
|
timezones['America/Costa_Rica']='[UTC-06:00] Central America';
|
|
timezones['America/Mexico_City']='[UTC-06:00] Mexico City, Monterrey';
|
|
timezones['Canada/Saskatchewan']='[UTC-06:00] Saskatchewan';
|
|
timezones['America/Bogota']='[UTC-05:00] Bogota, Lima';
|
|
timezones['America/New_York']='[UTC-05:00] Eastern Standard Time';
|
|
timezones['America/Caracas']='[UTC-04:00] Venezuela Time';
|
|
timezones['America/Asuncion']='[UTC-04:00] Paraguay Time';
|
|
timezones['America/Cuiaba']='[UTC-04:00] Amazon Time';
|
|
timezones['America/Halifax']='[UTC-04:00] Atlantic Standard Time';
|
|
timezones['America/La_Paz']='[UTC-04:00] Bolivia Time';
|
|
timezones['America/Santiago']='[UTC-04:00] Chile Time';
|
|
timezones['America/St_Johns']='[UTC-03:30] Newfoundland Standard Time';
|
|
timezones['America/Araguaina']='[UTC-03:00] Brasilia Time';
|
|
timezones['America/Argentina/Buenos_Aires']='[UTC-03:00] Argentine Time';
|
|
timezones['America/Cayenne']='[UTC-03:00] French Guiana Time';
|
|
timezones['America/Godthab']='[UTC-03:00] Greenland Time';
|
|
timezones['America/Montevideo']='[UTC-03:00] Uruguay Time]';
|
|
timezones['Etc/GMT+2']='[UTC-02:00] GMT-02:00';
|
|
timezones['Atlantic/Azores']='[UTC-01:00] Azores Time';
|
|
timezones['Atlantic/Cape_Verde']='[UTC-01:00] Cape Verde Time';
|
|
timezones['Africa/Casablanca']='[UTC] Casablanca';
|
|
timezones['Etc/UTC']='[UTC] Coordinated Universal Time';
|
|
timezones['Atlantic/Reykjavik']='[UTC] Reykjavik';
|
|
timezones['Europe/London']='[UTC] Western European Time';
|
|
timezones['CET']='[UTC+01:00] Central European Time';
|
|
timezones['Europe/Bucharest']='[UTC+02:00] Eastern European Time';
|
|
timezones['Africa/Johannesburg']='[UTC+02:00] South Africa Standard Time';
|
|
timezones['Asia/Beirut']='[UTC+02:00] Beirut';
|
|
timezones['Africa/Cairo']='[UTC+02:00] Cairo';
|
|
timezones['Asia/Jerusalem']='[UTC+02:00] Israel Standard Time';
|
|
timezones['Europe/Minsk']='[UTC+02:00] Minsk';
|
|
timezones['Europe/Moscow']='[UTC+03:00] Moscow Standard Time';
|
|
timezones['Africa/Nairobi']='[UTC+03:00] Eastern African Time';
|
|
timezones['Asia/Karachi']='[UTC+05:00] Pakistan Time';
|
|
timezones['Asia/Kolkata']='[UTC+05:30] India Standard Time';
|
|
timezones['Asia/Bangkok']='[UTC+05:30] Indochina Time';
|
|
timezones['Asia/Shanghai']='[UTC+08:00] China Standard Time';
|
|
timezones['Asia/Kuala_Lumpur']='[UTC+08:00] Malaysia Time';
|
|
timezones['Australia/Perth']='[UTC+08:00] Western Standard Time (Australia)';
|
|
timezones['Asia/Taipei']='[UTC+08:00] Taiwan';
|
|
timezones['Asia/Tokyo']='[UTC+09:00] Japan Standard Time';
|
|
timezones['Asia/Seoul']='[UTC+09:00] Korea Standard Time';
|
|
timezones['Australia/Adelaide']='[UTC+09:30] Central Standard Time (South Australia)';
|
|
timezones['Australia/Darwin']='[UTC+09:30] Central Standard Time (Northern Territory)';
|
|
timezones['Australia/Brisbane']='[UTC+10:00] Eastern Standard Time (Queensland)';
|
|
timezones['Australia/Canberra']='[UTC+10:00] Eastern Standard Time (New South Wales)';
|
|
timezones['Pacific/Guam']='[UTC+10:00] Chamorro Standard Time';
|
|
timezones['Pacific/Auckland']='[UTC+12:00] New Zealand Standard Time';
|
|
|
|
$(document).ready(function() {
|
|
function showTestTab() {
|
|
// Manage Events
|
|
mainContainer.load("content/tab_test.html", function() {
|
|
|
|
//*** user (begin) ********************************************
|
|
function userJSONToTemplate(json, template) {
|
|
(index++ % 2 == 0)? template.addClass("smallrow_even"): template.addClass("smallrow_odd");
|
|
template.attr("id", "user_"+json.id).data("userId", json.id);
|
|
template.find("#user_role").text(toRole(json.accounttype));
|
|
template.find("#user_userid").text(json.id);
|
|
template.find("#user_username").text(json.username);
|
|
template.find("#user_account").text(json.account);
|
|
template.find("#user_domain").text(json.domain);
|
|
template.find("#user_disabled").text(((json.isdisabled == "true") ? "Yes" : "No"));
|
|
template.find("#user_email").text(json.email);
|
|
template.find("#user_firstname").text(json.firstname);
|
|
template.find("#user_lastname").text(json.lastname);
|
|
template.find("#user_timezone").text(timezones[json.timezone]);
|
|
template.data("timezone", json.timezone);
|
|
if(json.id==systemUserId || json.id==adminUserId)
|
|
template.find("#delete_link").hide();
|
|
}
|
|
|
|
function listUsers() {
|
|
var submenuContent = $("#submenu_content_user");
|
|
index = 0;
|
|
$.ajax({
|
|
data: createURL("command=listUsers&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var users = json.listusersresponse.user;
|
|
var grid = submenuContent.find("#grid_content").empty();
|
|
var template = $("#user_template");
|
|
if (users != null && users.length > 0) {
|
|
for (var i = 0; i < users.length; i++) {
|
|
var newTemplate = template.clone(true);
|
|
userJSONToTemplate(users[i], newTemplate);
|
|
grid.append(newTemplate.show());
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpRequest) {
|
|
handleError(XMLHttpRequest);
|
|
}
|
|
});
|
|
}
|
|
|
|
$("#submenu_user").bind("click",function(event){
|
|
$(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
|
|
currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
|
|
currentSubMenu = $(this);
|
|
|
|
var submenuContent = $("#submenu_content_user").show();
|
|
$("#submenu_content_domain, #submenu_content_api_test").hide();
|
|
|
|
listUsers();
|
|
|
|
return false;
|
|
});
|
|
|
|
var dialogAddUser = $("#dialog_add_user");
|
|
var addUserAccountTypeField = dialogAddUser.find("#add_user_account_type");
|
|
var addUserDomainField = dialogAddUser.find("#add_user_domain");
|
|
|
|
activateDialog($("#dialog_add_user").dialog({
|
|
width:450,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
$("#user_action_new").bind("click", function(event) {
|
|
populateDomainField(addUserDomainField);
|
|
|
|
var submenuContent = $("#submenu_content_user");
|
|
|
|
dialogAddUser
|
|
.dialog('option', 'buttons', {
|
|
"Create": function() {
|
|
var thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("User name", thisDialog.find("#add_user_username"), thisDialog.find("#add_user_username_errormsg"), false); //required
|
|
isValid &= validateString("Password", thisDialog.find("#add_user_password"), thisDialog.find("#add_user_password_errormsg"), false); //required
|
|
isValid &= validateString("Email", thisDialog.find("#add_user_email"), thisDialog.find("#add_user_email_errormsg"), true); //optional
|
|
isValid &= validateString("First name", thisDialog.find("#add_user_firstname"), thisDialog.find("#add_user_firstname_errormsg"), true); //optional
|
|
isValid &= validateString("Last name", thisDialog.find("#add_user_lastname"), thisDialog.find("#add_user_lastname_errormsg"), true); //optional
|
|
isValid &= validateString("Account", thisDialog.find("#add_user_account"), thisDialog.find("#add_user_account_errormsg"), true); //optional
|
|
if (!isValid) return;
|
|
|
|
var template = $("#user_template").clone(true);
|
|
var loadingImg = template.find(".adding_loading");
|
|
var rowContainer = template.find("#row_container");
|
|
loadingImg.find(".adding_text").text("Adding....");
|
|
loadingImg.show();
|
|
rowContainer.hide();
|
|
submenuContent.find("#grid_content").prepend(template.fadeIn("slow"));
|
|
|
|
var username = thisDialog.find("#add_user_username").val();
|
|
var password = $.md5(thisDialog.find("#add_user_password").val());
|
|
var email = thisDialog.find("#add_user_email").val();
|
|
if(email == "")
|
|
email = username;
|
|
var firstname = thisDialog.find("#add_user_firstname").val();
|
|
if(firstname == "")
|
|
firstname = username;
|
|
var lastname = thisDialog.find("#add_user_lastname").val();
|
|
if(lastname == "")
|
|
lastname = username;
|
|
var account = thisDialog.find("#add_user_account").val();
|
|
if(account == "")
|
|
account = username;
|
|
var accountType = thisDialog.find("#add_user_account_type").val();
|
|
var domainId = thisDialog.find("#add_user_domain").val();
|
|
if (parseInt(domainId) > rootDomainId && parseInt(accountType) == 1) {
|
|
accountType = 2; // Change to domain admin
|
|
}
|
|
|
|
var moreCriteria = [];
|
|
var timezone = thisDialog.find("#add_user_timezone").val();
|
|
if(timezone != null && timezone.length > 0)
|
|
moreCriteria.push("&timezone="+encodeURIComponent(timezone));
|
|
|
|
thisDialog.dialog("close");
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
data: createURL("command=createUser&username="+encodeURIComponent(username)+"&password="+encodeURIComponent(password)+"&email="+encodeURIComponent(email)+"&firstname="+encodeURIComponent(firstname)+"&lastname="+encodeURIComponent(lastname)+"&account="+account+"&accounttype="+accountType+"&domainid="+domainId+moreCriteria.join("")+"&response=json"),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
userJSONToTemplate(json.createuserresponse.user[0], template);
|
|
loadingImg.hide();
|
|
rowContainer.show();
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
template.slideUp("slow", function(){ $(this).remove(); } );
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
return false;
|
|
});
|
|
|
|
activateDialog($("#dialog_edit_user").dialog({
|
|
width:450,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
activateDialog($("#dialog_change_password").dialog({
|
|
width:450,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
$("#user_template").bind("click", function(event) {
|
|
var template = $(this);
|
|
var id = template.data("userId");
|
|
var target = event.target;
|
|
switch(target.id) {
|
|
case "edit_link":
|
|
var dialogEditUser = $("#dialog_edit_user");
|
|
|
|
dialogEditUser.find("#edit_user_username").val(template.find("#user_username").text());
|
|
if(id==systemUserId || id==adminUserId)
|
|
dialogEditUser.find("#edit_user_username").attr("disabled", true);
|
|
else
|
|
dialogEditUser.find("#edit_user_username").attr("disabled", false);
|
|
|
|
dialogEditUser.find("#edit_user_email").val(template.find("#user_email").text());
|
|
dialogEditUser.find("#edit_user_firstname").val(template.find("#user_firstname").text());
|
|
dialogEditUser.find("#edit_user_lastname").val(template.find("#user_lastname").text());
|
|
dialogEditUser.find("#edit_user_timezone").val(template.data("timezone"));
|
|
|
|
dialogEditUser
|
|
.dialog('option', 'buttons', {
|
|
"Save": function() {
|
|
var thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("User name", thisDialog.find("#edit_user_username"), thisDialog.find("#edit_user_username_errormsg"), false); //required
|
|
isValid &= validateString("Email", thisDialog.find("#edit_user_email"), thisDialog.find("#edit_user_email_errormsg"), true); //optional
|
|
isValid &= validateString("First name", thisDialog.find("#edit_user_firstname"), thisDialog.find("#edit_user_firstname_errormsg"), true); //optional
|
|
isValid &= validateString("Last name", thisDialog.find("#edit_user_lastname"), thisDialog.find("#edit_user_lastname_errormsg"), true); //optional
|
|
if (!isValid) return;
|
|
|
|
var username = trim(thisDialog.find("#edit_user_username").val());
|
|
var email = trim(thisDialog.find("#edit_user_email").val());
|
|
var firstname = trim(thisDialog.find("#edit_user_firstname").val());
|
|
var lastname = trim(thisDialog.find("#edit_user_lastname").val());
|
|
var timezone = trim(thisDialog.find("#edit_user_timezone").val());
|
|
|
|
thisDialog.dialog("close");
|
|
$.ajax({
|
|
data: createURL("command=updateUser&id="+id+"&username="+encodeURIComponent(username)+"&email="+encodeURIComponent(email)+"&firstname="+encodeURIComponent(firstname)+"&lastname="+encodeURIComponent(lastname)+"&timezone="+encodeURIComponent(timezone)+"&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
template.find("#user_username").text(username);
|
|
template.find("#user_email").text(email);
|
|
template.find("#user_firstname").text(firstname);
|
|
template.find("#user_lastname").text(lastname);
|
|
template.find("#user_timezone").text(timezones[timezone]);
|
|
template.data("timezone", timezone);
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
|
|
break;
|
|
|
|
case "change_password_link":
|
|
var dialogChangePassword = $("#dialog_change_password");
|
|
dialogChangePassword.find("#change_password_password1").val("");
|
|
|
|
$("#dialog_change_password")
|
|
.dialog('option', 'buttons', {
|
|
"Save": function() {
|
|
var thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Password", thisDialog.find("#change_password_password1"), thisDialog.find("#change_password_password1_errormsg"), false); //required
|
|
if (!isValid) return;
|
|
|
|
var password = $.md5(encodeURIComponent((thisDialog.find("#change_password_password1").val())));
|
|
|
|
thisDialog.dialog("close");
|
|
$.ajax({
|
|
data: createURL("command=updateUser&id="+id+"&password="+password+"&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
|
|
break;
|
|
|
|
case "delete_link":
|
|
$.ajax({
|
|
data: createURL("command=deleteUser&id="+id+"&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
$("#user_"+id).slideUp("slow", function() {
|
|
$(this).remove()
|
|
});
|
|
}
|
|
});
|
|
break;
|
|
}
|
|
return false; //event.preventDefault() + event.stopPropogation()
|
|
});
|
|
//*** user (end) **********************************************
|
|
|
|
//*** domain (begin) *********************************************
|
|
function domainJSONToTemplate(json, template) {
|
|
(index++ % 2 == 0)? template.addClass("smallrow_even"): template.addClass("smallrow_odd");
|
|
template.attr("id", "domain_"+json.id).data("domainId", json.id);
|
|
template.find("#domain_id").text(json.id);
|
|
template.find("#domain_name").text(json.name);
|
|
template.find("#domain_level").text(json.level);
|
|
template.find("#parent_domain_name").text(json.parentdomainname);
|
|
if(json.id == rootDomainId)
|
|
template.find("#domain_links").hide();
|
|
}
|
|
|
|
function listDomains() {
|
|
var submenuContent = $("#submenu_content_domain");
|
|
index = 0;
|
|
$.ajax({
|
|
data: createURL("command=listDomains&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var domains = json.listdomainsresponse.domain;
|
|
var grid = submenuContent.find("#grid_content").empty();
|
|
var template = $("#domain_template");
|
|
if (domains != null && domains.length > 0) {
|
|
for (var i = 0; i < domains.length; i++) {
|
|
var newTemplate = template.clone(true);
|
|
domainJSONToTemplate(domains[i], newTemplate);
|
|
grid.append(newTemplate.show());
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpRequest) {
|
|
handleError(XMLHttpRequest);
|
|
}
|
|
});
|
|
}
|
|
|
|
$("#submenu_domain").bind("click",function(event){
|
|
$(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
|
|
currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
|
|
currentSubMenu = $(this);
|
|
|
|
var submenuContent = $("#submenu_content_domain").show();
|
|
$("#submenu_content_user, #submenu_content_api_test").hide();
|
|
|
|
listDomains();
|
|
|
|
return false;
|
|
});
|
|
|
|
activateDialog($("#dialog_add_domain").dialog({
|
|
width:450,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
$("#domain_action_new").bind("click", function(event) {
|
|
var dialogAddDomain = $("#dialog_add_domain");
|
|
populateDomainField(dialogAddDomain.find("#add_domain_parent"));
|
|
|
|
var submenuContent = $("#submenu_content_domain");
|
|
|
|
dialogAddDomain
|
|
.dialog('option', 'buttons', {
|
|
"Create": function() {
|
|
var thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Name", thisDialog.find("#add_domain_name"), thisDialog.find("#add_domain_name_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
var template = $("#domain_template").clone(true);
|
|
var loadingImg = template.find(".adding_loading");
|
|
var rowContainer = template.find("#row_container");
|
|
loadingImg.find(".adding_text").text("Adding....");
|
|
loadingImg.show();
|
|
rowContainer.hide();
|
|
submenuContent.find("#grid_content").prepend(template.fadeIn("slow"));
|
|
|
|
var name = trim(thisDialog.find("#add_domain_name").val());
|
|
var parentDomainId = thisDialog.find("#add_domain_parent").val();
|
|
var moreCriteria = [];
|
|
if(parentDomainId!=null)
|
|
moreCriteria.push("&parentdomainid="+parentDomainId);
|
|
|
|
thisDialog.dialog("close");
|
|
|
|
$.ajax({
|
|
data: createURL("command=createDomain&name="+encodeURIComponent(name)+moreCriteria.join("")+"&response=json"),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
domainJSONToTemplate(json.createdomainresponse.domain[0], template);
|
|
loadingImg.hide();
|
|
rowContainer.show();
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
template.slideUp("slow", function(){ $(this).remove(); } );
|
|
}
|
|
});
|
|
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
return false;
|
|
});
|
|
|
|
activateDialog($("#dialog_edit_domain").dialog({
|
|
width:450,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
$("#domain_template").bind("click", function(event) {
|
|
var template = $(this);
|
|
var id = template.data("domainId");
|
|
var target = event.target;
|
|
switch(target.id) {
|
|
case "edit_link":
|
|
var dialogEditDomain = $("#dialog_edit_domain");
|
|
dialogEditDomain.find("#edit_domain_name").val(template.find("#domain_name").text());
|
|
|
|
dialogEditDomain
|
|
.dialog('option', 'buttons', {
|
|
"Save": function() {
|
|
var thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Name", thisDialog.find("#edit_domain_name"), thisDialog.find("#edit_domain_name_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
var name = trim(thisDialog.find("#edit_domain_name").val());
|
|
|
|
thisDialog.dialog("close");
|
|
$.ajax({
|
|
data: createURL("command=updateDomain&id="+id+"&name="+encodeURIComponent(name)+"&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
template.find("#domain_name").text(name);
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
|
|
break;
|
|
|
|
case "delete_link":
|
|
$.ajax({
|
|
data: createURL("command=deleteDomain&id="+id+"&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
$("#domain_"+id).slideUp("slow", function() {
|
|
$(this).remove()
|
|
});
|
|
}
|
|
});
|
|
break;
|
|
}
|
|
});
|
|
//*** domain (end) ***********************************************
|
|
|
|
//*** API Test (begin) *******************************************
|
|
$("#submenu_api_test").bind("click",function(event){
|
|
$(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
|
|
currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
|
|
currentSubMenu = $(this);
|
|
|
|
var submenuContent = $("#submenu_content_api_test").show();
|
|
$("#submenu_content_domain, #submenu_content_user").hide();
|
|
|
|
return false;
|
|
});
|
|
|
|
var responseText;
|
|
var responseIndent = 0;
|
|
|
|
function includingIndent(value, extraIndent) {
|
|
if(extraIndent == null)
|
|
extraIndent = 0;
|
|
var s = [];
|
|
for(var k=0; k<(responseIndent+extraIndent); k++)
|
|
s.push(' ');
|
|
return (s.join('')+value);
|
|
}
|
|
|
|
function objectToString(obj) {
|
|
if(typeof obj == 'object') {
|
|
responseText += ('{ <br>'); // {
|
|
responseIndent ++;
|
|
var i = 0;
|
|
for(var p in obj) {
|
|
if(i==0) {
|
|
responseText += includingIndent('"' + p + '" : ');
|
|
}
|
|
else {
|
|
responseText += (', <br>')
|
|
responseText += includingIndent('"' + p + '" : ');
|
|
}
|
|
objectToString(obj[p]);
|
|
i++;
|
|
}
|
|
responseText += ('<br>' + includingIndent('} ', -1));
|
|
responseIndent--;
|
|
} else if (typeof obj == 'string') {
|
|
responseText += ('"'+ obj + '"');
|
|
}
|
|
}
|
|
|
|
function outputAPITestResult(res, responseType, isAppend) {
|
|
if(isAppend == false)
|
|
responseText = '';
|
|
else
|
|
responseText += "<br><br>";
|
|
|
|
if(responseType == "json") {
|
|
objectToString(res);
|
|
$("#submenu_content_api_test").find("#command_response").html(responseText);
|
|
}
|
|
else if(responseType == "xml") {
|
|
responseText = res.xml;
|
|
$("#submenu_content_api_test").find("#command_response").text(responseText);
|
|
}
|
|
}
|
|
|
|
$("#submenu_content_api_test").find("#submit").bind("click", function(event){
|
|
var cmd = $("#submenu_content_api_test").find("#command").val();
|
|
var sync_async = $("#submenu_content_api_test").find("#sync_async").val();
|
|
var responseType = $("#submenu_content_api_test").find("#response_type").val();
|
|
if(sync_async == "sync") {
|
|
$.ajax({
|
|
data: createURL("command="+cmd+"&response="+responseType),
|
|
dataType: responseType,
|
|
success: function(res) {
|
|
outputAPITestResult(res, responseType, false);
|
|
}
|
|
});
|
|
} else if (sync_async == "async") {
|
|
$.ajax({
|
|
data: createURL("command="+cmd+"&response="+responseType),
|
|
dataType: responseType,
|
|
success: function(res) {
|
|
outputAPITestResult(res, responseType, false);
|
|
var jobId = res.createvolumeresponse.jobid;
|
|
var timerKey = "apiTest_"+jobId;
|
|
$("body").everyTime(2000, timerKey, function() {
|
|
$.ajax({
|
|
data: createURL("command=queryAsyncJobResult&jobId="+jobId+"&response="+responseType),
|
|
dataType: responseType,
|
|
success: function(res) {
|
|
outputAPITestResult(res, responseType, true);
|
|
var result = res.queryasyncjobresultresponse;
|
|
if (result.jobstatus == 0) {
|
|
return; //Job has not completed
|
|
} else {
|
|
$("body").stopTime(timerKey);
|
|
if (result.jobstatus == 1) {
|
|
// Succeeded
|
|
} else if (result.jobstatus == 2) {
|
|
$("#dialog_alert").html("<p>" + sanitizeXSS(result.jobresult) + "</p>").dialog("open");
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
outputAPITestResult(res, responseType, true);
|
|
handleError(XMLHttpResponse);
|
|
$("body").stopTime(timerKey);
|
|
}
|
|
});
|
|
}, 0);
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
outputAPITestResult(res, responseType, false);
|
|
handleError(XMLHttpResponse);
|
|
|
|
}
|
|
});
|
|
}
|
|
return false;
|
|
});
|
|
|
|
$("#submenu_content_api_test").find("#sync_async").bind("change", function(event) {
|
|
if($(this).val() == "sync") {
|
|
$("#submenu_content_api_test").find("#command").val("listTemplates&templatefilter=self");
|
|
$("#submenu_content_api_test").find("#response_type").empty().append('<option value="json">json</option><option value="xml">xml</option>');
|
|
} else { //async
|
|
$("#submenu_content_api_test").find("#command").val("createVolume&zoneId=10&name=volume_for_API_testing&diskOfferingId=4&accountId=1");
|
|
$("#submenu_content_api_test").find("#response_type").empty().append('<option value="json">json</option>');
|
|
}
|
|
});
|
|
$("#submenu_content_api_test").find("#sync_async").change();
|
|
|
|
$("#submenu_content_api_test").find("#command").bind("keypress", function(event) {
|
|
if(event.keyCode == keycode_Enter) {
|
|
$("#submenu_content_api_test").find("#submit").click();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
//*** API Test (end) *********************************************
|
|
|
|
//*** shared (begin) *********************************************
|
|
function populateDomainField(dropDownBox) {
|
|
$.ajax({
|
|
data: createURL("command=listDomains&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var domains = json.listdomainsresponse.domain;
|
|
dropDownBox.empty();
|
|
if (domains != null && domains.length > 0) {
|
|
for (var i = 0; i < domains.length; i++)
|
|
dropDownBox.append("<option value='" + domains[i].id + "'>" + sanitizeXSS(domains[i].name) + "</option>");
|
|
}
|
|
dropDownBox.val(rootDomainId);
|
|
}
|
|
});
|
|
}
|
|
//*** shared (end) ***********************************************
|
|
|
|
var currentSubMenu = $("#submenu_user");
|
|
var index;
|
|
listUsers();
|
|
});
|
|
}
|
|
|
|
|
|
g_mySession = $.cookie("JSESSIONID");
|
|
g_role = $.cookie("role");
|
|
|
|
// We will be dropping all the main tab content into this container
|
|
mainContainer = $("#maincontentarea");
|
|
|
|
// Default AJAX Setup
|
|
$.ajaxSetup({
|
|
url: "/client/api",
|
|
dataType: "json",
|
|
cache: false,
|
|
error: function(XMLHttpRequest) {
|
|
handleError(XMLHttpRequest);
|
|
},
|
|
beforeSend: function(XMLHttpRequest) {
|
|
if (g_mySession != $.cookie("JSESSIONID")) {
|
|
$("#dialog_session_expired").dialog("open");
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
});
|
|
|
|
// FUNCTION: logs the user out
|
|
function closeWindow() {
|
|
window.close();
|
|
}
|
|
|
|
$("#close_link").bind("click", function(event) {
|
|
closeWindow();
|
|
});
|
|
|
|
// Dialogs
|
|
$("#dialog_confirmation").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
});
|
|
|
|
$("#dialog_info").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000,
|
|
buttons: { "OK": function() { $(this).dialog("close"); } }
|
|
});
|
|
|
|
$("#dialog_alert").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000,
|
|
buttons: { "OK": function() { $(this).dialog("close"); } }
|
|
});
|
|
$("#dialog_alert").siblings(".ui-widget-header").css("background", "url('/client/css/images/ui-bg_errorglass_30_ffffff_1x400.png') repeat-x scroll 50% 50% #393939");
|
|
$("#dialog_alert").siblings(".ui-dialog-buttonpane").find(".ui-state-default").css("background", "url('/client/css/images/ui-bg_errorglass_30_ffffff_1x400.png') repeat-x scroll 50% 50% #393939");
|
|
|
|
$("#dialog_error").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000,
|
|
buttons: { "Close": function() { $(this).dialog("close"); } }
|
|
});
|
|
$("#dialog_error").siblings(".ui-widget-header").css("background", "url('/client/css/images/ui-bg_errorglass_30_ffffff_1x400.png') repeat-x scroll 50% 50% #393939");
|
|
$("#dialog_error").siblings(".ui-dialog-buttonpane").find(".ui-state-default").css("background", "url('/client/css/images/ui-bg_errorglass_30_ffffff_1x400.png') repeat-x scroll 50% 50% #393939");
|
|
|
|
$("#dialog_session_expired").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000,
|
|
buttons: { "OK": function() { closeWindow(); $(this).dialog("close"); } }
|
|
});
|
|
$("#dialog_session_expired").siblings(".ui-widget-header").css("background", "url('/client/css/images/ui-bg_errorglass_30_ffffff_1x400.png') repeat-x scroll 50% 50% #393939");
|
|
$("#dialog_session_expired").siblings(".ui-dialog-buttonpane").find(".ui-state-default").css("background", "url('/client/css/images/ui-bg_errorglass_30_ffffff_1x400.png') repeat-x scroll 50% 50% #393939");
|
|
|
|
$("#dialog_server_error").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000,
|
|
buttons: { "OK": function() { $(this).dialog("close"); } }
|
|
});
|
|
$("#dialog_server_error").siblings(".ui-widget-header").css("background", "url('/client/css/images/ui-bg_errorglass_30_ffffff_1x400.png') repeat-x scroll 50% 50% #393939");
|
|
$("#dialog_server_error").siblings(".ui-dialog-buttonpane").find(".ui-state-default").css("background", "url('/client/css/images/ui-bg_errorglass_30_ffffff_1x400.png') repeat-x scroll 50% 50% #393939");
|
|
|
|
$("body").css("background", "#FFF repeat top left");
|
|
$("#mainmaster").show();
|
|
showTestTab();
|
|
});
|
|
|
|
|
|
|