mirror of
https://github.com/apache/cloudstack.git
synced 2025-11-02 20:02:29 +01:00
new UI - dashboard page - populate zone field and pod field.
This commit is contained in:
Jessica Wang
parent
fc6a551ac7
commit
9163ffea67
@ -55,6 +55,8 @@ long milliseconds = new Date().getTime();
|
|||||||
<script type="text/javascript" src="scripts/cloud.core2.iso.js?t=<%=milliseconds%>"></script>
|
<script type="text/javascript" src="scripts/cloud.core2.iso.js?t=<%=milliseconds%>"></script>
|
||||||
|
|
||||||
<script type="text/javascript" src="scripts/cloud.core2.router.js?t=<%=milliseconds%>"></script>
|
<script type="text/javascript" src="scripts/cloud.core2.router.js?t=<%=milliseconds%>"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="scripts/cloud.core2.dashboard.js?t=<%=milliseconds%>"></script>
|
||||||
|
|
||||||
<title>Cloud.com CloudStack</title>
|
<title>Cloud.com CloudStack</title>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
@ -1,337 +1,376 @@
|
|||||||
<%@ page import="java.util.*" %>
|
<%@ page import="java.util.*" %>
|
||||||
<%@ page import="com.cloud.utils.*" %>
|
|
||||||
|
<%@ page import="com.cloud.utils.*" %>
|
||||||
<%
|
|
||||||
Locale browserLocale = request.getLocale();
|
<%
|
||||||
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
|
Locale browserLocale = request.getLocale();
|
||||||
%>
|
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
|
||||||
|
%>
|
||||||
<!-- event detail panel (begin) -->
|
<!-- event detail panel (begin) -->
|
||||||
<div class="main_title" id="right_panel_header">
|
<div class="main_title" id="right_panel_header">
|
||||||
|
<div class="main_titleicon">
|
||||||
<div class="main_titleicon">
|
<img src="images/title_dashboardicon.gif" alt="Event" /></div>
|
||||||
<img src="images/title_dashboardicon.gif" alt="Event" /></div>
|
<h1>
|
||||||
|
Dashboard
|
||||||
<h1>Dashboard
|
</h1>
|
||||||
</h1>
|
</div>
|
||||||
</div>
|
<!--Dashboard-->
|
||||||
|
<div class="contentbox" id="right_panel_content">
|
||||||
<!--Dashboard-->
|
<div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
|
||||||
<div class="contentbox" id="right_panel_content">
|
<p id="after_action_info">
|
||||||
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none">
|
</p>
|
||||||
<p id="after_action_info"></p>
|
</div>
|
||||||
</div>
|
<div class="grid_container">
|
||||||
|
<div class="grid_header">
|
||||||
<div class="grid_container">
|
<div class="grid_header_cell" style="width: 60%; border: none;">
|
||||||
<div class="grid_header">
|
<div class="grid_header_title">
|
||||||
<div class="grid_header_cell" style="width:60%; border:none;">
|
System Wide Capacity</div>
|
||||||
<div class="grid_header_title">System Wide Capacity</div>
|
</div>
|
||||||
</div>
|
<div class="grid_header_cell" style="width: 40%; border: none;">
|
||||||
<div class="grid_header_cell" style="width:40%; border:none;">
|
<div class="grid_header_formbox">
|
||||||
<div class="grid_header_formbox">
|
<select id="capacity_zone_select" class="select" style="width: 70px;">
|
||||||
<select class="select" style="width:70px; "><option value="opt1">Op1</option> <option value="opt2">Op2</option></select>
|
</select>
|
||||||
<select class="select" style="width:70px;"><option value="opt1">All</option> <option value="opt2">Op2</option></select>
|
<select id="capacity_pod_select" class="select" style="width: 70px;">
|
||||||
</div>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dbrow even">
|
</div>
|
||||||
<div class="dbrow_cell" style="width:29%;">
|
<div class="dbrow even">
|
||||||
<div class="dbgraph_titlebox">
|
<div class="dbrow_cell" style="width: 29%;">
|
||||||
<h2>Public IP Addresses</h2>
|
<div class="dbgraph_titlebox">
|
||||||
<div class="dbgraph_title_usedbox">
|
<h2>
|
||||||
<p>Used: <span> 2 / 11 </span></p>
|
Public IP Addresses</h2>
|
||||||
</div>
|
<div class="dbgraph_title_usedbox">
|
||||||
</div>
|
<p>
|
||||||
</div>
|
Used: <span>2 / 11 </span>
|
||||||
<div class="dbrow_cell" style="width:58%; border:none;">
|
</p>
|
||||||
<div class="db_barbox low" style="width:18%;"></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dbrow_cell" style="width:12%; border:none;">
|
</div>
|
||||||
<div class="db_totaltitle">18.2 %</div>
|
<div class="dbrow_cell" style="width: 58%; border: none;">
|
||||||
</div>
|
<div class="db_barbox low" style="width: 18%;">
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="dbrow odd">
|
<div class="dbrow_cell" style="width: 12%; border: none;">
|
||||||
<div class="dbrow_cell" style="width:29%;">
|
<div class="db_totaltitle">
|
||||||
<div class="dbgraph_titlebox">
|
18.2 %</div>
|
||||||
<h2>Private IP Addresses</h2>
|
</div>
|
||||||
<div class="dbgraph_title_usedbox">
|
</div>
|
||||||
<p>Used: <span> 2 / 10 </span></p>
|
<div class="dbrow odd">
|
||||||
</div>
|
<div class="dbrow_cell" style="width: 29%;">
|
||||||
</div>
|
<div class="dbgraph_titlebox">
|
||||||
</div>
|
<h2>
|
||||||
<div class="dbrow_cell" style="width:58%; border:none;">
|
Private IP Addresses</h2>
|
||||||
<div class="db_barbox low" style="width:20%;"></div>
|
<div class="dbgraph_title_usedbox">
|
||||||
</div>
|
<p>
|
||||||
<div class="dbrow_cell" style="width:12%; border:none;">
|
Used: <span>2 / 10 </span>
|
||||||
<div class="db_totaltitle">20 %</div>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="dbrow even">
|
<div class="dbrow_cell" style="width: 58%; border: none;">
|
||||||
<div class="dbrow_cell" style="width:29%;">
|
<div class="db_barbox low" style="width: 20%;">
|
||||||
<div class="dbgraph_titlebox">
|
</div>
|
||||||
<h2>Memory Allocated</h2>
|
</div>
|
||||||
<div class="dbgraph_title_usedbox">
|
<div class="dbrow_cell" style="width: 12%; border: none;">
|
||||||
<p>Used: <span> 2.12 GB / 3.22 GB </span></p>
|
<div class="db_totaltitle">
|
||||||
</div>
|
20 %</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dbrow_cell" style="width:58%; border:none;">
|
<div class="dbrow even">
|
||||||
<div class="db_barbox mid" style="width:66%;"></div>
|
<div class="dbrow_cell" style="width: 29%;">
|
||||||
</div>
|
<div class="dbgraph_titlebox">
|
||||||
<div class="dbrow_cell" style="width:12%; border:none;">
|
<h2>
|
||||||
<div class="db_totaltitle">65.8 %</div>
|
Memory Allocated</h2>
|
||||||
</div>
|
<div class="dbgraph_title_usedbox">
|
||||||
</div>
|
<p>
|
||||||
|
Used: <span>2.12 GB / 3.22 GB </span>
|
||||||
<div class="dbrow odd">
|
</p>
|
||||||
<div class="dbrow_cell" style="width:29%;">
|
</div>
|
||||||
<div class="dbgraph_titlebox">
|
</div>
|
||||||
<h2>CPU</h2>
|
</div>
|
||||||
<div class="dbgraph_title_usedbox">
|
<div class="dbrow_cell" style="width: 58%; border: none;">
|
||||||
<p>Used: <span> 8 MHZ / 9.60 MHZ </span></p>
|
<div class="db_barbox mid" style="width: 66%;">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="dbrow_cell" style="width: 12%; border: none;">
|
||||||
<div class="dbrow_cell" style="width:58%; border:none;">
|
<div class="db_totaltitle">
|
||||||
<div class="db_barbox high" style="width:83%;"></div>
|
65.8 %</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dbrow_cell" style="width:12%; border:none;">
|
</div>
|
||||||
<div class="db_totaltitle">83.3 %</div>
|
<div class="dbrow odd">
|
||||||
</div>
|
<div class="dbrow_cell" style="width: 29%;">
|
||||||
</div>
|
<div class="dbgraph_titlebox">
|
||||||
|
<h2>
|
||||||
<div class="dbrow even">
|
CPU</h2>
|
||||||
<div class="dbrow_cell" style="width:29%;">
|
<div class="dbgraph_title_usedbox">
|
||||||
<div class="dbgraph_titlebox">
|
<p>
|
||||||
<h2>Primary Storage Allocated</h2>
|
Used: <span>8 MHZ / 9.60 MHZ </span>
|
||||||
<div class="dbgraph_title_usedbox">
|
</p>
|
||||||
<p>Used: <span> Used: 4.00 GB / 3.50 TB </span></p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="dbrow_cell" style="width: 58%; border: none;">
|
||||||
<div class="dbrow_cell" style="width:58%; border:none;">
|
<div class="db_barbox high" style="width: 83%;">
|
||||||
<div class="db_barbox low" style="width:15%;"></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dbrow_cell" style="width:12%; border:none;">
|
<div class="dbrow_cell" style="width: 12%; border: none;">
|
||||||
<div class="db_totaltitle">15.2 %</div>
|
<div class="db_totaltitle">
|
||||||
</div>
|
83.3 %</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="dbrow odd">
|
<div class="dbrow even">
|
||||||
<div class="dbrow_cell" style="width:29%;">
|
<div class="dbrow_cell" style="width: 29%;">
|
||||||
<div class="dbgraph_titlebox">
|
<div class="dbgraph_titlebox">
|
||||||
<h2>Primary Storage Used</h2>
|
<h2>
|
||||||
<div class="dbgraph_title_usedbox">
|
Primary Storage Allocated</h2>
|
||||||
<p>Used: <span> 999.17 GB / 1.75 TB </span></p>
|
<div class="dbgraph_title_usedbox">
|
||||||
</div>
|
<p>
|
||||||
</div>
|
Used: <span>Used: 4.00 GB / 3.50 TB </span>
|
||||||
</div>
|
</p>
|
||||||
<div class="dbrow_cell" style="width:58%; border:none;">
|
</div>
|
||||||
<div class="db_barbox low" style="width:40%;"></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dbrow_cell" style="width:12%; border:none;">
|
<div class="dbrow_cell" style="width: 58%; border: none;">
|
||||||
<div class="db_totaltitle">40.12 %</div>
|
<div class="db_barbox low" style="width: 15%;">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="dbrow_cell" style="width: 12%; border: none;">
|
||||||
<div class="dbrow even">
|
<div class="db_totaltitle">
|
||||||
<div class="dbrow_cell" style="width:29%;">
|
15.2 %</div>
|
||||||
<div class="dbgraph_titlebox">
|
</div>
|
||||||
<h2>Secondary Storage Used</h2>
|
</div>
|
||||||
<div class="dbgraph_title_usedbox">
|
<div class="dbrow odd">
|
||||||
<p>Used: <span> 599.17 GB / 1.75 TB </span></p>
|
<div class="dbrow_cell" style="width: 29%;">
|
||||||
</div>
|
<div class="dbgraph_titlebox">
|
||||||
</div>
|
<h2>
|
||||||
</div>
|
Primary Storage Used</h2>
|
||||||
<div class="dbrow_cell" style="width:58%; border:none;">
|
<div class="dbgraph_title_usedbox">
|
||||||
<div class="db_barbox low" style="width:20%;"></div>
|
<p>
|
||||||
</div>
|
Used: <span>999.17 GB / 1.75 TB </span>
|
||||||
<div class="dbrow_cell" style="width:12%; border:none;">
|
</p>
|
||||||
<div class="db_totaltitle">20.12 %</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="dbrow_cell" style="width: 58%; border: none;">
|
||||||
</div>
|
<div class="db_barbox low" style="width: 40%;">
|
||||||
|
</div>
|
||||||
<!--General Alerts-->
|
</div>
|
||||||
<div class="grid_container" style="width:49%; margin-top:15px;">
|
<div class="dbrow_cell" style="width: 12%; border: none;">
|
||||||
<div class="grid_header">
|
<div class="db_totaltitle">
|
||||||
<div class="grid_header_cell" style="width:60%; border:none;">
|
40.12 %</div>
|
||||||
<div class="grid_header_title">General Alerts</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_header_cell" style="width:40%; border:none;">
|
<div class="dbrow even">
|
||||||
<div class="grid_header_formbox">
|
<div class="dbrow_cell" style="width: 29%;">
|
||||||
<div class="gridheader_morebutt"></div>
|
<div class="dbgraph_titlebox">
|
||||||
</div>
|
<h2>
|
||||||
</div>
|
Secondary Storage Used</h2>
|
||||||
</div>
|
<div class="dbgraph_title_usedbox">
|
||||||
<div class="grid_rows even">
|
<p>
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
Used: <span>599.17 GB / 1.75 TB </span>
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
</div>
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
<div class="dbrow_cell" style="width: 58%; border: none;">
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
<div class="db_barbox low" style="width: 20%;">
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
<div class="dbrow_cell" style="width: 12%; border: none;">
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
<div class="db_totaltitle">
|
||||||
</div>
|
20.12 %</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
<!--General Alerts-->
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
<div class="grid_container" style="width: 49%; margin-top: 15px;">
|
||||||
</div>
|
<div class="grid_header">
|
||||||
|
<div class="grid_header_cell" style="width: 60%; border: none;">
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
<div class="grid_header_title">
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
General Alerts</div>
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
</div>
|
||||||
</div>
|
<div class="grid_header_cell" style="width: 40%; border: none;">
|
||||||
|
<div class="grid_header_formbox">
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
<div class="gridheader_morebutt">
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_rows even">
|
<div class="grid_rows even">
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<img src="images/alert_icon.png" /></div>
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
<div class="row_celltitles alert">
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
Alerts name</div>
|
||||||
</div>
|
<div class="row_celltitles alertdetails">
|
||||||
|
Details about the alert will appear here</div>
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
</div>
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
09/17/2010 14:33:49</div>
|
||||||
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
<div class="grid_rows odd">
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
<img src="images/alert_icon.png" /></div>
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
</div>
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
<div class="row_celltitles alert">
|
||||||
</div>
|
Alerts name</div>
|
||||||
|
<div class="row_celltitles alertdetails">
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
Details about the alert will appear here</div>
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
09/17/2010 14:33:49</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
</div>
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
<img src="images/alert_icon.png" /></div>
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
</div>
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
</div>
|
<div class="row_celltitles alert">
|
||||||
|
Alerts name</div>
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
<div class="row_celltitles alertdetails">
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
Details about the alert will appear here</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
09/17/2010 14:33:49</div>
|
||||||
|
</div>
|
||||||
<!--Host Alerts-->
|
</div>
|
||||||
<div class="grid_container" style="width:48%; margin-top:15px; float:right;">
|
<div class="grid_rows odd">
|
||||||
<div class="grid_header">
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
<div class="grid_header_cell" style="width:60%; border:none;">
|
<div class="row_celltitles">
|
||||||
<div class="grid_header_title">General Alerts</div>
|
<img src="images/alert_icon.png" /></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_header_cell" style="width:40%; border:none;">
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
<div class="grid_header_formbox">
|
<div class="row_celltitles alert">
|
||||||
<div class="gridheader_morebutt"></div>
|
Alerts name</div>
|
||||||
</div>
|
<div class="row_celltitles alertdetails">
|
||||||
</div>
|
Details about the alert will appear here</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows even">
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
09/17/2010 14:33:49</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
<div class="grid_rows even">
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<img src="images/alert_icon.png" /></div>
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
<div class="row_celltitles alert">
|
||||||
</div>
|
Alerts name</div>
|
||||||
</div>
|
<div class="row_celltitles alertdetails">
|
||||||
|
Details about the alert will appear here</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
<div class="row_celltitles">
|
||||||
</div>
|
09/17/2010 14:33:49</div>
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
</div>
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
</div>
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
<!--Host Alerts-->
|
||||||
</div>
|
<div class="grid_container" style="width: 48%; margin-top: 15px; float: right;">
|
||||||
|
<div class="grid_header">
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
<div class="grid_header_cell" style="width: 60%; border: none;">
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
<div class="grid_header_title">
|
||||||
</div>
|
General Alerts</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="grid_header_cell" style="width: 40%; border: none;">
|
||||||
<div class="grid_rows even">
|
<div class="grid_header_formbox">
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
<div class="gridheader_morebutt">
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
</div>
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
<div class="grid_rows even">
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
<img src="images/alert_icon.png" /></div>
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
</div>
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
</div>
|
<div class="row_celltitles alert">
|
||||||
</div>
|
Alerts name</div>
|
||||||
|
<div class="row_celltitles alertdetails">
|
||||||
<div class="grid_rows odd">
|
Details about the alert will appear here</div>
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
</div>
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
09/17/2010 14:33:49</div>
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
</div>
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
</div>
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
<img src="images/alert_icon.png" /></div>
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
</div>
|
<div class="row_celltitles alert">
|
||||||
|
Alerts name</div>
|
||||||
<div class="grid_rows even">
|
<div class="row_celltitles alertdetails">
|
||||||
<div class="grid_row_cell" style="width:10%;">
|
Details about the alert will appear here</div>
|
||||||
<div class="row_celltitles"><img src="images/alert_icon.png" /></div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width:70%;">
|
09/17/2010 14:33:49</div>
|
||||||
<div class="row_celltitles alert">Alerts name</div>
|
</div>
|
||||||
<div class="row_celltitles alertdetails">Details about the alert will appear here</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
<div class="grid_row_cell" style="width:19%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles">09/17/2010 14:33:49</div>
|
<img src="images/alert_icon.png" /></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
</div>
|
<div class="row_celltitles alert">
|
||||||
|
Alerts name</div>
|
||||||
</div>
|
<div class="row_celltitles alertdetails">
|
||||||
|
Details about the alert will appear here</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
09/17/2010 14:33:49</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<img src="images/alert_icon.png" /></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
|
<div class="row_celltitles alert">
|
||||||
|
Alerts name</div>
|
||||||
|
<div class="row_celltitles alertdetails">
|
||||||
|
Details about the alert will appear here</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
09/17/2010 14:33:49</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<img src="images/alert_icon.png" /></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 70%;">
|
||||||
|
<div class="row_celltitles alert">
|
||||||
|
Alerts name</div>
|
||||||
|
<div class="row_celltitles alertdetails">
|
||||||
|
Details about the alert will appear here</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 19%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
09/17/2010 14:33:49</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|||||||
72
ui/new/scripts/cloud.core2.dashboard.js
Normal file
72
ui/new/scripts/cloud.core2.dashboard.js
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
function afterLoadDashboardJSP() {
|
||||||
|
if (isAdmin()) {
|
||||||
|
var sessionExpired = false;
|
||||||
|
var zones = null;
|
||||||
|
var noZones = false;
|
||||||
|
var noPods = true;
|
||||||
|
//$("#menutab_dashboard_root, #menutab_vm, #menutab_networking_old, #menutab_networking, #menutab_templates, #menutab_events, #menutab_hosts, #menutab_storage, #menutab_accounts, #menutab_domain").hide();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
data: createURL("command=listZones&available=true"+maxPageSize),
|
||||||
|
dataType: "json",
|
||||||
|
async: false,
|
||||||
|
success: function(json) {
|
||||||
|
zones = json.listzonesresponse.zone;
|
||||||
|
var zoneSelect = $("#capacity_zone_select").empty();
|
||||||
|
if (zones != null && zones.length > 0) {
|
||||||
|
for (var i = 0; i < zones.length; i++) {
|
||||||
|
zoneSelect.append("<option value='" + zones[i].id + "'>" + fromdb(zones[i].name) + "</option>");
|
||||||
|
if(noPods == true) {
|
||||||
|
$.ajax({
|
||||||
|
data: createURL("command=listPods&zoneId="+zones[i].id),
|
||||||
|
dataType: "json",
|
||||||
|
async: false,
|
||||||
|
success: function(json) {
|
||||||
|
var pods = json.listpodsresponse.pod;
|
||||||
|
if (pods != null && pods.length > 0) {
|
||||||
|
noPods = false;
|
||||||
|
//$("#menutab_dashboard_root, #menutab_vm, #menutab_networking_old, #menutab_networking, #menutab_templates, #menutab_events, #menutab_hosts, #menutab_storage, #menutab_accounts, #menutab_domain").show();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
noZones = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$("#capacity_zone_select").bind("change", function(event) {
|
||||||
|
var zoneId = $(this).val();
|
||||||
|
$.ajax({
|
||||||
|
data: createURL("command=listPods&zoneId="+zoneId+maxPageSize),
|
||||||
|
dataType: "json",
|
||||||
|
async: false,
|
||||||
|
success: function(json) {
|
||||||
|
var pods = json.listpodsresponse.pod;
|
||||||
|
var podSelect = $("#capacity_pod_select").empty();
|
||||||
|
if (pods != null && pods.length > 0) {
|
||||||
|
podSelect.append("<option value='All'>All pods</option>");
|
||||||
|
for (var i = 0; i < pods.length; i++) {
|
||||||
|
podSelect.append("<option value='" + pods[i].name + "'>" + fromdb(pods[i].name) + "</option>");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$("#capacity_pod_select").change();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
$("#capacity_zone_select").change();
|
||||||
|
}
|
||||||
|
else if (isDomainAdmin()) {
|
||||||
|
|
||||||
|
}
|
||||||
|
else if(isUser()) {
|
||||||
|
|
||||||
|
}
|
||||||
|
else { //no role
|
||||||
|
logout(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -96,7 +96,9 @@ $(document).ready(function() {
|
|||||||
|
|
||||||
$("#leftmenu_dashboard").bind("click", function(event) {
|
$("#leftmenu_dashboard").bind("click", function(event) {
|
||||||
hideMiddleMenu();
|
hideMiddleMenu();
|
||||||
$("#right_panel").load("jsp/dashboard.jsp", function(){});
|
$("#right_panel").load("jsp/dashboard.jsp", function(){
|
||||||
|
afterLoadDashboardJSP();
|
||||||
|
});
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user