new UI - resources page - cluster page - implement details tab.

This commit is contained in:
Jessica Wang 2010-10-14 17:12:20 -07:00
parent 58b727e386
commit 931059435c
2 changed files with 62 additions and 2 deletions

View File

@ -255,7 +255,56 @@
<!-- Details tab (end)-->
</div>
<div id="cluster_page" style="display:none">
Cluster Page
<div class="tabbox" style="margin-top: 15px;">
<div class="content_tabs on" id="tab_details">
<%=t.t("details")%></div>
</div>
<!-- Details tab (start)-->
<div id="tab_content_details">
<div class="grid_container">
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("ID")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="id">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("name")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="name">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("zone")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="zonename">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("pod")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="podname">
</div>
</div>
</div>
</div>
</div>
<!-- Details tab (end)-->
</div>
<div id="host_page" style="display:none">
Host page

View File

@ -230,7 +230,7 @@ function afterLoadResourceJSP() {
target.parent().parent().parent().addClass("selected");
showPage($clusterPage);
var jsonObj = target.data("jsonObj");
//clusterObjectToRightPanel(jsonObj);
clusterJsonToDetailsTab(jsonObj);
break;
@ -334,6 +334,17 @@ function afterLoadResourceJSP() {
}
//***** pod page (end) ********************************************************************************************************
//***** cluster page (bgein) **************************************************************************************************
function clusterJsonToDetailsTab(jsonObj) {
var $detailsTab = $clusterPage.find("#tab_content_details");
$detailsTab.data("jsonObj", jsonObj);
$detailsTab.find("#id").text(fromdb(jsonObj.id));
$detailsTab.find("#name").text(fromdb(jsonObj.name));
$detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
$detailsTab.find("#podname").text(fromdb(jsonObj.podname));
}
//***** cluster page (end) ****************************************************************************************************
//***** systemVM page (begin) *************************************************************************************************
function systemvmJsonToDetailsTab(jsonObj) {
var $detailsTab = $systemvmPage.find("#tab_content_details");