new UI - add grid header on details tab and resource tab.

This commit is contained in:
Jessica Wang 2010-11-04 11:27:59 -07:00
parent 5a173ad363
commit 01154ebf0f
2 changed files with 44 additions and 5 deletions

View File

@ -40,6 +40,25 @@
</div> </div>
</div> </div>
<div class="grid_container" id="domain_grid_container"> <div class="grid_container" id="domain_grid_container">
<div class="grid_header">
<div id="grid_header_title" class="grid_header_title">(title)</div>
<div id="action_link" class="grid_actionbox" id="account_action_link" style="display: none;">
<div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<li><%=t.t("no.available.actions")%></li>
</ul>
</div>
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="Div1">
</div>
<p id="description">
Waiting &hellip;</p>
</div>
</div>
<div class="grid_rows odd"> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles"> <div class="row_celltitles">
@ -125,6 +144,25 @@
</div> </div>
</div> </div>
<div class="grid_container"> <div class="grid_container">
<div class="grid_header">
<div id="grid_header_title" class="grid_header_title"></div>
<div id="action_link" class="grid_actionbox" id="account_action_link">
<div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<li><%=t.t("no.available.actions")%></li>
</ul>
</div>
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="Div1">
</div>
<p id="description">
Waiting &hellip;</p>
</div>
</div>
<div class="grid_rows even"> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles"> <div class="row_celltitles">
@ -198,7 +236,7 @@
<!-- admin account tab template (begin) --> <!-- admin account tab template (begin) -->
<div class="grid_container" id="admin_account_tab_template" style="display: none"> <div class="grid_container" id="admin_account_tab_template" style="display: none">
<div class="grid_header"> <div class="grid_header">
<div class="grid_header_title" id="title"> <div class="grid_header_title" id="grid_header_title">
</div> </div>
</div> </div>

View File

@ -118,7 +118,7 @@ function clickExpandIcon(domainId) {
function domainAccountJSONToTemplate(jsonObj, $template) { function domainAccountJSONToTemplate(jsonObj, $template) {
$template.data("jsonObj", jsonObj); $template.data("jsonObj", jsonObj);
$template.find("#title").text(fromdb(jsonObj.name)); $template.find("#grid_header_title").text(fromdb(jsonObj.name));
$template.find("#id").text(jsonObj.id); $template.find("#id").text(jsonObj.id);
$template.find("#role").text(toRole(jsonObj.accounttype)); $template.find("#role").text(toRole(jsonObj.accounttype));
$template.find("#account").text(fromdb(jsonObj.name)); $template.find("#account").text(fromdb(jsonObj.name));
@ -157,7 +157,8 @@ function domainToRightPanel2(jsonObj) {
$detailsTab.data("jsonObj", jsonObj); $detailsTab.data("jsonObj", jsonObj);
var domainId = jsonObj.id; var domainId = jsonObj.id;
$detailsTab.find("#id").text(domainId); $detailsTab.find("#id").text(domainId);
$detailsTab.find("#name").text(jsonObj.name); $detailsTab.find("#grid_header_title").text(fromdb(jsonObj.name));
$detailsTab.find("#name").text(fromdb(jsonObj.name));
$.ajax({ $.ajax({
cache: false, cache: false,