apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

new UI - template page - populate data to middle menu and right panel when left menu is clicked.

Browse Source
This commit is contained in:
Jessica Wang 2010-09-13 16:20:44 -07:00
parent 5642eb2837
commit ddb5321a27
5 changed files with 50 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/new/jsp/event.jsp
View File

@ -29,6 +29,16 @@
<%=t.t("Details")%></div>
</div>
<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 odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">

26
ui/new/jsp/template.jsp
View File

@ -35,7 +35,7 @@
<%=t.t("ID")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="id">
</div>
</div>
</div>
@ -45,7 +45,7 @@
<%=t.t("Zone")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="zonename">
</div>
</div>
</div>
@ -55,7 +55,7 @@
<%=t.t("Name")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="name">
</div>
</div>
</div>
@ -65,7 +65,7 @@
<%=t.t("Display.Text")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="displaytext">
</div>
</div>
</div>
@ -75,7 +75,7 @@
<%=t.t("Status")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="status">
</div>
</div>
</div>
@ -85,7 +85,7 @@
<%=t.t("Password.Enabled")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="passwordenabled">
</div>
</div>
</div>
@ -95,7 +95,7 @@
<%=t.t("Public")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="ispublic">
</div>
</div>
</div>
@ -105,7 +105,7 @@
<%=t.t("Featured")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="isfeatured">
</div>
</div>
</div>
@ -115,7 +115,7 @@
<%=t.t("Cross.Zones")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="crossZones">
</div>
</div>
</div>
@ -125,7 +125,7 @@
<%=t.t("OS.Type")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="ostypename">
</div>
</div>
</div>
@ -135,7 +135,7 @@
<%=t.t("Account")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="account">
</div>
</div>
</div>
@ -145,7 +145,7 @@
<%=t.t("Created")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="created">
</div>
</div>
</div>
@ -155,7 +155,7 @@
<%=t.t("Size")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="username">
<div class="row_celltitles" id="size">
</div>
</div>
</div>

1
ui/new/scripts/cloud.core2.account.js
View File

@ -23,6 +23,7 @@ function accountToRigntPanel($midmenuItem) {
var jsonObj = $midmenuItem.data("jsonObj");
var $rightPanelContent = $("#right_panel_content");
$rightPanelContent.find("#id").text(jsonObj.id);
$rightPanelContent.find("#role").text(toRole(jsonObj.accounttype));
$rightPanelContent.find("#account").text(fromdb(jsonObj.name));
$rightPanelContent.find("#domain").text(fromdb(jsonObj.domain));

1
ui/new/scripts/cloud.core2.event.js
View File

@ -23,6 +23,7 @@ function eventToRigntPanel($midmenuItem) {
var jsonObj = $midmenuItem.data("jsonObj");
var $rightPanelContent = $("#right_panel_content");
$rightPanelContent.find("#id").text(fromdb(jsonObj.id));
$rightPanelContent.find("#username").text(fromdb(jsonObj.username));
$rightPanelContent.find("#account").text(fromdb(jsonObj.account));
$rightPanelContent.find("#type").text(jsonObj.type);

37
ui/new/scripts/cloud.core2.template.js
View File

@ -14,24 +14,37 @@ function templateToMidmenu(jsonObj, $midmenuItem1, toRightPanelFn) {
iconContainer.find("#icon").attr("src", "images/midmenuicon_events_error.png");
else if(jsonObj.level == "WARN")
iconContainer.find("#icon").attr("src", "images/midmenuicon_events_warning.png");
*/
$midmenuItem1.find("#first_row").text(jsonObj.description.substring(0,25));
$midmenuItem1.find("#second_row").text(jsonObj.type.substring(0,25));
$midmenuItem1.find("#first_row").text(jsonObj.name.substring(0,25));
$midmenuItem1.find("#second_row").text(jsonObj.zonename.substring(0,25));
$midmenuItem1.data("toRightPanelFn", toRightPanelFn);
*/
}
function templateToRigntPanel($midmenuItem) {
/*
function templateToRigntPanel($midmenuItem) {
var jsonObj = $midmenuItem.data("jsonObj");
var $rightPanelContent = $("#right_panel_content");
$rightPanelContent.find("#username").text(fromdb(jsonObj.username));
$rightPanelContent.find("#id").text(fromdb(jsonObj.id));
$rightPanelContent.find("#zonename").text(fromdb(jsonObj.zonename));
$rightPanelContent.find("#name").text(fromdb(jsonObj.name));
$rightPanelContent.find("#displaytext").text(fromdb(jsonObj.displaytext));
var status = "Ready";
if (jsonObj.isready == "false")
status = jsonObj.templatestatus;
$rightPanelContent.find("#status").text(status);
$rightPanelContent.find("#passwordenabled").text(fromdb(jsonObj.passwordenabled));
$rightPanelContent.find("#ispublic").text(fromdb(jsonObj.ispublic));
$rightPanelContent.find("#isfeatured").text(fromdb(jsonObj.isfeatured));
$rightPanelContent.find("#crossZones").text(fromdb(jsonObj.crossZones));
$rightPanelContent.find("#ostypename").text(fromdb(jsonObj.ostypename));
$rightPanelContent.find("#account").text(fromdb(jsonObj.account));
$rightPanelContent.find("#type").text(jsonObj.type);
$rightPanelContent.find("#level").text(jsonObj.level);
$rightPanelContent.find("#description").text(fromdb(jsonObj.description));
$rightPanelContent.find("#state").text(jsonObj.state);
setDateField(jsonObj.created, $rightPanelContent.find("#created"));
*/
if(jsonObj.size != null)
$rightPanelContent.find("#size").text(convertBytes(parseInt(jsonObj.size)));
setDateField(jsonObj.created, $rightPanelContent.find("#created"));
}