etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

new UI - implement alert detail panel.

This commit is contained in:
Jessica Wang 2010-09-03 18:24:43 -07:00
parent 02830a4f2c
commit c050d0717b
5 changed files with 70 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

@ -33,6 +33,8 @@
<script type="text/javascript" src="scripts/cloud.core.instance.js"></script>
<script type="text/javascript" src="scripts/cloud.core.event.js"></script>
<script type="text/javascript" src="scripts/cloud.core.alert.js"></script>
<script type="text/javascript" src="scripts/cloud.core.account.js"></script>

56
ui/new/jsp/tab_alert.jsp Normal file
View File

@ -0,0 +1,56 @@
<!--
<script type="text/javascript" src="scripts/cloud.core.event.js"></script>
-->
<%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %>
<%
Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%>
<!-- alert detail panel (begin) -->
<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("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("Description")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="description">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("Sent")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="sent">
</div>
</div>
</div>
</div>
</div>
<!-- alert detail panel (end) -->

2
ui/new/jsp/tab_event.jsp
View File

@ -93,4 +93,4 @@
</div>
</div>
</div>
<!-- VM detail panel (end) -->
<!-- event detail panel (end) -->

10
ui/new/scripts/cloud.core.alert.js Normal file
View File

@ -0,0 +1,10 @@
function loadAlertToRigntPanelFn($rightPanelContent) {
var jsonObj = $rightPanelContent.data("jsonObj");
var $rightPanelContent = $("#right_panel_content");
$rightPanelContent.find("#type").text(jsonObj.type);
$rightPanelContent.find("#description").text(jsonObj.description);
setDateField(jsonObj.sent, $rightPanelContent.find("#sent"));
}

2
ui/new/scripts/cloud.core.init.js
View File

@ -91,7 +91,7 @@ $(document).ready(function() {
});
}
listMidMenuItems("leftmenu_event", "listEvents", "listeventsresponse", "event", "description", "jsp/tab_event.jsp", loadEventToRigntPanelFn);
//listMidMenuItems("leftmenu_alert", "listAlerts", "listalertsresponse", "alert", "description", loadAlertToRightPanel);
listMidMenuItems("leftmenu_alert", "listAlerts", "listalertsresponse", "alert", "description", "jsp/tab_alert.jsp", loadAlertToRigntPanelFn);
listMidMenuItems("leftmenu_account", "listAccounts", "listaccountsresponse", "account", "name", "jsp/tab_account.jsp", loadAccountToRigntPanelFn);
listMidMenuItems("leftmenu_volume", "listVolumes", "listvolumesresponse", "volume", "name", "jsp/tab_volume.jsp", loadVolumeToRigntPanelFn);