mirror of https://github.com/apache/cloudstack.git
Account page - add User tab.
This commit is contained in:
Jessica Wang
parent
33cfd8b597
commit
2006cc36bb
|
|
@ -16,16 +16,18 @@
|
|||
<h1>
|
||||
Accounts</h1>
|
||||
</div>
|
||||
<div class="contentbox" id="right_panel_content">
|
||||
|
||||
<div class="contentbox" id="right_panel_content">
|
||||
<div class="info_detailbox errorbox" id="after_action_info_container_on_top" style="display: none">
|
||||
<p id="after_action_info">
|
||||
</p>
|
||||
</div>
|
||||
<div class="tabbox" style="margin-top: 15px;">
|
||||
<div class="content_tabs on">
|
||||
<div id="tab_details" class="content_tabs on">
|
||||
<%=t.t("Details")%></div>
|
||||
<div id="tab_user" class="content_tabs off">
|
||||
<%=t.t("Users")%></div>
|
||||
</div>
|
||||
<!--Details tab (begin)-->
|
||||
<div id="tab_content_details">
|
||||
<div class="rightpanel_mainloader_panel" style="display:none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
|
|
@ -143,10 +145,143 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Details tab (end)-->
|
||||
<!--user tab (start)-->
|
||||
<div style="display: none;" id="tab_content_user">
|
||||
<div id="tab_spinning_wheel" class="rightpanel_mainloader_panel" style="display:none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon"></div>
|
||||
<p>Loading …</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab_container">
|
||||
</div>
|
||||
</div>
|
||||
<!--user tab (end)-->
|
||||
</div>
|
||||
<!-- account detail panel (end) -->
|
||||
|
||||
<!-- user tab template (begin) -->
|
||||
<div class="grid_container" id="user_tab_template" style="display: none">
|
||||
<div class="grid_header">
|
||||
<div class="grid_header_title" id="grid_header_title">
|
||||
</div>
|
||||
<div class="grid_actionbox" id="user_action_link">
|
||||
<div class="grid_actionsdropdown_box" id="user_action_menu" style="display: none;">
|
||||
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gridheader_loaderbox" id="spinning_wheel" style="display: none; height: 18px;">
|
||||
<div class="gridheader_loader" id="icon">
|
||||
</div>
|
||||
<p id="description">
|
||||
Waiting …
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_rows" id="after_action_info_container" style="display:none">
|
||||
<div class="grid_row_cell" style="width: 90%; border: none;">
|
||||
<div class="row_celltitles">
|
||||
<strong id="after_action_info">Message will appear here</strong></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
ID:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="id">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
User Name:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="username">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
Account:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="account">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
Role:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="role">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
Domain:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="domain">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
Email:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="email">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
First Name:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="firstname">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
Last Name:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="lastname">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
Timezone:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="timezone">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- user tab template (end) -->
|
||||
|
||||
<!-- dialogs (begin) -->
|
||||
<div id="dialog_resource_limits" title="Resource Limits" style="display:none">
|
||||
<p>
|
||||
<%=t.t("please.specify.limits.to.the.various.resources.-1.means.the.resource.has.no.limits")%>
|
||||
|
|
@ -335,6 +470,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- Add User Dialog (end)-->
|
||||
<!-- dialogs (end) -->
|
||||
|
||||
<!-- advanced search template (begin) -->
|
||||
<div id="advanced_search_template" class="adv_searchpopup" style="display: none;">
|
||||
|
|
|
|||
|
|
@ -174,10 +174,10 @@
|
|||
Domain:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="domain">
|
||||
<div class="row_celltitles" id="domain">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -49,11 +49,82 @@ function afterLoadAccountJSP() {
|
|||
initDialog("dialog_lock_account");
|
||||
initDialog("dialog_enable_account");
|
||||
|
||||
// switch between different tabs
|
||||
var tabArray = [$("#tab_details"), $("#tab_user")];
|
||||
var tabContentArray = [$("#tab_content_details"), $("#tab_content_user")];
|
||||
var afterSwitchFnArray = [accountJsonToDetailsTab, accountJsonToUserTab];
|
||||
switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray);
|
||||
|
||||
initTimezonesObj();
|
||||
|
||||
if(isAdmin()) {
|
||||
initAddUserDialog();
|
||||
}
|
||||
}
|
||||
|
||||
function initTimezonesObj() {
|
||||
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';
|
||||
}
|
||||
|
||||
function initAddUserDialog() {
|
||||
//dialogs
|
||||
initDialog("dialog_add_user", 450);
|
||||
|
|
@ -231,6 +302,76 @@ function accountJsonToDetailsTab() {
|
|||
}
|
||||
}
|
||||
|
||||
function accountJsonToUserTab() {
|
||||
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
||||
if($midmenuItem1 == null)
|
||||
return;
|
||||
|
||||
var jsonObj = $midmenuItem1.data("jsonObj");
|
||||
if(jsonObj == null)
|
||||
return;
|
||||
|
||||
var $thisTab = $("#right_panel_content").find("#tab_content_user");
|
||||
$thisTab.find("#tab_container").hide();
|
||||
$thisTab.find("#tab_spinning_wheel").show();
|
||||
|
||||
$.ajax({
|
||||
cache: false,
|
||||
data: createURL("command=listUsers&domainid="+fromdb(jsonObj.id)+"&account="+fromdb(jsonObj.name)),
|
||||
dataType: "json",
|
||||
success: function(json) {
|
||||
var items = json.listusersresponse.user;
|
||||
if (items != null && items.length > 0) {
|
||||
var $container = $thisTab.find("#tab_container").empty();
|
||||
var $template = $("#user_tab_template");
|
||||
for (var i = 0; i < items.length; i++) {
|
||||
var $newTemplate = $template.clone(true);
|
||||
accountUserJSONToTemplate(items[i], $newTemplate);
|
||||
$container.append($newTemplate.show());
|
||||
}
|
||||
}
|
||||
$thisTab.find("#tab_spinning_wheel").hide();
|
||||
$thisTab.find("#tab_container").show();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function accountUserJSONToTemplate(jsonObj, $template) {
|
||||
$template.data("jsonObj", jsonObj);
|
||||
$template.attr("id", "account_user_"+fromdb(jsonObj.id)).data("accountUserId", fromdb(jsonObj.id));
|
||||
$template.find("#grid_header_title").text(fromdb(jsonObj.username));
|
||||
$template.find("#id").text(fromdb(jsonObj.id));
|
||||
$template.find("#username").text(fromdb(jsonObj.username));
|
||||
$template.find("#account").text(fromdb(jsonObj.account));
|
||||
$template.find("#role").text(toRole(fromdb(jsonObj.accounttype)));
|
||||
|
||||
$template.find("#domain").text(fromdb(jsonObj.domain));
|
||||
$template.find("#email").text(fromdb(jsonObj.email));
|
||||
$template.find("#firstname").text(fromdb(jsonObj.firstname));
|
||||
$template.find("#lastname").text(fromdb(jsonObj.lastname));
|
||||
$template.find("#timezone").text(timezones[fromdb(jsonObj.timezone)]);
|
||||
$template.data("timezone", jsonObj.timezone);
|
||||
|
||||
var $actionLink = $template.find("#user_action_link");
|
||||
$actionLink.bind("mouseover", function(event) {
|
||||
$(this).find("#user_action_menu").show();
|
||||
return false;
|
||||
});
|
||||
$actionLink.bind("mouseout", function(event) {
|
||||
$(this).find("#user_action_menu").hide();
|
||||
return false;
|
||||
});
|
||||
|
||||
/*
|
||||
var $actionMenu = $actionLink.find("#user_action_menu");
|
||||
$actionMenu.find("#action_list").empty();
|
||||
buildActionLinkForSubgridItem("xxxxxxx", accountUserActionMap, $actionMenu, $template);
|
||||
|
||||
if(jsonObj.id==systemUserId || jsonObj.id==adminUserId)
|
||||
template.find("#delete_link").hide();
|
||||
*/
|
||||
}
|
||||
|
||||
var accountActionMap = {
|
||||
"Resource limits": {
|
||||
dialogBeforeActionFn : doResourceLimitsForAccount
|
||||
|
|
|
|||
Loading…
Reference in New Issue