new UI - resources page - implement pod details tab.

This commit is contained in:
Jessica Wang 2010-10-13 14:39:27 -07:00
parent 8a413180fe
commit 9fbc8fd112
3 changed files with 83 additions and 5 deletions

View File

@ -70,6 +70,9 @@ internaldns1 = Internal DNS 1
internaldns2 = Internal DNS 2
vlan = VLAN
guestcidraddress = Guest CIDR
private.cidr = Private CIDR
private.ip.range = Private IP Range
gateway = Gateway
disk.offering = Disk Offering
copy.ISO.to = Copy ISO to

View File

@ -192,8 +192,68 @@
</div>
<!-- Secondary Storage tab (end)-->
</div>
<div id="pod_page" style="display:none">
Pod Page
<div id="pod_page" style="display:none">
<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 even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("private.cidr")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="cidr">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("private.ip.range")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="ipRange">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("gateway")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="gateway">
</div>
</div>
</div>
</div>
</div>
<!-- Details tab (end)-->
</div>
<div id="cluster_page" style="display:none">
Cluster Page

View File

@ -231,8 +231,8 @@ function afterLoadResourceJSP() {
$zoneetree1.find(".selected").removeClass("selected");
target.parent().parent().parent().addClass("selected");
showPage($podPage);
//var obj = {"id": target.data("id"), "zoneid": target.data("zoneid"), "name": target.data("name"), "cidr": target.data("cidr"), "startip": target.data("startip"), "endip": target.data("endip"), "ipRange": target.data("ipRange"), "gateway": target.data("gateway")};
//podObjectToRightPanel(obj);
var obj = {"id": target.data("id"), "zoneid": target.data("zoneid"), "name": target.data("name"), "cidr": target.data("cidr"), "startip": target.data("startip"), "endip": target.data("endip"), "ipRange": target.data("ipRange"), "gateway": target.data("gateway")};
podJsonToDetailsTab(obj);
break;
@ -314,7 +314,7 @@ function afterLoadResourceJSP() {
ipRange = startip;
}
if (endip != null && endip.length > 0) {
ipRange = ipRange + "-" + endip;
ipRange = ipRange + " - " + endip;
}
return ipRange;
}
@ -339,5 +339,20 @@ function afterLoadResourceJSP() {
$detailsTab.find("#guestcidraddress").text(fromdb(jsonObj.guestcidraddress));
}
//***** zone page (end) *******************************************************************************************************
//***** pod page (begin) ******************************************************************************************************
function podJsonToDetailsTab(jsonObj) {
var $detailsTab = $podPage.find("#tab_content_details");
$detailsTab.data("jsonObj", jsonObj);
$detailsTab.find("#id").text(fromdb(jsonObj.id));
$detailsTab.find("#name").text(fromdb(jsonObj.name));
$detailsTab.find("#cidr").text(fromdb(jsonObj.cidr));
$detailsTab.find("#ipRange").text(fromdb(jsonObj.ipRange));
$detailsTab.find("#gateway").text(fromdb(jsonObj.gateway));
//if (getDirectAttachUntaggedEnabled() == "true")
// $("#submenu_content_zones #action_add_directip_vlan").data("type", "pod").data("id", obj.id).data("name", obj.name).data("zoneid", obj.zoneid).show();
}
//***** pod page (end) ********************************************************************************************************
}