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 - add action panel to IP Address page, ISO page, Router page, Snapshot page.

Browse Source
This commit is contained in:
Jessica Wang 2010-09-15 10:07:45 -07:00
parent ab1a6b8656
commit 0d2498f527
6 changed files with 1139 additions and 960 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
ui/new/jsp/account.jsp
View File

@ -1,49 +1,52 @@
<%@ page import="java.util.*" %> <%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %> <%@ page import="com.cloud.utils.*" %>
<% <%
Locale browserLocale = request.getLocale(); Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale); CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%> %>
<!-- account detail panel (begin) --> <!-- account 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_accountsicon.gif" alt="Accounts" /></div> <img src="images/title_accountsicon.gif" alt="Accounts" /></div>
<h1>Accounts</h1> <h1>
Accounts</h1>
</div> </div>
<div class="contentbox" id="right_panel_content"> <div class="contentbox" id="right_panel_content">
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none"> <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
<p id="after_action_info"></p> <p id="after_action_info">
</p>
</div> </div>
<div class="tabbox" style="margin-top:15px;"> <div class="tabbox" style="margin-top: 15px;">
<div class="content_tabs on"> <div class="content_tabs on">
<%=t.t("Details")%></div> <%=t.t("Details")%></div>
</div> </div>
<div id="tab_content_details">
<div class="grid_actionpanel"> <div class="grid_actionpanel">
<div class="grid_actionbox"> <div class="grid_actionbox" id="volume_action_link">
<div class="grid_actionsdropdown_box" style="display:none;"> <div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list"> <ul class="actionsdropdown_boxlist" id="action_list">
<!--
<li> <a href="#"> Delete </a> </li> <li> <a href="#"> Delete </a> </li>
<li> <a href="#"> Attach Disk </a> </li> <li> <a href="#"> Attach Disk </a> </li>
-->
</ul> </ul>
</div> </div>
</div> </div>
<div class="grid_editbox"></div> <div class="grid_editbox">
<div class="gridheader_loaderbox" style="border:1px solid #999; display:none;">
<div class="gridheader_loader"></div>
<p>Detaching Disk &hellip;</p>
</div> </div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
<div class="gridheader_message" style="border:1px solid #999; display:block;"> display: none;">
<p>Disk has been succesfully dettached &hellip;</p> <div class="gridheader_loader" id="icon">
<div class="close_button"></div> </div>
<p id="description">
Detaching Disk &hellip;</p>
</div>
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
<p id="description"></p>
<div class="close_button" id="close_button">
</div> </div>
<div class="gridheader_message error" style="border:1px solid #999; display:none;">
<p>Some problem occured while dettaching disk &hellip;</p>
<div class="close_button"></div>
</div> </div>
</div> </div>
<div class="grid_container"> <div class="grid_container">
@ -138,6 +141,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<!-- account detail panel (end) --> <!-- account detail panel (end) -->

243
ui/new/jsp/ip_address.jsp
View File

@ -1,25 +1,25 @@
<%@ page import="java.util.*" %> <%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %> <%@ page import="com.cloud.utils.*" %>
<% <%
Locale browserLocale = request.getLocale(); Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale); CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%> %>
<!-- IP Address detail panel (begin) --> <!-- IP Address 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_ipicon.gif" alt="IP Address" /></div> <img src="images/title_ipicon.gif" alt="IP Address" /></div>
<h1>
<h1>IP Address IP Address
</h1> </h1>
</div> </div>
<div class="contentbox" id="right_panel_content"> <div class="contentbox" id="right_panel_content">
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none"> <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
<p id="after_action_info"></p> <p id="after_action_info">
</p>
</div> </div>
<div class="tabbox" style="margin-top:15px;"> <div class="tabbox" style="margin-top: 15px;">
<div class="content_tabs on"> <div class="content_tabs on">
<%=t.t("Details")%></div> <%=t.t("Details")%></div>
<div class="content_tabs off"> <div class="content_tabs off">
@ -27,11 +27,33 @@
<div class="content_tabs off"> <div class="content_tabs off">
<%=t.t("Load Balancer")%></div> <%=t.t("Load Balancer")%></div>
</div> </div>
<div id="tab_content_details">
<div class="grid_actionpanel"> <div class="grid_actionpanel">
<div class="grid_actionbox"></div> <div class="grid_actionbox" id="volume_action_link">
<div class="grid_editbox"></div> <div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<!--
<li> <a href="#"> Delete </a> </li>
<li> <a href="#"> Attach Disk </a> </li>
-->
</ul>
</div>
</div>
<div class="grid_editbox">
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="icon">
</div>
<p id="description">
Detaching Disk &hellip;</p>
</div>
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
<p id="description"></p>
<div class="close_button" id="close_button">
</div>
</div>
</div> </div>
<!-- Network Details start here-->
<div class="grid_container"> <div class="grid_container">
<div class="grid_rows odd"> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
@ -124,201 +146,236 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Network Details ends here--> </div>
<!-- Details ends here-->
<!-- Port Forwarding start here--> <!-- Port Forwarding start here-->
<div id="tab_content_port_forwarding" style="display:none">
<div class="grid_container"> <div class="grid_container">
<div class="grid_header"> <div class="grid_header">
<div class="grid_header_cell" style="width:20%"> <div class="grid_header_cell" style="width: 20%">
<div class="grid_header_title">Public Port</div> <div class="grid_header_title">
Public Port</div>
</div> </div>
<div class="grid_header_cell" style="width:20%"> <div class="grid_header_cell" style="width: 20%">
<div class="grid_header_title">Private Port</div> <div class="grid_header_title">
Private Port</div>
</div> </div>
<div class="grid_header_cell" style="width:29%"> <div class="grid_header_cell" style="width: 29%">
<div class="grid_header_title">Protocol</div> <div class="grid_header_title">
Protocol</div>
</div> </div>
<div class="grid_header_cell" style="width:30%; border:none;"> <div class="grid_header_cell" style="width: 30%; border: none;">
<div class="grid_header_title">Instance</div> <div class="grid_header_title">
Instance</div>
</div> </div>
</div> </div>
<div class="grid_rows even"> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<input class="text" style="width:90%;" type="text" /> <input class="text" style="width: 90%;" type="text" />
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<input class="text" style="width:90%;" type="text" /> <input class="text" style="width: 90%;" type="text" />
</div> </div>
<div class="grid_row_cell" style="width: 29%;"> <div class="grid_row_cell" style="width: 29%;">
<input class="text" style="width:90%;" type="text" /> <input class="text" style="width: 90%;" type="text" />
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<select class="select" style="width:90%;"><option value="Instance1">Instance Name 1 </option> <option value="Instance2">Instance Name 2 </option> </select> <select class="select" style="width: 90%;">
<option value="Instance1">Instance Name 1 </option>
<option value="Instance2">Instance Name 2 </option>
</select>
</div> </div>
<div class="grid_row_cell" style="width: 10%;"> <div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles"><a href="#">Add</a></div> <div class="row_celltitles">
<a href="#">Add</a></div>
</div> </div>
</div> </div>
<div class="grid_rows odd"> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">8080</div> <div class="row_celltitles">
8080</div>
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">80</div> <div class="row_celltitles">
80</div>
</div> </div>
<div class="grid_row_cell" style="width: 29%;"> <div class="grid_row_cell" style="width: 29%;">
<div class="row_celltitles">8 GB</div> <div class="row_celltitles">
8 GB</div>
</div> </div>
<div class="grid_row_cell" style="width: 30%;"> <div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles">Instance Name</div> <div class="row_celltitles">
Instance Name</div>
</div> </div>
<div class="gridrow_loaderbox" style="display:none;"> <div class="gridrow_loaderbox" style="display: none;">
<div class="gridrow_loader"></div> <div class="gridrow_loader">
<p> Creating &hellip;</p> </div>
<p>
Creating &hellip;</p>
</div> </div>
</div> </div>
<div class="grid_rows even"> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">8080</div> <div class="row_celltitles">
8080</div>
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">80</div> <div class="row_celltitles">
80</div>
</div> </div>
<div class="grid_row_cell" style="width: 29%;"> <div class="grid_row_cell" style="width: 29%;">
<div class="row_celltitles">8 GB</div> <div class="row_celltitles">
8 GB</div>
</div> </div>
<div class="grid_row_cell" style="width: 30%;"> <div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles">Instance Name</div> <div class="row_celltitles">
Instance Name</div>
</div>
<div class="gridrow_loaderbox" style="display: none;">
<div class="gridrow_loader">
</div>
<p>
Creating &hellip;</p>
</div> </div>
<div class="gridrow_loaderbox" style="display:none;">
<div class="gridrow_loader"></div>
<p> Creating &hellip;</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Port Forwarding ends here--> <!-- Port Forwarding ends here-->
<!-- Load Balancer start here--> <!-- Load Balancer start here-->
<div id="tab_content_load_balancer" style="display:none">
<div class="grid_container"> <div class="grid_container">
<div class="grid_header"> <div class="grid_header">
<div class="grid_header_cell" style="width:29%"> <div class="grid_header_cell" style="width: 29%">
<div class="grid_header_title">Name</div> <div class="grid_header_title">
Name</div>
</div> </div>
<div class="grid_header_cell" style="width:20%"> <div class="grid_header_cell" style="width: 20%">
<div class="grid_header_title">Public Port</div> <div class="grid_header_title">
Public Port</div>
</div> </div>
<div class="grid_header_cell" style="width:20%"> <div class="grid_header_cell" style="width: 20%">
<div class="grid_header_title">Private Port</div> <div class="grid_header_title">
Private Port</div>
</div> </div>
<div class="grid_header_cell" style="width:30%; border:none;"> <div class="grid_header_cell" style="width: 30%; border: none;">
<div class="grid_header_title">Algorithm</div> <div class="grid_header_title">
Algorithm</div>
</div> </div>
</div> </div>
<div class="grid_rows even"> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 29%;"> <div class="grid_row_cell" style="width: 29%;">
<input class="text" style="width:90%;" type="text" /> <input class="text" style="width: 90%;" type="text" />
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<input class="text" style="width:90%;" type="text" /> <input class="text" style="width: 90%;" type="text" />
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<input class="text" style="width:90%;" type="text" /> <input class="text" style="width: 90%;" type="text" />
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<select class="select" style="width:90%;"><option value="Source1">Source Name 1 </option> <option value="Source2">Source Name 2 </option> </select> <select class="select" style="width: 90%;">
<option value="Source1">Source Name 1 </option>
<option value="Source2">Source Name 2 </option>
</select>
</div> </div>
<div class="grid_row_cell" style="width: 10%;"> <div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles"><a href="#">Add</a></div> <div class="row_celltitles">
<a href="#">Add</a></div>
</div> </div>
</div> </div>
<div class="grid_rows odd"> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 29%;"> <div class="grid_row_cell" style="width: 29%;">
<div class="row_celltitles">LB#1</div> <div class="row_celltitles">
LB#1</div>
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">8080</div> <div class="row_celltitles">
8080</div>
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">80</div> <div class="row_celltitles">
80</div>
</div> </div>
<div class="grid_row_cell" style="width: 30%;"> <div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles">Source</div> <div class="row_celltitles">
Source</div>
</div>
<div class="grid_detailspanel" style="display: block;">
<div class="grid_details_pointer">
</div> </div>
<div class="grid_detailspanel" style="display:block;">
<div class="grid_details_pointer"></div>
<div class="grid_detailsbox"> <div class="grid_detailsbox">
<div class="grid_details_row odd"> <div class="grid_details_row odd">
<div class="grid_row_cell" style="width: 9%;"> <div class="grid_row_cell" style="width: 9%;">
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div> <div class="row_celltitles">
<img src="images/network_managevmicon.gif" /></div>
</div> </div>
<div class="grid_row_cell" style="width: 60%;"> <div class="grid_row_cell" style="width: 60%;">
<select class="select" style="width:90%;"><option value="Source1">Source Name 1 </option> <option value="Source2">Source Name 2 </option> </select> <select class="select" style="width: 90%;">
<option value="Source1">Source Name 1 </option>
<option value="Source2">Source Name 2 </option>
</select>
</div> </div>
<div class="grid_row_cell" style="width: 30%;"> <div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles"><a href="#">Add</a></div> <div class="row_celltitles">
<a href="#">Add</a></div>
</div> </div>
</div> </div>
<div class="grid_details_row"> <div class="grid_details_row">
<div class="grid_row_cell" style="width: 9%;"> <div class="grid_row_cell" style="width: 9%;">
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div> <div class="row_celltitles">
<img src="images/network_managevmicon.gif" /></div>
</div> </div>
<div class="grid_row_cell" style="width: 60%;"> <div class="grid_row_cell" style="width: 60%;">
<div class="row_celltitles">1-2-2-TEST</div> <div class="row_celltitles">
1-2-2-TEST</div>
</div> </div>
<div class="grid_row_cell" style="width: 30%;"> <div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles"><a href="#">Remove</a></div> <div class="row_celltitles">
<a href="#">Remove</a></div>
</div> </div>
</div> </div>
<div class="grid_details_row odd"> <div class="grid_details_row odd">
<div class="grid_row_cell" style="width: 9%;"> <div class="grid_row_cell" style="width: 9%;">
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div> <div class="row_celltitles">
<img src="images/network_managevmicon.gif" /></div>
</div> </div>
<div class="grid_row_cell" style="width: 60%;"> <div class="grid_row_cell" style="width: 60%;">
<div class="row_celltitles">1-2-2-TEST</div> <div class="row_celltitles">
1-2-2-TEST</div>
</div> </div>
<div class="grid_row_cell" style="width: 30%;"> <div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles"><a href="#">Remove</a></div> <div class="row_celltitles">
<a href="#">Remove</a></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="grid_rows even"> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 29%;"> <div class="grid_row_cell" style="width: 29%;">
<div class="row_celltitles">LB#1</div> <div class="row_celltitles">
LB#1</div>
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">8080</div> <div class="row_celltitles">
8080</div>
</div> </div>
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">80</div> <div class="row_celltitles">
80</div>
</div> </div>
<div class="grid_row_cell" style="width: 30%;"> <div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles">Source</div> <div class="row_celltitles">
Source</div>
</div>
<div class="gridrow_loaderbox" style="display: none;">
<div class="gridrow_loader">
</div>
<p>
Creating &hellip;</p>
</div> </div>
<div class="gridrow_loaderbox" style="display:none;">
<div class="gridrow_loader"></div>
<p> Creating &hellip;</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Load Balancer ends here--> <!-- Load Balancer ends here-->
</div> </div>

43
ui/new/jsp/iso.jsp
View File

@ -1,28 +1,55 @@
<%@ page import="java.util.*" %> <%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %> <%@ page import="com.cloud.utils.*" %>
<% <%
Locale browserLocale = request.getLocale(); Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale); CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%> %>
<!-- ISO detail panel (begin) --> <!-- ISO 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_isoicon.gif" alt="ISO" /></div> <img src="images/title_isoicon.gif" alt="ISO" /></div>
<h1>
<h1>ISO ISO
</h1> </h1>
</div> </div>
<div class="contentbox" id="right_panel_content"> <div class="contentbox" id="right_panel_content">
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none"> <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
<p id="after_action_info"></p> <p id="after_action_info">
</p>
</div> </div>
<div class="tabbox" style="margin-top:15px;"> <div class="tabbox" style="margin-top: 15px;">
<div class="content_tabs on"> <div class="content_tabs on">
<%=t.t("Details")%></div> <%=t.t("Details")%></div>
</div> </div>
<div id="tab_content_details">
<div class="grid_actionpanel">
<div class="grid_actionbox" id="volume_action_link">
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<!--
<li> <a href="#"> Delete </a> </li>
<li> <a href="#"> Attach Disk </a> </li>
-->
</ul>
</div>
</div>
<div class="grid_editbox">
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="Div1">
</div>
<p id="description">
Detaching Disk &hellip;</p>
</div>
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
<p id="description"></p>
<div class="close_button" id="close_button">
</div>
</div>
</div>
<div class="grid_container"> <div class="grid_container">
<div class="grid_rows odd"> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
@ -116,7 +143,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<!-- ISO detail panel (end) --> <!-- ISO detail panel (end) -->

40
ui/new/jsp/router.jsp
View File

@ -1,28 +1,57 @@
<%@ page import="java.util.*" %> <%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %> <%@ page import="com.cloud.utils.*" %>
<% <%
Locale browserLocale = request.getLocale(); Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale); CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%> %>
<!-- router detail panel (begin) --> <!-- router 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_eventsicon.gif" alt="Event" /></div> <img src="images/title_eventsicon.gif" alt="Event" /></div>
--> -->
<h1>Router <h1>
Router
</h1> </h1>
</div> </div>
<div class="contentbox" id="right_panel_content"> <div class="contentbox" id="right_panel_content">
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none"> <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
<p id="after_action_info"></p> <p id="after_action_info">
</p>
</div> </div>
<div class="tabbox" style="margin-top:15px;"> <div class="tabbox" style="margin-top: 15px;">
<div class="content_tabs on"> <div class="content_tabs on">
<%=t.t("Details")%></div> <%=t.t("Details")%></div>
</div> </div>
<div id="tab_content_details">
<div class="grid_actionpanel">
<div class="grid_actionbox" id="volume_action_link">
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<!--
<li> <a href="#"> Delete </a> </li>
<li> <a href="#"> Attach Disk </a> </li>
-->
</ul>
</div>
</div>
<div class="grid_editbox">
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="icon">
</div>
<p id="description">
Detaching Disk &hellip;</p>
</div>
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
<p id="description"></p>
<div class="close_button" id="close_button">
</div>
</div>
</div>
<div class="grid_container"> <div class="grid_container">
<div class="grid_rows odd"> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
@ -125,5 +154,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<!-- router detail panel (end) --> <!-- router detail panel (end) -->

42
ui/new/jsp/snapshot.jsp
View File

@ -1,28 +1,55 @@
<%@ page import="java.util.*" %> <%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %> <%@ page import="com.cloud.utils.*" %>
<% <%
Locale browserLocale = request.getLocale(); Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale); CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%> %>
<!-- snapshot detail panel (begin) --> <!-- snapshot 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_snapshoticon.gif" alt="Instance" /></div> <img src="images/title_snapshoticon.gif" alt="Instance" /></div>
<h1>
<h1>Snapshot Snapshot
</h1> </h1>
</div> </div>
<div class="contentbox" id="right_panel_content"> <div class="contentbox" id="right_panel_content">
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none"> <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
<p id="after_action_info"></p> <p id="after_action_info">
</p>
</div> </div>
<div class="tabbox" style="margin-top:15px;"> <div class="tabbox" style="margin-top: 15px;">
<div class="content_tabs on"> <div class="content_tabs on">
<%=t.t("Details")%></div> <%=t.t("Details")%></div>
</div> </div>
<div id="tab_content_details">
<div class="grid_actionpanel">
<div class="grid_actionbox" id="volume_action_link">
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<!--
<li> <a href="#"> Delete </a> </li>
<li> <a href="#"> Attach Disk </a> </li>
-->
</ul>
</div>
</div>
<div class="grid_editbox">
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="icon">
</div>
<p id="description">
Detaching Disk &hellip;</p>
</div>
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
<p id="description"></p>
<div class="close_button" id="close_button">
</div>
</div>
</div>
<div class="grid_container"> <div class="grid_container">
<div class="grid_rows odd"> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
@ -95,5 +122,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<!-- snapshot detail panel (end) --> <!-- snapshot detail panel (end) -->

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

@ -1,28 +1,56 @@
<%@ page import="java.util.*" %> <%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %> <%@ page import="com.cloud.utils.*" %>
<% <%
Locale browserLocale = request.getLocale(); Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale); CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%> %>
<!-- template detail panel (begin) --> <!-- template 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_templatesicon.gif" alt="Instance" /></div> <img src="images/title_templatesicon.gif" alt="Instance" /></div>
<h1>
<h1>Template Template
</h1> </h1>
</div> </div>
<div class="contentbox" id="right_panel_content"> <div class="contentbox" id="right_panel_content">
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none"> <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
<p id="after_action_info"></p> <p id="after_action_info">
</p>
</div> </div>
<div class="tabbox" style="margin-top:15px;"> <div class="tabbox" style="margin-top: 15px;">
<div class="content_tabs on"> <div class="content_tabs on">
<%=t.t("Details")%></div> <%=t.t("Details")%></div>
</div> </div>
<div id="tab_content_details">
<div class="grid_actionpanel">
<div class="grid_actionbox" id="volume_action_link">
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<!--
<li> <a href="#"> Delete </a> </li>
<li> <a href="#"> Attach Disk </a> </li>
-->
</ul>
</div>
</div>
<div class="grid_editbox">
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="Div1">
</div>
<p id="description">
Detaching Disk &hellip;</p>
</div>
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
<p id="description"></p>
<div class="close_button" id="close_button">
</div>
</div>
</div>
<div class="grid_container"> <div class="grid_container">
<div class="grid_rows even"> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;"> <div class="grid_row_cell" style="width: 20%;">
@ -60,8 +88,9 @@
<%=t.t("Display.Text")%>:</div> <%=t.t("Display.Text")%>:</div>
</div> </div>
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="displaytext"></div> <div class="row_celltitles" id="displaytext">
<input class="text" style="width:200px; display:none;" type="text" /> </div>
<input class="text" style="width: 200px; display: none;" type="text" />
</div> </div>
</div> </div>
<div class="grid_rows even"> <div class="grid_rows even">
@ -138,8 +167,12 @@
<%=t.t("Account")%>:</div> <%=t.t("Account")%>:</div>
</div> </div>
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="account"></div> <div class="row_celltitles" id="account">
<select class="select" style="width:202px; display:none;"><option value="opt1">Option 1</option> <option value="opt2">Option 2</option></select> </div>
<select class="select" style="width: 202px; display: none;">
<option value="opt1">Option 1</option>
<option value="opt2">Option 2</option>
</select>
</div> </div>
</div> </div>
<div class="grid_rows odd"> <div class="grid_rows odd">
@ -163,5 +196,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<!-- template detail panel (end) --> <!-- template detail panel (end) -->