mirror of
https://github.com/apache/cloudstack.git
synced 2025-11-02 20:02:29 +01:00
733 lines
31 KiB
Plaintext
733 lines
31 KiB
Plaintext
<%@ page import="java.util.*" %>
|
|
|
|
<%@ page import="com.cloud.utils.*" %>
|
|
|
|
<%
|
|
Locale browserLocale = request.getLocale();
|
|
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
|
|
%>
|
|
|
|
|
|
<!-- IP Address detail panel (begin) -->
|
|
<div class="main_title" id="right_panel_header">
|
|
<div class="main_titleicon">
|
|
<img src="images/title_ipicon.gif" alt="IP Address" /></div>
|
|
<h1>
|
|
IP Address
|
|
</h1>
|
|
</div>
|
|
<div class="contentbox" id="right_panel_content">
|
|
<div class="info_detailbox errorbox" id="after_action_info_container_on_top" style="display: none">
|
|
<p id="after_action_info">
|
|
</p>
|
|
</div>
|
|
<div class="tabbox" style="margin-top: 15px;">
|
|
<div class="content_tabs on" id="tab_details">
|
|
<%=t.t("Details")%></div>
|
|
<!-- NOTE: Reenable this tab after 2.2 Beta 2 -->
|
|
<!--
|
|
<div class="content_tabs off" id="tab_port_forwarding">
|
|
<%=t.t("Port Forwarding")%></div>
|
|
-->
|
|
<div class="content_tabs off" id="tab_load_balancer">
|
|
<%=t.t("Load Balancer")%></div>
|
|
<div class="content_tabs off" id="tab_vpn">
|
|
<%=t.t("VPN")%></div>
|
|
</div>
|
|
<div id="tab_content_details">
|
|
<div id="tab_spinning_wheel" class="rightpanel_mainloader_panel" style="display: none;">
|
|
<div class="rightpanel_mainloaderbox">
|
|
<div class="rightpanel_mainloader_animatedicon">
|
|
</div>
|
|
<p>
|
|
Loading …</p>
|
|
</div>
|
|
</div>
|
|
<div id="tab_container">
|
|
<div class="grid_container">
|
|
<div class="grid_header">
|
|
<div id="grid_header_title" 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 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 …</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
IP:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="ipaddress">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
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">
|
|
VLAN:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="vlanname">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Source NAT:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="source_nat">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Network Type:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="network_type">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Domain:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="domain">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
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">
|
|
Allocated:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="allocated">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Static NAT:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="static_nat">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even" id="vm_of_static_nat_container" style="display:none">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
VM of Static NAT:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="vm_of_static_nat">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Details ends here-->
|
|
<!-- Port Forwarding start here-->
|
|
<div id="tab_content_port_forwarding" style="display:none">
|
|
<div id="tab_spinning_wheel" class="rightpanel_mainloader_panel" style="display: none;">
|
|
<div class="rightpanel_mainloaderbox">
|
|
<div class="rightpanel_mainloader_animatedicon">
|
|
</div>
|
|
<p>
|
|
Loading …</p>
|
|
</div>
|
|
</div>
|
|
<div id="tab_container">
|
|
<div class="grid_container" id="grid_container">
|
|
<div class="grid_header">
|
|
<div class="grid_header_cell" style="width: 15%; padding: 1px;">
|
|
<div class="grid_header_title">
|
|
Public Port</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 15%; padding: 1px;">
|
|
<div class="grid_header_title">
|
|
Private Port</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 15%; padding: 1px;">
|
|
<div class="grid_header_title">
|
|
Protocol</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 25%; border: none; padding: 1px;">
|
|
<div class="grid_header_title">
|
|
Instance</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 10%; padding: 1px;">
|
|
<div class="grid_header_title">
|
|
State</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 15%; padding: 1px;">
|
|
<div class="grid_header_title">
|
|
Action</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even" id="create_port_forwarding_row">
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<input id="public_port" class="text" style="width: 70%;" type="text" />
|
|
<div id="public_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<input id="private_port" class="text" style="width: 70%;" type="text" />
|
|
<div id="private_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<select class="select" id="protocol" style="width:70%;">
|
|
<option value="TCP">TCP</option>
|
|
<option value="UDP">UDP</option>
|
|
</select>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 25%; padding: 1px;">
|
|
<select class="select" id="vm">
|
|
</select>
|
|
<div id="vm_errormsg" class="errormsg" style="display: none;"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
|
|
<div class="row_celltitles" id="state"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<div class="row_celltitles">
|
|
<a id="add_link" href="#">Add</a></div>
|
|
</div>
|
|
</div>
|
|
<div id="grid_content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Port Forwarding ends here-->
|
|
<!-- Load Balancer start here-->
|
|
<div id="tab_content_load_balancer" style="display:none">
|
|
<div id="tab_spinning_wheel" class="rightpanel_mainloader_panel" style="display: none;">
|
|
<div class="rightpanel_mainloaderbox">
|
|
<div class="rightpanel_mainloader_animatedicon">
|
|
</div>
|
|
<p>
|
|
Loading …</p>
|
|
</div>
|
|
</div>
|
|
<div id="tab_container">
|
|
<div class="grid_container">
|
|
<div class="grid_header">
|
|
<div class="grid_header_cell" style="width: 25%">
|
|
<div class="grid_header_title">
|
|
Name</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 15%">
|
|
<div class="grid_header_title">
|
|
Public Port</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 15%">
|
|
<div class="grid_header_title">
|
|
Private Port</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 15%; border: none;">
|
|
<div class="grid_header_title">
|
|
Algorithm</div>
|
|
</div>
|
|
<div class="grid_header_cell" style="width: 29%">
|
|
<div class="grid_header_title">
|
|
Action</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even" id="create_load_balancer_row">
|
|
<div class="grid_row_cell" style="width: 25%;">
|
|
<input id="name" class="text" style="width: 70%;" type="text" />
|
|
<div id="name_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<input id="public_port" class="text" style="width: 70%;" type="text" />
|
|
<div id="public_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<input id="private_port" class="text" style="width: 70%;" type="text" />
|
|
<div id="private_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<select id="algorithm_select" class="select" style="width: 70%;">
|
|
<option value="roundrobin">roundrobin</option>
|
|
<option value="leastconn">leastconn</option>
|
|
<option value="source">source</option>
|
|
</select>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 29%;">
|
|
<div class="row_celltitles">
|
|
<a id="add_link" href="#">Add</a></div>
|
|
</div>
|
|
</div>
|
|
<div id="grid_content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Load Balancer ends here-->
|
|
|
|
<!-- VPN start here-->
|
|
<div id="tab_content_vpn" style="display:none">
|
|
<div id="tab_spinning_wheel" class="rightpanel_mainloader_panel" style="display: none;">
|
|
<div class="rightpanel_mainloaderbox">
|
|
<div class="rightpanel_mainloader_animatedicon">
|
|
</div>
|
|
<p>
|
|
Loading …</p>
|
|
</div>
|
|
</div>
|
|
<div id="tab_container" style="display:none">
|
|
<div id="vpn_help" class="info_detailbox defaultbox" style="display:none;">
|
|
<p>
|
|
Your VPN access is currently enabled and can be accessed via the IP : <b><span id="vpn_ip"></span></b><br/>
|
|
Your IPSec pre-shared key is : <b><span id="vpn_key"></span></b><br/>
|
|
</p>
|
|
</div>
|
|
<div class="grid_container">
|
|
<div class="grid_header">
|
|
<div id="grid_header_title" class="grid_header_title">VPN Users</div>
|
|
<div class="grid_actionbox" id="vpn_action_link">
|
|
<div class="grid_actionsdropdown_box" id="vpn_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; display: none;">
|
|
<div class="gridheader_loader" id="icon"></div>
|
|
<p id="vpn_enable">Enable VPN …</p>
|
|
</div>
|
|
</div>
|
|
<div id="grid_content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="vpn_disabled_msg" class="info_detailbox defaultbox" style="display:none;"> <p>VPN access is currently not enabled. Please <a href="#" id="enable_vpn_link">click here</a> to enable VPN.</p></div>
|
|
</div>
|
|
<!-- VPN ends here-->
|
|
</div>
|
|
<!-- IP Address detail panel (end) -->
|
|
|
|
|
|
|
|
<!-- Load Balancer Template (begin) -->
|
|
<div class="grid_rows odd" id="load_balancer_template" style="display:none">
|
|
<div id="row_container">
|
|
<div class="grid_row_cell" style="width: 25%;">
|
|
<div class="row_celltitles" id="name">
|
|
LB#1</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<div class="row_celltitles" id="public_port">
|
|
8080</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<div class="row_celltitles" id="private_port">
|
|
80</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<div class="row_celltitles" id="algorithm">
|
|
(algorithm)</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 29%;">
|
|
<div class="row_celltitles">
|
|
<a id="manage_link" href="#" style="float:left;">Manage</a>
|
|
<a id="edit_link" href="#" style="float:left; margin-left:15px;">Edit</a>
|
|
<a id="delete_link" href="#" style="float:left; margin-left:15px;" >Delete</a>
|
|
</div>
|
|
</div>
|
|
<div class="gridrow_loaderbox" style="display: none;" id="spinning_wheel">
|
|
<div class="gridrow_loader">
|
|
</div>
|
|
<p id="description">
|
|
Waiting …
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd" id="row_container_edit" style="display:none">
|
|
<div class="grid_row_cell" style="width: 25%;">
|
|
<input id="name" class="text" style="width: 70%;" type="text" />
|
|
<div id="name_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<div class="row_celltitles" id="public_port">8080</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<input id="private_port" class="text" style="width: 70%;" type="text" />
|
|
<div id="private_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%;">
|
|
<select id="algorithm_select" class="select" style="width: 70%;">
|
|
<option value="roundrobin">roundrobin</option>
|
|
<option value="leastconn">leastconn</option>
|
|
<option value="source">source</option>
|
|
</select>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 29%;">
|
|
<div class="row_celltitles">
|
|
<a id="save_link" href="#" style="float:left;">Save</a>
|
|
<a id="cancel_link" href="#" style="float:left; margin-left:15px; display:inline;">Cancel</a>
|
|
</div>
|
|
</div>
|
|
<div class="gridrow_loaderbox" style="display: none;" id="spinning_wheel">
|
|
<div class="gridrow_loader">
|
|
</div>
|
|
<p id="description">
|
|
Waiting …
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_detailspanel" id="management_area" style="display: none;">
|
|
<div class="grid_details_pointer">
|
|
</div>
|
|
<div class="grid_detailsbox">
|
|
<div class="grid_details_row odd" id="add_vm_to_lb_row">
|
|
<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%;">
|
|
<select id="vm_select" class="select" style="width: 90%;">
|
|
</select>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 30%;">
|
|
<div class="row_celltitles">
|
|
<a id="assign_link" href="#">Assign</a></div>
|
|
</div>
|
|
<div id="spinning_wheel" class="gridrow_loaderbox" style="display: none;">
|
|
<div class="gridrow_loader">
|
|
</div>
|
|
<p>
|
|
Assigning instance to load balancer rule …</p>
|
|
</div>
|
|
</div>
|
|
<div id="subgrid_content" class="ip_description_managearea">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Load Balancer Template (end) -->
|
|
|
|
<!-- Load Balancer's VM subgrid template (begin) -->
|
|
<div id="load_balancer_vm_template" class="grid_details_row odd" style="display:none">
|
|
<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: 30%;">
|
|
<div class="row_celltitles" id="vm_name"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 30%;">
|
|
<div class="row_celltitles" id="vm_private_ip"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 30%;">
|
|
<div class="row_celltitles">
|
|
<a id="remove_link" href="#">Remove</a></div>
|
|
</div>
|
|
<div id="spinning_wheel" class="gridrow_loaderbox" style="display: none;">
|
|
<div class="gridrow_loader">
|
|
</div>
|
|
<p>
|
|
Removing instance from load balancer rule …</p>
|
|
</div>
|
|
</div>
|
|
<!-- Load Balancer's VM subgrid template (end) -->
|
|
|
|
<!-- Port Forwarding template (begin) -->
|
|
<div class="grid_rows odd" id="port_forwarding_template" style="display: none">
|
|
<div id="row_container">
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<div class="row_celltitles" id="public_port"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<div class="row_celltitles" id="private_port"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<div class="row_celltitles" id="protocol"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 25%; padding: 1px;">
|
|
<div class="row_celltitles" id="vm_name"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
|
|
<div class="row_celltitles" id="state"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<div class="row_celltitles">
|
|
<a id="edit_link" href="#" style="float:left;">Edit</a>
|
|
<a id="revoke_link" href="#" style="float:left; margin-left:15px;">Revoke</a>
|
|
</div>
|
|
</div>
|
|
<div class="gridrow_loaderbox" style="display: none;" id="spinning_wheel">
|
|
<div class="gridrow_loader">
|
|
</div>
|
|
<p id="description">
|
|
Waiting …
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="row_container_edit" style="display:none">
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<div class="row_celltitles" id="public_port"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<input id="private_port" class="text" style="width: 70%;" type="text" />
|
|
<div id="private_port_errormsg" class="errormsg" style="display: none;">
|
|
Error msg will appear here</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<div class="row_celltitles" id="protocol"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 25%; padding: 1px;">
|
|
<select class="select" id="vm">
|
|
</select>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
|
|
<div class="row_celltitles" id="state"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
|
|
<div class="row_celltitles">
|
|
<a id="save_link" href="#" style="float:left;">Save</a>
|
|
<a id="cancel_link" href="#" style="float:left; margin-left:15px;">Cancel</a>
|
|
</div>
|
|
</div>
|
|
<div class="gridrow_loaderbox" style="display: none;" id="spinning_wheel">
|
|
<div class="gridrow_loader">
|
|
</div>
|
|
<p id="description">
|
|
Waiting …
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Port Forwarding template (end) -->
|
|
|
|
<!-- VPN Template (begin) -->
|
|
<div class="grid_rows odd" id="vpn_template" style="display:none">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Username:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 59%;">
|
|
<div class="row_celltitles" id="username"></div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles"><a href="#" id="vpn_delete_user">Delete</a></div>
|
|
</div>
|
|
</div>
|
|
<!-- VPN Template (end) -->
|
|
|
|
<!-- dialogs (begin) -->
|
|
<div id="dialog_confirmation_release_ip" title="Confirmation" style="display:none">
|
|
<p>
|
|
<%=t.t("please.confirm.you.want.to.release.this.IP.address")%>
|
|
</p>
|
|
</div>
|
|
|
|
<div id="dialog_confirmation_remove_vpnuser" title="Confirmation" style="display:none">
|
|
<p>
|
|
Please confirm you want to remove VPN access from the following user: <span id="username"></span>
|
|
</p>
|
|
<!--Loading box-->
|
|
<div id="spinning_wheel" class="ui_dialog_loaderbox" style="display:none;">
|
|
<div class="ui_dialog_loader"></div>
|
|
<p>Removing User....</p>
|
|
</div>
|
|
|
|
<!--Confirmation msg box-->
|
|
<!--Note: for error msg, just have to add error besides everything for eg. add error(class) next to ui_dialog_messagebox error, ui_dialog_msgicon error, ui_dialog_messagebox_text error. -->
|
|
<div id="info_container" class="ui_dialog_messagebox error" style="display:none;">
|
|
<div id="icon" class="ui_dialog_msgicon error"></div>
|
|
<div id="info" class="ui_dialog_messagebox_text error">(info)</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="dialog_enable_vpn" title="Enable VPN" style="display:none">
|
|
<p>
|
|
VPN is currently disabled for this IP Address. Would you like to enable VPN access?
|
|
</p>
|
|
<!--Loading box-->
|
|
<div id="spinning_wheel" class="ui_dialog_loaderbox" style="display:none;">
|
|
<div class="ui_dialog_loader"></div>
|
|
<p>Enabling VPN Access....</p>
|
|
</div>
|
|
|
|
<!--Confirmation msg box-->
|
|
<!--Note: for error msg, just have to add error besides everything for eg. add error(class) next to ui_dialog_messagebox error, ui_dialog_msgicon error, ui_dialog_messagebox_text error. -->
|
|
<div id="info_container" class="ui_dialog_messagebox error" style="display:none;">
|
|
<div id="icon" class="ui_dialog_msgicon error"></div>
|
|
<div id="info" class="ui_dialog_messagebox_text error">(info)</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="dialog_disable_vpn" title="Disable VPN" style="display:none">
|
|
<p>
|
|
Please confirm you want to disable VPN Access.
|
|
</p>
|
|
<!--Loading box-->
|
|
<div id="spinning_wheel" class="ui_dialog_loaderbox" style="display:none;">
|
|
<div class="ui_dialog_loader"></div>
|
|
<p>Disabling VPN Access....</p>
|
|
</div>
|
|
|
|
<!--Confirmation msg box-->
|
|
<!--Note: for error msg, just have to add error besides everything for eg. add error(class) next to ui_dialog_messagebox error, ui_dialog_msgicon error, ui_dialog_messagebox_text error. -->
|
|
<div id="info_container" class="ui_dialog_messagebox error" style="display:none;">
|
|
<div id="icon" class="ui_dialog_msgicon error"></div>
|
|
<div id="info" class="ui_dialog_messagebox_text error">(info)</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="dialog_acquire_public_ip" title="Acquire New IP" style="display: none">
|
|
<p>
|
|
<%=t.t("please.select.an.available.zone.to.associate.your.new.ip.with..acquiring.additional.ip.may.cost.you.an.additional.dollars.per.month.")%>
|
|
</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form1">
|
|
<ol>
|
|
<li>
|
|
<label>
|
|
<%=t.t("zone")%>:</label>
|
|
<select class="select" name="acquire_zone" id="acquire_zone">
|
|
<option value="default"><%=t.t("please.wait")%>....</option>
|
|
</select>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Create User for VPN (begin) -->
|
|
<div id="dialog_add_vpnuser" title="Add VPN User" style="display:none">
|
|
<p>
|
|
Please enter a username and password of the user that you want to allow VPN access.
|
|
</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form5">
|
|
<ol>
|
|
<li>
|
|
<label><%=t.t("username")%>:</label>
|
|
<input class="text" type="text" id="username"/>
|
|
<div id="username_errormsg" class="dialog_formcontent_errormsg" style="display:none;"></div>
|
|
</li>
|
|
<li>
|
|
<label><%=t.t("password")%>:</label>
|
|
<input class="text" type="password" id="password"/>
|
|
<div id="password_errormsg" class="dialog_formcontent_errormsg" style="display:none;"></div>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
<!--Loading box-->
|
|
<div id="spinning_wheel" class="ui_dialog_loaderbox" style="display:none;">
|
|
<div class="ui_dialog_loader"></div>
|
|
<p>Adding User....</p>
|
|
</div>
|
|
|
|
<!--Confirmation msg box-->
|
|
<!--Note: for error msg, just have to add error besides everything for eg. add error(class) next to ui_dialog_messagebox error, ui_dialog_msgicon error, ui_dialog_messagebox_text error. -->
|
|
<div id="info_container" class="ui_dialog_messagebox error" style="display:none;">
|
|
<div id="icon" class="ui_dialog_msgicon error"></div>
|
|
<div id="info" class="ui_dialog_messagebox_text error">(info)</div>
|
|
</div>
|
|
</div>
|
|
<!-- Create User for VPN (end) -->
|
|
|
|
<!-- Enable Static NAT Dialog (begin) -->
|
|
<div id="dialog_enable_static_NAT" title="Enable Static NAT" style="display: none">
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form3">
|
|
<ol>
|
|
<li>
|
|
<label for="vm_dropdown">
|
|
Instance:</label>
|
|
<select class="select" name="vm_dropdown" id="vm_dropdown">
|
|
</select>
|
|
<div id="vm_dropdown_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Enable Static NAT Dialog (end) -->
|
|
|
|
<!-- dialogs (end) -->
|
|
|
|
|
|
<!-- advanced search template (begin) -->
|
|
<div id="advanced_search_template" class="adv_searchpopup" style="display: none;">
|
|
<div class="adv_searchformbox">
|
|
<h3>
|
|
Advance Search</h3>
|
|
<a id="advanced_search_close" href="#">Close </a>
|
|
<form action="#" method="post">
|
|
<ol>
|
|
<li>
|
|
<label for="filter">
|
|
IP:</label>
|
|
<input class="text" type="text" name="adv_search_name" id="adv_search_ipaddress" />
|
|
</li>
|
|
<li>
|
|
<label for="filter">
|
|
Zone:</label>
|
|
<select class="select" id="adv_search_zone">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_domain_li" style="display: none;">
|
|
<label for="filter">
|
|
Domain:</label>
|
|
<select class="select" id="adv_search_domain">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_account_li" style="display: none;">
|
|
<label for="filter">
|
|
Account:</label>
|
|
<input class="text" type="text" id="adv_search_account" />
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
<div class="adv_search_actionbox">
|
|
<div class="adv_searchpopup_button" id="adv_search_button">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- advanced search template (end) -->
|