apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-11-04 00:02:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

new UI - add JSP file, javascript file for Domain page.

Browse Source
This commit is contained in:
Jessica Wang 2010-09-28 16:04:14 -07:00
parent f08ef8c6d4
commit b680637366
5 changed files with 137 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/new/index.jsp
View File

@ -58,6 +58,8 @@ long milliseconds = new Date().getTime();
<script type="text/javascript" src="scripts/cloud.core2.dashboard.js?t=<%=milliseconds%>"></script>
<script type="text/javascript" src="scripts/cloud.core2.domain.js?t=<%=milliseconds%>"></script>
<title>Cloud.com CloudStack</title>
</head>
<body>

109
ui/new/jsp/domain.jsp Normal file
View File

@ -0,0 +1,109 @@
<%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %>
<%
Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%>
<!-- event detail panel (begin) -->
<div class="main_title" id="right_panel_header">
<div class="main_titleicon">
<img src="images/title_eventsicon.gif" alt="Event" /></div>
<h1>Domain
</h1>
</div>
<div class="contentbox" id="right_panel_content">
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none">
<p id="after_action_info"></p>
</div>
<div class="tabbox" style="margin-top:15px;">
<div class="content_tabs on">
<%=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">
<%=t.t("Initiated.By")%>:</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">
<%=t.t("Owner.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">
<%=t.t("Type")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="type">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("Level")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="level">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("Description")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="description">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("State")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="state">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("Date")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="created">
</div>
</div>
</div>
</div>
</div>
<!-- event detail panel (end) -->

3
ui/new/scripts/cloud.core2.domain.js Normal file
View File

@ -0,0 +1,3 @@
function afterLoadDomainJSP() {
}

19
ui/new/scripts/cloud.core2.init.js
View File

@ -25,7 +25,7 @@ $(document).ready(function() {
$(this).addClass("selected");
showMiddleMenu();
$("#midmenu_container").selectable("destroy" ); //Most pages don't need multiple selection in middle menu.
$("#midmenu_container").selectable("destroy"); //Most pages don't need multiple selection in middle menu.
clearLeftMenu();
clearMiddleMenu();
@ -102,6 +102,23 @@ $(document).ready(function() {
return false;
});
$("#leftmenu_domain").bind("click", function(event) {
if(selected_leftmenu_id != null && selected_leftmenu_id.length > 0)
$("#"+selected_leftmenu_id).removeClass("selected");
selected_leftmenu_id = "leftmenu_domain";
$(this).addClass("selected");
showMiddleMenuWithoutSearch();
$("#midmenu_container").selectable("destroy"); //Most pages don't need multiple selection in middle menu.
clearLeftMenu();
clearMiddleMenu();
$("#right_panel").load("jsp/domain.jsp", function(){
afterLoadDomainJSP();
});
return false;
});

6
ui/new/scripts/cloud.core2.js
View File

@ -591,7 +591,11 @@ function showMiddleMenu() {
$("#middle_menu, #search_panel, #middle_menu_pagination").show();
$("#right_panel").removeClass("main_contentarea_dashboard").addClass("main_contentarea");
}
function showMiddleMenuWithoutSearch() {
$("#middle_menu").show();
$("#search_panel, #middle_menu_pagination").hide();
$("#right_panel").removeClass("main_contentarea_dashboard").addClass("main_contentarea");
}
// adding middle menu item ***
function beforeAddingMidMenuItem() {