mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
424 lines
18 KiB
Plaintext
424 lines
18 KiB
Plaintext
<%@ page import="java.util.*" %>
|
|
|
|
<%@ page import="com.cloud.utils.*" %>
|
|
|
|
<%
|
|
Locale browserLocale = request.getLocale();
|
|
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
|
|
%>
|
|
|
|
<div class="main_title" id="right_panel_header">
|
|
<div class="main_titleicon">
|
|
<img src="images/title_podicon.gif" alt="Pod" /></div>
|
|
<h1>
|
|
Pod
|
|
</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>
|
|
<div class="content_tabs off" id="tab_network">
|
|
<%=t.t("network")%></div>
|
|
</div>
|
|
|
|
<!-- Details tab (start)-->
|
|
<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">
|
|
Waiting …</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
<%=t.t("ID")%>:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="id">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even">
|
|
<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>
|
|
<input class="text" id="name_edit" style="width: 200px; display: none;" type="text" />
|
|
<div id="name_edit_errormsg" style="display:none"></div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
<%=t.t("private.cidr")%>:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="cidr">
|
|
</div>
|
|
<input class="text" id="cidr_edit" style="width: 200px; display: none;" type="text" />
|
|
<div id="cidr_edit_errormsg" style="display:none"></div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
<%=t.t("private.ip.range")%>:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="ipRange">
|
|
</div>
|
|
<input class="text" id="startIpRange_edit" style="width: 100px; display: none;" type="text" />
|
|
<div id="startIpRange_edit_errormsg" style="display:none"></div>
|
|
<input class="text" id="endIpRange_edit" style="width: 100px; display: none;" type="text" />
|
|
<div id="endIpRange_edit_errormsg" style="display:none"></div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
<%=t.t("gateway")%>:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="gateway">
|
|
</div>
|
|
<input class="text" id="gateway_edit" style="width: 200px; display: none;" type="text" />
|
|
<div id="gateway_edit_errormsg" style="display:none"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_botactionpanel">
|
|
<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
|
|
<div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Details tab (end)-->
|
|
|
|
<!-- Network tab (start)-->
|
|
<div style="display: none;" id="tab_content_network">
|
|
<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>
|
|
</div>
|
|
<!-- Network tab (end)-->
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Network tab template (begin) -->
|
|
<div class="grid_container" id="network_tab_template" style="display: none">
|
|
<div class="grid_header">
|
|
<div class="grid_header_title" id="grid_header_title">
|
|
</div>
|
|
<div class="grid_actionbox" id="network_action_link">
|
|
<div class="grid_actionsdropdown_box" id="network_action_menu" style="display: none;">
|
|
<ul class="actionsdropdown_boxlist" id="action_list">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="gridheader_loaderbox" id="spinning_wheel" style="display: none; height: 18px;">
|
|
<div class="gridheader_loader" id="icon">
|
|
</div>
|
|
<p id="description">
|
|
Waiting …
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid_rows" id="after_action_info_container" style="display:none">
|
|
<div class="grid_row_cell" style="width: 90%; border: none;">
|
|
<div class="row_celltitles">
|
|
<strong id="after_action_info">Message will appear here</strong></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid_rows even">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
ID:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="id">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Guest IP Range:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="iprange">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Guest Netmask:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="netmask">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows odd">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Gateway:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="gateway">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_rows even">
|
|
<div class="grid_row_cell" style="width: 20%;">
|
|
<div class="row_celltitles">
|
|
Pod:</div>
|
|
</div>
|
|
<div class="grid_row_cell" style="width: 79%;">
|
|
<div class="row_celltitles" id="podname">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Network tab template (end) -->
|
|
|
|
|
|
<!-- ***** dialogs (begin) ***** -->
|
|
<!-- Add Host Dialog -->
|
|
<div id="dialog_add_host" title="Add Host" style="display: none">
|
|
<p>
|
|
Add a host for zone <b><span id="zone_name"></span></b>, pod <b><span id="pod_name">
|
|
</span></b>
|
|
</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form_acquire">
|
|
<ol>
|
|
<li>
|
|
<label for="host_hostname">
|
|
Host name:</label>
|
|
<input class="text" type="text" name="host_hostname" id="host_hostname" />
|
|
<div id="host_hostname_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<label for="user_name">
|
|
User name:</label>
|
|
<input class="text" type="text" name="host_username" id="host_username" />
|
|
<div id="host_username_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<label for="user_name">
|
|
Password:</label>
|
|
<input class="text" type="password" name="host_password" id="host_password" autocomplete="off" />
|
|
<div id="host_password_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li id="cluster_options_container">
|
|
<label>
|
|
</label><span><u>Cluster Options</u></span> </li>
|
|
<li id="new_cluster_radio_container">
|
|
<label>
|
|
<input type="radio" name="cluster" value="new_cluster_radio" checked /> New
|
|
cluster:</label>
|
|
<input class="text" type="text" id="new_cluster_name" />
|
|
<div id="new_cluster_name_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li id="existing_cluster_radio_container">
|
|
<label>
|
|
<input type="radio" name="cluster" value="existing_cluster_radio" /> Join cluster:</label>
|
|
<select class="select" id="cluster_select">
|
|
</select>
|
|
</li>
|
|
<li id="no_cluster_radio_container">
|
|
<label>
|
|
<input type="radio" name="cluster" value="no_cluster_radio" /> Standalone</label>
|
|
<span style="padding-left: 20px"></span></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....</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>
|
|
<!-- Add Primary Storage Dialog -->
|
|
<div id="dialog_add_pool" title="Add Primary Storage" style="display: none">
|
|
<p>
|
|
Add a new Primary Storage for zone <b><span id="zone_name"></span></b>, pod <b><span
|
|
id="pod_name"></span></b>
|
|
</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form_acquire">
|
|
<ol>
|
|
<li id="pool_cluster_container">
|
|
<label for="pool_cluster">
|
|
Cluster:</label>
|
|
<select class="select" id="pool_cluster">
|
|
</select>
|
|
<div id="pool_cluster_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<label for="user_name">
|
|
Name:</label>
|
|
<input class="text" type="text" name="add_pool_name" id="add_pool_name" />
|
|
<div id="add_pool_name_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<label for="add_pool_protocol">
|
|
Protocol:</label>
|
|
<select class="select" id="add_pool_protocol">
|
|
<option value="nfs">NFS</option>
|
|
<option value="iscsi">ISCSI</option>
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="add_pool_nfs_server">
|
|
Server:</label>
|
|
<input class="text" type="text" name="add_pool_nfs_server" id="add_pool_nfs_server" />
|
|
<div id="add_pool_nfs_server_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li id="add_pool_path_container">
|
|
<label for="add_pool_path">
|
|
Path:</label>
|
|
<input class="text" type="text" name="add_pool_path" id="add_pool_path" />
|
|
<div id="add_pool_path_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li id="add_pool_iqn_container" style="display: none">
|
|
<label for="add_pool_iqn">
|
|
Target IQN:</label>
|
|
<input class="text" type="text" name="add_pool_iqn" id="add_pool_iqn" />
|
|
<div id="add_pool_iqn_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li id="add_pool_lun_container" style="display: none">
|
|
<label for="add_pool_lun">
|
|
LUN #:</label>
|
|
<input class="text" type="text" name="add_pool_lun" id="add_pool_lun" />
|
|
<div id="add_pool_lun_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li id="add_pool_tags_container">
|
|
<label for="add_pool_tags">
|
|
Tags:</label>
|
|
<input class="text" type="text" id="add_pool_tags" />
|
|
<div id="add_pool_tags_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....</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>
|
|
|
|
|
|
<!-- Add VLAN IP Range Dialog for pod (begin) -->
|
|
<div id="dialog_add_vlan_for_pod" title="Add Direct IP Range" style="display:none">
|
|
<p>Please enter the following info to add a new direct IP range on untagged VLAN to pod: <b><span id="pod_name_label"></span></b></p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form5">
|
|
<ol>
|
|
<li>
|
|
<label>Guest IP Range:</label>
|
|
<input class="text" style="width:67px" type="text" id="startip"/><span>-</span>
|
|
<input class="text" style="width:67px" type="text" id="endip"/>
|
|
<div id="startip_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
|
|
<div id="endip_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
|
|
</li>
|
|
<li>
|
|
<label for="netmask">Guest Netmask:</label>
|
|
<input class="text" type="text" id="netmask"/>
|
|
<div id="netmask_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....</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>
|
|
<!-- Add VLAN IP Range Dialog for pod (end) -->
|
|
<!-- ***** dialogs (begin) ***** -->
|