mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
new UI - add action panel to IP Address page, ISO page, Router page, Snapshot page.
This commit is contained in:
Jessica Wang
parent
ab1a6b8656
commit
0d2498f527
@ -1,143 +1,146 @@
|
|||||||
<%@ 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);
|
||||||
|
%>
|
||||||
<!-- 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>
|
||||||
</div>
|
Accounts</h1>
|
||||||
|
</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">
|
||||||
</div>
|
</p>
|
||||||
<div class="tabbox" style="margin-top:15px;">
|
</div>
|
||||||
<div class="content_tabs on">
|
<div class="tabbox" style="margin-top: 15px;">
|
||||||
<%=t.t("Details")%></div>
|
<div class="content_tabs on">
|
||||||
</div>
|
<%=t.t("Details")%></div>
|
||||||
<div class="grid_actionpanel">
|
</div>
|
||||||
<div class="grid_actionbox">
|
<div id="tab_content_details">
|
||||||
<div class="grid_actionsdropdown_box" style="display:none;">
|
<div class="grid_actionpanel">
|
||||||
<ul class="actionsdropdown_boxlist" id="action_list">
|
<div class="grid_actionbox" id="volume_action_link">
|
||||||
<li> <a href="#"> Delete </a> </li>
|
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
|
||||||
<li> <a href="#"> Attach Disk </a> </li>
|
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||||
</ul>
|
<!--
|
||||||
</div>
|
<li> <a href="#"> Delete </a> </li>
|
||||||
</div>
|
<li> <a href="#"> Attach Disk </a> </li>
|
||||||
<div class="grid_editbox"></div>
|
-->
|
||||||
<div class="gridheader_loaderbox" style="border:1px solid #999; display:none;">
|
</ul>
|
||||||
<div class="gridheader_loader"></div>
|
</div>
|
||||||
<p>Detaching Disk …</p>
|
</div>
|
||||||
</div>
|
<div class="grid_editbox">
|
||||||
|
</div>
|
||||||
<div class="gridheader_message" style="border:1px solid #999; display:block;">
|
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
|
||||||
<p>Disk has been succesfully dettached …</p>
|
display: none;">
|
||||||
<div class="close_button"></div>
|
<div class="gridheader_loader" id="icon">
|
||||||
</div>
|
</div>
|
||||||
|
<p id="description">
|
||||||
<div class="gridheader_message error" style="border:1px solid #999; display:none;">
|
Detaching Disk …</p>
|
||||||
<p>Some problem occured while dettaching disk …</p>
|
</div>
|
||||||
<div class="close_button"></div>
|
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
|
||||||
</div>
|
<p id="description"></p>
|
||||||
</div>
|
<div class="close_button" id="close_button">
|
||||||
<div class="grid_container">
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_container">
|
||||||
<%=t.t("id")%>:</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="id">
|
<%=t.t("id")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="id">
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Role")%>:</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="role">
|
<%=t.t("Role")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="role">
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Account")%>:</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="account">
|
<%=t.t("Account")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="account">
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Domain")%>:</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="domain">
|
<%=t.t("Domain")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="domain">
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("VMs")%>:</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="vm_total">
|
<%=t.t("VMs")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="vm_total">
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("IPs")%>:</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="ip_total">
|
<%=t.t("IPs")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="ip_total">
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Bytes.Received")%>:</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="bytes_received">
|
<%=t.t("Bytes.Received")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="bytes_received">
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Bytes.Sent")%>:</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="bytes_sent">
|
<%=t.t("Bytes.Sent")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="bytes_sent">
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("State")%>:</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles" id="state">
|
<%=t.t("State")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="state">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<!-- account detail panel (end) -->
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- account detail panel (end) -->
|
||||||
|
|||||||
@ -1,325 +1,382 @@
|
|||||||
<%@ 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);
|
||||||
|
%>
|
||||||
<!-- 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>
|
||||||
|
IP Address
|
||||||
<h1>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 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 class="content_tabs off">
|
<div class="content_tabs off">
|
||||||
<%=t.t("Port Forwarding")%></div>
|
<%=t.t("Port Forwarding")%></div>
|
||||||
<div class="content_tabs off">
|
<div class="content_tabs off">
|
||||||
<%=t.t("Load Balancer")%></div>
|
<%=t.t("Load Balancer")%></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_actionpanel">
|
<div id="tab_content_details">
|
||||||
<div class="grid_actionbox"></div>
|
<div class="grid_actionpanel">
|
||||||
<div class="grid_editbox"></div>
|
<div class="grid_actionbox" id="volume_action_link">
|
||||||
</div>
|
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
|
||||||
<!-- Network Details start here-->
|
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||||
<div class="grid_container">
|
<!--
|
||||||
<div class="grid_rows odd">
|
<li> <a href="#"> Delete </a> </li>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<li> <a href="#"> Attach Disk </a> </li>
|
||||||
<div class="row_celltitles">
|
-->
|
||||||
IP:</div>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_editbox">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
|
||||||
</div>
|
display: none;">
|
||||||
<div class="grid_rows even">
|
<div class="gridheader_loader" id="icon">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<p id="description">
|
||||||
Zone:</div>
|
Detaching Disk …</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
|
||||||
<div class="row_celltitles">
|
<p id="description"></p>
|
||||||
</div>
|
<div class="close_button" id="close_button">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_container">
|
||||||
<div class="row_celltitles">
|
<div class="grid_rows odd">
|
||||||
VLAN:</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
IP:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_rows even">
|
||||||
<%=t.t("Level")%>:</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
Zone:</div>
|
||||||
<div class="row_celltitles" id="level">
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_rows odd">
|
||||||
Source NAT:</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
VLAN:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_rows even">
|
||||||
Network Type:</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<%=t.t("Level")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="level">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_rows odd">
|
||||||
Domain:</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
Source NAT:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_rows even">
|
||||||
Account:</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
Network Type:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_rows odd">
|
||||||
Allocated:</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
Domain:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Network Details ends here-->
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
<!-- Port Forwarding start here-->
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_container">
|
<div class="row_celltitles">
|
||||||
<div class="grid_header">
|
Account:</div>
|
||||||
<div class="grid_header_cell" style="width:20%">
|
</div>
|
||||||
<div class="grid_header_title">Public Port</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_header_cell" style="width:20%">
|
</div>
|
||||||
<div class="grid_header_title">Private Port</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_header_cell" style="width:29%">
|
<div class="grid_rows odd">
|
||||||
<div class="grid_header_title">Protocol</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_header_cell" style="width:30%; border:none;">
|
Allocated:</div>
|
||||||
<div class="grid_header_title">Instance</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<input class="text" style="width:90%;" type="text" />
|
<!-- Details ends here-->
|
||||||
</div>
|
<!-- Port Forwarding start here-->
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div id="tab_content_port_forwarding" style="display:none">
|
||||||
<input class="text" style="width:90%;" type="text" />
|
<div class="grid_container">
|
||||||
</div>
|
<div class="grid_header">
|
||||||
<div class="grid_row_cell" style="width: 29%;">
|
<div class="grid_header_cell" style="width: 20%">
|
||||||
<input class="text" style="width:90%;" type="text" />
|
<div class="grid_header_title">
|
||||||
</div>
|
Public Port</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<select class="select" style="width:90%;"><option value="Instance1">Instance Name 1 </option> <option value="Instance2">Instance Name 2 </option> </select>
|
<div class="grid_header_cell" style="width: 20%">
|
||||||
</div>
|
<div class="grid_header_title">
|
||||||
<div class="grid_row_cell" style="width: 10%;">
|
Private Port</div>
|
||||||
<div class="row_celltitles"><a href="#">Add</a></div>
|
</div>
|
||||||
</div>
|
<div class="grid_header_cell" style="width: 29%">
|
||||||
|
<div class="grid_header_title">
|
||||||
</div>
|
Protocol</div>
|
||||||
|
</div>
|
||||||
<div class="grid_rows odd">
|
<div class="grid_header_cell" style="width: 30%; border: none;">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_header_title">
|
||||||
<div class="row_celltitles">8080</div>
|
Instance</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">80</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 29%;">
|
<input class="text" style="width: 90%;" type="text" />
|
||||||
<div class="row_celltitles">8 GB</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_row_cell" style="width: 30%;">
|
<input class="text" style="width: 90%;" type="text" />
|
||||||
<div class="row_celltitles">Instance Name</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 29%;">
|
||||||
<div class="gridrow_loaderbox" style="display:none;">
|
<input class="text" style="width: 90%;" type="text" />
|
||||||
<div class="gridrow_loader"></div>
|
</div>
|
||||||
<p> Creating …</p>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<select class="select" style="width: 90%;">
|
||||||
|
<option value="Instance1">Instance Name 1 </option>
|
||||||
</div>
|
<option value="Instance2">Instance Name 2 </option>
|
||||||
|
</select>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
<div class="row_celltitles">8080</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<a href="#">Add</a></div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">80</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
<div class="grid_row_cell" style="width: 29%;">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="row_celltitles">8 GB</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
8080</div>
|
||||||
<div class="grid_row_cell" style="width: 30%;">
|
</div>
|
||||||
<div class="row_celltitles">Instance Name</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="gridrow_loaderbox" style="display:none;">
|
80</div>
|
||||||
<div class="gridrow_loader"></div>
|
</div>
|
||||||
<p> Creating …</p>
|
<div class="grid_row_cell" style="width: 29%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
8 GB</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Port Forwarding ends here-->
|
<div class="grid_row_cell" style="width: 30%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Instance Name</div>
|
||||||
<!-- Load Balancer start here-->
|
</div>
|
||||||
<div class="grid_container">
|
<div class="gridrow_loaderbox" style="display: none;">
|
||||||
<div class="grid_header">
|
<div class="gridrow_loader">
|
||||||
<div class="grid_header_cell" style="width:29%">
|
</div>
|
||||||
<div class="grid_header_title">Name</div>
|
<p>
|
||||||
</div>
|
Creating …</p>
|
||||||
<div class="grid_header_cell" style="width:20%">
|
</div>
|
||||||
<div class="grid_header_title">Public Port</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
<div class="grid_header_cell" style="width:20%">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_header_title">Private Port</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
8080</div>
|
||||||
<div class="grid_header_cell" style="width:30%; border:none;">
|
</div>
|
||||||
<div class="grid_header_title">Algorithm</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
80</div>
|
||||||
|
</div>
|
||||||
<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">
|
||||||
<input class="text" style="width:90%;" type="text" />
|
8 GB</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_row_cell" style="width: 30%;">
|
||||||
<input class="text" style="width:90%;" type="text" />
|
<div class="row_celltitles">
|
||||||
</div>
|
Instance Name</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<input class="text" style="width:90%;" type="text" />
|
<div class="gridrow_loaderbox" style="display: none;">
|
||||||
</div>
|
<div class="gridrow_loader">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<select class="select" style="width:90%;"><option value="Source1">Source Name 1 </option> <option value="Source2">Source Name 2 </option> </select>
|
<p>
|
||||||
</div>
|
Creating …</p>
|
||||||
<div class="grid_row_cell" style="width: 10%;">
|
</div>
|
||||||
<div class="row_celltitles"><a href="#">Add</a></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
<!-- Port Forwarding ends here-->
|
||||||
|
<!-- Load Balancer start here-->
|
||||||
<div class="grid_rows odd">
|
<div id="tab_content_load_balancer" style="display:none">
|
||||||
<div class="grid_row_cell" style="width: 29%;">
|
<div class="grid_container">
|
||||||
<div class="row_celltitles">LB#1</div>
|
<div class="grid_header">
|
||||||
</div>
|
<div class="grid_header_cell" style="width: 29%">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_header_title">
|
||||||
<div class="row_celltitles">8080</div>
|
Name</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_header_cell" style="width: 20%">
|
||||||
<div class="row_celltitles">80</div>
|
<div class="grid_header_title">
|
||||||
</div>
|
Public Port</div>
|
||||||
<div class="grid_row_cell" style="width: 30%;">
|
</div>
|
||||||
<div class="row_celltitles">Source</div>
|
<div class="grid_header_cell" style="width: 20%">
|
||||||
</div>
|
<div class="grid_header_title">
|
||||||
<div class="grid_detailspanel" style="display:block;">
|
Private Port</div>
|
||||||
<div class="grid_details_pointer"></div>
|
</div>
|
||||||
<div class="grid_detailsbox">
|
<div class="grid_header_cell" style="width: 30%; border: none;">
|
||||||
<div class="grid_details_row odd">
|
<div class="grid_header_title">
|
||||||
<div class="grid_row_cell" style="width: 9%;">
|
Algorithm</div>
|
||||||
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 60%;">
|
<div class="grid_rows even">
|
||||||
<select class="select" style="width:90%;"><option value="Source1">Source Name 1 </option> <option value="Source2">Source Name 2 </option> </select>
|
<div class="grid_row_cell" style="width: 29%;">
|
||||||
</div>
|
<input class="text" style="width: 90%;" type="text" />
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 30%;">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="row_celltitles"><a href="#">Add</a></div>
|
<input class="text" style="width: 90%;" type="text" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_details_row">
|
<input class="text" style="width: 90%;" type="text" />
|
||||||
<div class="grid_row_cell" style="width: 9%;">
|
</div>
|
||||||
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<select class="select" style="width: 90%;">
|
||||||
<div class="grid_row_cell" style="width: 60%;">
|
<option value="Source1">Source Name 1 </option>
|
||||||
<div class="row_celltitles">1-2-2-TEST</div>
|
<option value="Source2">Source Name 2 </option>
|
||||||
</div>
|
</select>
|
||||||
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 30%;">
|
<div class="grid_row_cell" style="width: 10%;">
|
||||||
<div class="row_celltitles"><a href="#">Remove</a></div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<a href="#">Add</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_details_row odd">
|
<div class="grid_rows odd">
|
||||||
<div class="grid_row_cell" style="width: 9%;">
|
<div class="grid_row_cell" style="width: 29%;">
|
||||||
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
|
<div class="row_celltitles">
|
||||||
</div>
|
LB#1</div>
|
||||||
<div class="grid_row_cell" style="width: 60%;">
|
</div>
|
||||||
<div class="row_celltitles">1-2-2-TEST</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
8080</div>
|
||||||
<div class="grid_row_cell" style="width: 30%;">
|
</div>
|
||||||
<div class="row_celltitles"><a href="#">Remove</a></div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
80</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 30%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
Source</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 29%;">
|
<div class="grid_detailspanel" style="display: block;">
|
||||||
<div class="row_celltitles">LB#1</div>
|
<div class="grid_details_pointer">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_detailsbox">
|
||||||
<div class="row_celltitles">8080</div>
|
<div class="grid_details_row odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 9%;">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="row_celltitles">
|
||||||
<div class="row_celltitles">80</div>
|
<img src="images/network_managevmicon.gif" /></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 30%;">
|
<div class="grid_row_cell" style="width: 60%;">
|
||||||
<div class="row_celltitles">Source</div>
|
<select class="select" style="width: 90%;">
|
||||||
</div>
|
<option value="Source1">Source Name 1 </option>
|
||||||
<div class="gridrow_loaderbox" style="display:none;">
|
<option value="Source2">Source Name 2 </option>
|
||||||
<div class="gridrow_loader"></div>
|
</select>
|
||||||
<p> Creating …</p>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 30%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
</div>
|
<a href="#">Add</a></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Load Balancer ends here-->
|
<div class="grid_details_row">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 9%;">
|
||||||
<!-- IP Address detail panel (end) -->
|
<div class="row_celltitles">
|
||||||
|
<img src="images/network_managevmicon.gif" /></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 60%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
1-2-2-TEST</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 30%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<a href="#">Remove</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_details_row odd">
|
||||||
|
<div class="grid_row_cell" style="width: 9%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<img src="images/network_managevmicon.gif" /></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 60%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
1-2-2-TEST</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 30%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<a href="#">Remove</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 29%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
LB#1</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
8080</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
80</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 30%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Source</div>
|
||||||
|
</div>
|
||||||
|
<div class="gridrow_loaderbox" style="display: none;">
|
||||||
|
<div class="gridrow_loader">
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Creating …</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Load Balancer ends here-->
|
||||||
|
</div>
|
||||||
|
<!-- IP Address detail panel (end) -->
|
||||||
|
|||||||
@ -1,122 +1,149 @@
|
|||||||
<%@ 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);
|
||||||
|
%>
|
||||||
<!-- 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>
|
||||||
|
ISO
|
||||||
<h1>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 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 class="grid_container">
|
<div id="tab_content_details">
|
||||||
<div class="grid_rows odd">
|
<div class="grid_actionpanel">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_actionbox" id="volume_action_link">
|
||||||
<div class="row_celltitles">
|
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
|
||||||
<%=t.t("ID")%>:</div>
|
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||||
</div>
|
<!--
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<li> <a href="#"> Delete </a> </li>
|
||||||
<div class="row_celltitles" id="id">
|
<li> <a href="#"> Attach Disk </a> </li>
|
||||||
</div>
|
-->
|
||||||
</div>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_editbox">
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Zone")%>:</div>
|
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
|
||||||
</div>
|
display: none;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="gridheader_loader" id="Div1">
|
||||||
<div class="row_celltitles" id="zonename">
|
</div>
|
||||||
</div>
|
<p id="description">
|
||||||
</div>
|
Detaching Disk …</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<p id="description"></p>
|
||||||
<div class="row_celltitles">
|
<div class="close_button" id="close_button">
|
||||||
<%=t.t("Name")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="name">
|
<div class="grid_container">
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_rows odd">
|
<%=t.t("ID")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<%=t.t("Display.Text")%>:</div>
|
<div class="row_celltitles" id="id">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="displaytext">
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_rows odd">
|
<%=t.t("Zone")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<%=t.t("Status")%>:</div>
|
<div class="row_celltitles" id="zonename">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="status">
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_rows odd">
|
<%=t.t("Name")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<%=t.t("Bootable")%>:</div>
|
<div class="row_celltitles" id="name">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="bootable">
|
</div>
|
||||||
<div id="icon">
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Display.Text")%>:</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="displaytext">
|
||||||
<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("Status")%>:</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="status">
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Created")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="grid_rows odd">
|
||||||
<div class="row_celltitles" id="created">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Bootable")%>:</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="bootable">
|
||||||
<div class="row_celltitles">
|
<div id="icon">
|
||||||
<%=t.t("Size")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="size">
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Account")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<!-- ISO detail panel (end) -->
|
<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("Created")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="created">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Size")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="size">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- ISO detail panel (end) -->
|
||||||
|
|||||||
@ -1,129 +1,159 @@
|
|||||||
<%@ 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 class="grid_container">
|
<div id="tab_content_details">
|
||||||
<div class="grid_rows odd">
|
<div class="grid_actionpanel">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_actionbox" id="volume_action_link">
|
||||||
<div class="row_celltitles">
|
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
|
||||||
<%=t.t("Status")%>:</div>
|
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||||
</div>
|
<!--
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<li> <a href="#"> Delete </a> </li>
|
||||||
<div class="row_celltitles" id="state">
|
<li> <a href="#"> Attach Disk </a> </li>
|
||||||
|
-->
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_editbox">
|
||||||
<div class="grid_rows even">
|
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Zone")%>:</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
|
||||||
<div class="row_celltitles" id="zonename">
|
display: none;">
|
||||||
|
<div class="gridheader_loader" id="icon">
|
||||||
|
</div>
|
||||||
|
<p id="description">
|
||||||
|
Detaching Disk …</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_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Status")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="state">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Zone")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="zonename">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Name")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="name">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Public IP")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="publicip">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Private IP")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="privateip">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Guest IP")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="guestipaddress">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Host")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="hostname">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Network Domain")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="networkdomain">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Account")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="account">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Created")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="created">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Name")%>:</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
|
||||||
<div class="row_celltitles" id="name">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_rows even">
|
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Public IP")%>:</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
|
||||||
<div class="row_celltitles" id="publicip">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_rows odd">
|
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Private IP")%>:</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
|
||||||
<div class="row_celltitles" id="privateip">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_rows even">
|
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Guest IP")%>:</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
|
||||||
<div class="row_celltitles" id="guestipaddress">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_rows odd">
|
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Host")%>:</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
|
||||||
<div class="row_celltitles" id="hostname">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_rows even">
|
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Network Domain")%>:</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
|
||||||
<div class="row_celltitles" id="networkdomain">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_rows odd">
|
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Account")%>:</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
|
||||||
<div class="row_celltitles" id="account">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_rows even">
|
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
|
||||||
<div class="row_celltitles">
|
|
||||||
<%=t.t("Created")%>:</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
|
||||||
<div class="row_celltitles" id="created">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- router detail panel (end) -->
|
<!-- router detail panel (end) -->
|
||||||
|
|||||||
@ -1,99 +1,127 @@
|
|||||||
<%@ 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);
|
||||||
|
%>
|
||||||
<!-- 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>
|
||||||
|
Snapshot
|
||||||
<h1>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 class="grid_container">
|
<div id="tab_content_details">
|
||||||
<div class="grid_rows odd">
|
<div class="grid_actionpanel">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_actionbox" id="volume_action_link">
|
||||||
<div class="row_celltitles">
|
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
|
||||||
<%=t.t("ID")%>:</div>
|
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||||
</div>
|
<!--
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<li> <a href="#"> Delete </a> </li>
|
||||||
<div class="row_celltitles" id="id">
|
<li> <a href="#"> Attach Disk </a> </li>
|
||||||
</div>
|
-->
|
||||||
</div>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_editbox">
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Name")%>:</div>
|
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
|
||||||
</div>
|
display: none;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="gridheader_loader" id="icon">
|
||||||
<div class="row_celltitles" id="name">
|
</div>
|
||||||
</div>
|
<p id="description">
|
||||||
</div>
|
Detaching Disk …</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<p id="description"></p>
|
||||||
<div class="row_celltitles">
|
<div class="close_button" id="close_button">
|
||||||
<%=t.t("Volume")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="volume_name">
|
<div class="grid_container">
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_rows even">
|
<%=t.t("ID")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<%=t.t("Interval.Type")%>:</div>
|
<div class="row_celltitles" id="id">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="interval_type">
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_rows odd">
|
<%=t.t("Name")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<%=t.t("Created")%>:</div>
|
<div class="row_celltitles" id="name">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="created">
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_rows even">
|
<%=t.t("Volume")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<%=t.t("Account")%>:</div>
|
<div class="row_celltitles" id="volume_name">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="account">
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_rows odd">
|
<%=t.t("Interval.Type")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<%=t.t("Domain")%>:</div>
|
<div class="row_celltitles" id="interval_type">
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="domain">
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Created")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- snapshot detail panel (end) -->
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="created">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("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("Domain")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="domain">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- snapshot detail panel (end) -->
|
||||||
|
|||||||
@ -1,167 +1,201 @@
|
|||||||
<%@ 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);
|
||||||
|
%>
|
||||||
<!-- 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>
|
||||||
|
Template
|
||||||
<h1>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 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 class="grid_container">
|
<div id="tab_content_details">
|
||||||
<div class="grid_rows even">
|
<div class="grid_actionpanel">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_actionbox" id="volume_action_link">
|
||||||
<div class="row_celltitles">
|
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
|
||||||
<%=t.t("ID")%>:</div>
|
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||||
</div>
|
<!--
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<li> <a href="#"> Delete </a> </li>
|
||||||
<div class="row_celltitles" id="id">
|
<li> <a href="#"> Attach Disk </a> </li>
|
||||||
</div>
|
-->
|
||||||
</div>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_editbox">
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Zone")%>:</div>
|
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
|
||||||
</div>
|
display: none;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="gridheader_loader" id="Div1">
|
||||||
<div class="row_celltitles" id="zonename">
|
</div>
|
||||||
</div>
|
<p id="description">
|
||||||
</div>
|
Detaching Disk …</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows even">
|
<div class="gridheader_message" id="action_message_box" style="border: 1px solid #999; display: none;">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<p id="description"></p>
|
||||||
<div class="row_celltitles">
|
<div class="close_button" id="close_button">
|
||||||
<%=t.t("Name")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="name">
|
|
||||||
</div>
|
<div class="grid_container">
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows odd">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("ID")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Display.Text")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="id">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="displaytext"></div>
|
</div>
|
||||||
<input class="text" style="width:200px; display:none;" type="text" />
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows even">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("Zone")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Status")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="zonename">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="status">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows odd">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("Name")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Password.Enabled")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="name">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="passwordenabled">
|
</div>
|
||||||
<div id="icon">
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Display.Text")%>:</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<div class="row_celltitles">
|
<div class="row_celltitles" id="displaytext">
|
||||||
<%=t.t("Public")%>:</div>
|
</div>
|
||||||
</div>
|
<input class="text" style="width: 200px; display: none;" type="text" />
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="ispublic">
|
</div>
|
||||||
<div id="icon">
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Status")%>:</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="status">
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Featured")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="grid_rows odd">
|
||||||
<div class="row_celltitles" id="isfeatured">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div id="icon">
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Password.Enabled")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="passwordenabled">
|
||||||
<div class="grid_rows even">
|
<div id="icon">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Cross.Zones")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="grid_rows even">
|
||||||
<div class="row_celltitles" id="crossZones">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div id="icon">
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Public")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="ispublic">
|
||||||
<div class="grid_rows odd">
|
<div id="icon">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("OS.Type")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="grid_rows odd">
|
||||||
<div class="row_celltitles" id="ostypename">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Featured")%>:</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="isfeatured">
|
||||||
<div class="row_celltitles">
|
<div id="icon">
|
||||||
<%=t.t("Account")%>:</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="account"></div>
|
</div>
|
||||||
<select class="select" style="width:202px; display:none;"><option value="opt1">Option 1</option> <option value="opt2">Option 2</option></select>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<div class="grid_rows odd">
|
<%=t.t("Cross.Zones")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
</div>
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<%=t.t("Created")%>:</div>
|
<div class="row_celltitles" id="crossZones">
|
||||||
</div>
|
<div id="icon">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="created">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
<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">
|
||||||
<div class="row_celltitles">
|
<%=t.t("OS.Type")%>:</div>
|
||||||
<%=t.t("Size")%>:</div>
|
</div>
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="row_celltitles" id="ostypename">
|
||||||
<div class="row_celltitles" id="size">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<!-- template detail panel (end) -->
|
<%=t.t("Account")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="account">
|
||||||
|
</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 class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Created")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="created">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<%=t.t("Size")%>:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="size">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- template detail panel (end) -->
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user