Added grid header to Volume and Snapshots

This commit is contained in:
NIKITA 2010-10-21 18:14:52 -07:00
parent 2f70032972
commit 44e260c55f
2 changed files with 181 additions and 173 deletions

View File

@ -1,166 +1,170 @@
<%@ 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 id="after_action_info">
</p> </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 id="tab_content_details">
<div class="grid_actionpanel"> <div class="grid_actionpanel">
<div class="grid_actionbox" id="action_link">
<div class="grid_actionsdropdown_box" id="action_menu" style="display: none;"> <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
<ul class="actionsdropdown_boxlist" id="action_list"> display: none;">
<li><%=t.t("no.available.actions")%></li> <div class="gridheader_loader" id="icon">
</ul> </div>
</div> <p id="description">
</div> Detaching Disk &hellip;</p>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999; </div>
display: none;"> </div>
<div class="gridheader_loader" id="icon"> <div class="grid_container">
</div> <div class="grid_header">
<p id="description"> <div class="grid_header_title">Title</div>
Detaching Disk &hellip;</p> <div class="grid_actionbox" id="action_link">
</div> <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
</div> <ul class="actionsdropdown_boxlist" id="action_list">
<div class="grid_container"> <li><%=t.t("no.available.actions")%></li>
<div class="grid_rows odd"> </ul>
<div class="grid_row_cell" style="width: 20%;"> </div>
<div class="row_celltitles"> </div>
<%=t.t("ID")%>:</div> </div>
</div> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles" id="id"> <div class="row_celltitles">
</div> <%=t.t("ID")%>:</div>
</div> </div>
</div> <div class="grid_row_cell" style="width: 79%;">
<div class="grid_rows even"> <div class="row_celltitles" id="id">
<div class="grid_row_cell" style="width: 20%;"> </div>
<div class="row_celltitles"> </div>
<%=t.t("Name")%>:</div> </div>
</div> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles" id="name"> <div class="row_celltitles">
</div> <%=t.t("Name")%>:</div>
</div> </div>
</div> <div class="grid_row_cell" style="width: 79%;">
<div class="grid_rows odd"> <div class="row_celltitles" id="name">
<div class="grid_row_cell" style="width: 20%;"> </div>
<div class="row_celltitles"> </div>
<%=t.t("Volume")%>:</div> </div>
</div> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles" id="volume_name"> <div class="row_celltitles">
</div> <%=t.t("Volume")%>:</div>
</div> </div>
</div> <div class="grid_row_cell" style="width: 79%;">
<div class="grid_rows even"> <div class="row_celltitles" id="volume_name">
<div class="grid_row_cell" style="width: 20%;"> </div>
<div class="row_celltitles"> </div>
<%=t.t("Interval.Type")%>:</div> </div>
</div> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles" id="interval_type"> <div class="row_celltitles">
</div> <%=t.t("Interval.Type")%>:</div>
</div> </div>
</div> <div class="grid_row_cell" style="width: 79%;">
<div class="grid_rows odd"> <div class="row_celltitles" id="interval_type">
<div class="grid_row_cell" style="width: 20%;"> </div>
<div class="row_celltitles"> </div>
<%=t.t("Created")%>:</div> </div>
</div> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles" id="created"> <div class="row_celltitles">
</div> <%=t.t("Created")%>:</div>
</div> </div>
</div> <div class="grid_row_cell" style="width: 79%;">
<div class="grid_rows even"> <div class="row_celltitles" id="created">
<div class="grid_row_cell" style="width: 20%;"> </div>
<div class="row_celltitles"> </div>
<%=t.t("Account")%>:</div> </div>
</div> <div class="grid_rows even">
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles" id="account"> <div class="row_celltitles">
</div> <%=t.t("Account")%>:</div>
</div> </div>
</div> <div class="grid_row_cell" style="width: 79%;">
<div class="grid_rows odd"> <div class="row_celltitles" id="account">
<div class="grid_row_cell" style="width: 20%;"> </div>
<div class="row_celltitles"> </div>
<%=t.t("Domain")%>:</div> </div>
</div> <div class="grid_rows odd">
<div class="grid_row_cell" style="width: 79%;"> <div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles" id="domain"> <div class="row_celltitles">
</div> <%=t.t("Domain")%>:</div>
</div> </div>
</div> <div class="grid_row_cell" style="width: 79%;">
</div> <div class="row_celltitles" id="domain">
</div> </div>
</div> </div>
<!-- snapshot detail panel (end) --> </div>
</div>
<!-- Add Volume Dialog from Snapshot (begin) --> </div>
<div id="dialog_add_volume_from_snapshot" title="Add Volume from Snapshot" style="display: none"> </div>
<div class="dialog_formcontent"> <!-- snapshot detail panel (end) -->
<form action="#" method="post" id="form5">
<ol> <!-- Add Volume Dialog from Snapshot (begin) -->
<li> <div id="dialog_add_volume_from_snapshot" title="Add Volume from Snapshot" style="display: none">
<label>Name:</label> <div class="dialog_formcontent">
<input class="text" type="text" id="name" /> <form action="#" method="post" id="form5">
<div id="name_errormsg" class="dialog_formcontent_errormsg" style="display: none;"></div> <ol>
</li> <li>
</ol> <label>Name:</label>
</form> <input class="text" type="text" id="name" />
</div> <div id="name_errormsg" class="dialog_formcontent_errormsg" style="display: none;"></div>
</div> </li>
<!-- Add Volume Dialog from Snapshot (end) --> </ol>
</form>
<!-- Create template from snapshot (begin) --> </div>
<div id="dialog_create_template_from_snapshot" title="Create Template from Snapshot" style="display:none"> </div>
<div class="dialog_formcontent"> <!-- Add Volume Dialog from Snapshot (end) -->
<form action="#" method="post" id="form6">
<ol> <!-- Create template from snapshot (begin) -->
<li> <div id="dialog_create_template_from_snapshot" title="Create Template from Snapshot" style="display:none">
<label>Name:</label> <div class="dialog_formcontent">
<input class="text" type="text" id="name" style="width:250px"/> <form action="#" method="post" id="form6">
<div id="name_errormsg" class="dialog_formcontent_errormsg" style="display:none;"></div> <ol>
</li> <li>
<li> <label>Name:</label>
<label>Display Text:</label> <input class="text" type="text" id="name" style="width:250px"/>
<input class="text" type="text" id="display_text" style="width:250px"/> <div id="name_errormsg" class="dialog_formcontent_errormsg" style="display:none;"></div>
<div id="display_text_errormsg" class="dialog_formcontent_errormsg" style="display:none;"></div> </li>
</li> <li>
<li> <label>Display Text:</label>
<label>OS Type:</label> <input class="text" type="text" id="display_text" style="width:250px"/>
<select class="select" id="os_type"> <div id="display_text_errormsg" class="dialog_formcontent_errormsg" style="display:none;"></div>
</select> </li>
</li> <li>
<li> <label>OS Type:</label>
<label>Password Enabled?:</label> <select class="select" id="os_type">
<select class="select" id="password"> </select>
<option value="false">No</option> </li>
<option value="true">Yes</option> <li>
</select> <label>Password Enabled?:</label>
</li> <select class="select" id="password">
</ol> <option value="false">No</option>
</form> <option value="true">Yes</option>
</div> </select>
</div> </li>
<!-- Create template from snapshot (end) --> </ol>
</form>
</div>
</div>
<!-- Create template from snapshot (end) -->

View File

@ -30,13 +30,7 @@
<!--Details tab (start)--> <!--Details tab (start)-->
<div id="tab_content_details"> <div id="tab_content_details">
<div class="grid_actionpanel"> <div class="grid_actionpanel">
<div class="grid_actionbox" id="action_link">
<div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<li><%=t.t("no.available.actions")%></li>
</ul>
</div>
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999; <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;"> display: none;">
<div class="gridheader_loader" id="icon"> <div class="gridheader_loader" id="icon">
@ -46,6 +40,16 @@
</div> </div>
</div> </div>
<div class="grid_container"> <div class="grid_container">
<div class="grid_header">
<div class="grid_header_title">Title</div>
<div class="grid_actionbox" id="action_link">
<div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<li><%=t.t("no.available.actions")%></li>
</ul>
</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"> <div class="row_celltitles">