mirror of https://github.com/apache/cloudstack.git
new UI - seperate resource.jsp into zone.jsp, pod.jsp, cluster.jsp, host.jsp, primarystorage.jsp, systemvm.jsp.
This commit is contained in:
Jessica Wang
parent
394af1b29c
commit
93532102ec
|
|
@ -0,0 +1,81 @@
|
|||
<%@ 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_resourceicon.gif" alt="Cluster" /></div>
|
||||
<h1>
|
||||
Cluster
|
||||
</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>
|
||||
<!-- Details tab (start)-->
|
||||
<div id="tab_content_details">
|
||||
<div class="rightpanel_mainloader_panel" style="display: none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon">
|
||||
</div>
|
||||
<p>
|
||||
Loading …</p>
|
||||
</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("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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<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 even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("pod")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="podname">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Details tab (end)-->
|
||||
</div>
|
||||
|
||||
|
|
@ -0,0 +1,367 @@
|
|||
<%@ 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_resourceicon.gif" alt="Host" /></div>
|
||||
<h1>
|
||||
Host
|
||||
</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>
|
||||
<!-- Details tab (start)-->
|
||||
<div id="tab_content_details">
|
||||
<div class="rightpanel_mainloader_panel" style="display: none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon">
|
||||
</div>
|
||||
<p>
|
||||
Loading …</p>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("state")%>:</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("type")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="type">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<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 even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("pod")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="podname">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("cluster")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="clustername">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("ip.address")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="ipaddress">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("version")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="version">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("os.preference")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="oscategoryname">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("last.disconnected")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="disconnected">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Details tab (end)-->
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
<!-- dialogs -->
|
||||
<div id="dialog_confirmation_enable_maintenance" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("enabling.maintenance.mode.will.cause.a.live.migration.of.all.running.instances.on.this.host.to.any.available.host")%>
|
||||
</p>
|
||||
</div>
|
||||
<div id="dialog_confirmation_cancel_maintenance" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("please.confirm.you.want.to.cancel.maintenance.for.the.host")%>
|
||||
</p>
|
||||
</div>
|
||||
<div id="dialog_confirmation_force_reconnect" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("please.confirm.you.want.to.force.a.reconnection.for.the.host")%>
|
||||
</p>
|
||||
</div>
|
||||
<div id="dialog_confirmation_remove_host" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("please.confirm.you.want.to.remove.the.host.from.the.management.server")%>
|
||||
</p>
|
||||
</div>
|
||||
<!-- Update OS Preference Dialog -->
|
||||
<div id="dialog_update_os" title="Update OS Preference" style="display: none">
|
||||
<p>
|
||||
<%=t.t("Please.choose.a.OS.preference.for.this.host..Virtual.machines.will.always.be.allocated.to.hosts.with.an.OS.preference.that.matches.with.the.OS.type.of.the.template.chosen.for.the.virtual.machine.before.choosing.other.hosts.")%>
|
||||
</p>
|
||||
<div class="dialog_formcontent">
|
||||
<form action="#" method="post" id="form_acquire">
|
||||
<ol>
|
||||
<li>
|
||||
<label>
|
||||
<%=t.t("OS.preference")%>:</label>
|
||||
<select class="select" name="host_os" id="host_os">
|
||||
<option value="">
|
||||
<%=t.t("none")%></option>
|
||||
</select>
|
||||
</li>
|
||||
</ol>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,268 @@
|
|||
<%@ 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_resourceicon.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>
|
||||
<!-- Details tab (start)-->
|
||||
<div id="tab_content_details">
|
||||
<div class="rightpanel_mainloader_panel" style="display: none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon">
|
||||
</div>
|
||||
<p>
|
||||
Loading …</p>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Details tab (end)-->
|
||||
</div>
|
||||
|
||||
<!-- ***** 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>
|
||||
<!-- ***** dialogs (begin) ***** -->
|
||||
|
|
@ -0,0 +1,332 @@
|
|||
<%@ 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_resourceicon.gif" alt="Primary Storage" /></div>
|
||||
<h1>
|
||||
Primary Storage
|
||||
</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>
|
||||
<!-- Details tab (start)-->
|
||||
<div id="tab_content_details">
|
||||
<div class="rightpanel_mainloader_panel" style="display: none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon">
|
||||
</div>
|
||||
<p>
|
||||
Loading …</p>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<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 even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("pod")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="podname">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("cluster")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="clustername">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("type")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="type">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("IP.or.FQDN")%>:</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">
|
||||
<%=t.t("path")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="path">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("disk.total")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="disksizetotal">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("disk.allocated")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="disksizeallocated">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("tags")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="tags">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Details tab (end)-->
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
<!-- dialogs -->
|
||||
<div id="dialog_confirmation_delete_primarystorage" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("please.confirm.you.want.to.delete.the.primary.storage")%>
|
||||
</p>
|
||||
</div>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,203 @@
|
|||
<%@ 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_resourceicon.gif" alt="System VM" /></div>
|
||||
<h1>
|
||||
System VM
|
||||
</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>
|
||||
<!-- Details tab (start)-->
|
||||
<div id="tab_content_details">
|
||||
<div class="rightpanel_mainloader_panel" style="display: none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon">
|
||||
</div>
|
||||
<p>
|
||||
Loading …</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_container">
|
||||
<div class="grid_header">
|
||||
<div id="grid_header_title" class="grid_header_title">
|
||||
(title)</div>
|
||||
<div id="action_link" 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="vm_statusbox">
|
||||
<div id="view_console_container" style="float: left;">
|
||||
<div id="view_console_template" style="display: block">
|
||||
<div class="vm_consolebox" id="box0">
|
||||
</div>
|
||||
<div class="vm_consolebox" id="box1" style="display: none">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vm_status_textbox">
|
||||
<div class="vm_status_textline green" id="state">
|
||||
</div>
|
||||
<br />
|
||||
<p id="ipAddress">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("system.vm.type")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="systemvmtype">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<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 even">
|
||||
<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 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("active.sessions")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="activeviewersessions">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<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 even">
|
||||
<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 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("gateway")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="gateway">
|
||||
</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>
|
||||
</div>
|
||||
<!-- Details tab (end)-->
|
||||
</div>
|
||||
|
||||
<!-- view console template (begin) -->
|
||||
<div id="view_console_template" style="display: none">
|
||||
<div class="vm_consolebox" id="box0">
|
||||
</div>
|
||||
<div class="vm_consolebox" id="box1" style="display: none">
|
||||
</div>
|
||||
</div>
|
||||
<!-- view console template (end) -->
|
||||
<!-- dialogs -->
|
||||
<div id="dialog_confirmation_start_systemVM" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("please.confirm.you.want.to.start.systemVM")%>
|
||||
</p>
|
||||
</div>
|
||||
<div id="dialog_confirmation_stop_systemVM" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("please.confirm.you.want.to.stop.systemVM")%>
|
||||
</p>
|
||||
</div>
|
||||
<div id="dialog_confirmation_reboot_systemVM" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("please.confirm.you.want.to.reboot.systemVM")%>
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,584 @@
|
|||
<%@ 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_resourceicon.gif" alt="Zone" /></div>
|
||||
<h1>
|
||||
Zone
|
||||
</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 class="content_tabs off" id="tab_secondarystorage">
|
||||
<%=t.t("secondary.storage")%></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="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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("dns1")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="dns1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("dns2")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="dns2">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("internaldns1")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="internaldns1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("internaldns2")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="internaldns2">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("vlan")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="vlan">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("guestcidraddress")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="guestcidraddress">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Details tab (end)-->
|
||||
<!-- Network tab (start)-->
|
||||
<div style="display: none;" id="tab_content_network">
|
||||
<div class="rightpanel_mainloader_panel" style="display: none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon">
|
||||
</div>
|
||||
<p>
|
||||
Loading …</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text_container">
|
||||
<div class="network_dgbox">
|
||||
<div class="networkdg_zonepanel">
|
||||
<div class="networkdg_zonebox">
|
||||
<div class="networkdg_zonecloud" id="zone_cloud">
|
||||
<p>
|
||||
<%=t.t("zone")%>
|
||||
<span id="zone_name"></span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="networkdg_zoneconnect">
|
||||
</div>
|
||||
</div>
|
||||
<div class="networkswitchpanel">
|
||||
<div class="networkswitch_titlebox">
|
||||
<p>
|
||||
<strong>Guest VLAN: <span id="zone_vlan"></span></strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="networkswitch_top">
|
||||
</div>
|
||||
<div class="networkswitch_midpanel" id="vlan_container">
|
||||
</div>
|
||||
<div class="networkswitch_end">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Network tab (end)-->
|
||||
<!-- Secondary Storage tab (start)-->
|
||||
<div id="tab_content_secondarystorage" style="display: none">
|
||||
Secondary Storage
|
||||
<div class="rightpanel_mainloader_panel" style="display: none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon">
|
||||
</div>
|
||||
<p>
|
||||
Loading …</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Secondary Storage tab (end)-->
|
||||
</div>
|
||||
|
||||
<!-- ***** dialogs ***** (begin)-->
|
||||
<!-- Add Pod Dialog (begin) -->
|
||||
<div id="dialog_add_pod" title="Add Pod" style="display: none">
|
||||
<p>
|
||||
Add a new pod for zone <b><span id="add_pod_zone_name"></span></b>
|
||||
</p>
|
||||
<div class="dialog_formcontent">
|
||||
<form action="#" method="post" id="form_acquire">
|
||||
<ol>
|
||||
<li>
|
||||
<label for="user_name" style="width: 115px;">
|
||||
Name:</label>
|
||||
<input class="text" type="text" name="add_pod_name" id="add_pod_name" />
|
||||
<div id="add_pod_name_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="add_pod_gateway" style="width: 115px;">
|
||||
Gateway:</label>
|
||||
<input class="text" type="text" id="add_pod_gateway" />
|
||||
<div id="add_pod_gateway_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name" style="width: 115px;">
|
||||
CIDR:</label>
|
||||
<input class="text" type="text" name="add_pod_cidr" id="add_pod_cidr" />
|
||||
<div id="add_pod_cidr_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name" style="width: 115px;">
|
||||
Private IP Range:</label>
|
||||
<input class="text" style="width: 67px" type="text" name="add_pod_startip" id="add_pod_startip" /><span>-</span>
|
||||
<input class="text" style="width: 67px" type="text" name="add_pod_endip" id="add_pod_endip" />
|
||||
<div id="add_pod_startip_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
||||
</div>
|
||||
<div id="add_pod_endip_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 Pod Dialog (end) -->
|
||||
<!-- Add Secondary Storage Dialog (begin) -->
|
||||
<div id="dialog_add_secondarystorage" title="Add Secondary Storage" style="display: none">
|
||||
<p>
|
||||
Add a new storage for zone <b><span id="zone_name"></span></b>
|
||||
</p>
|
||||
<div class="dialog_formcontent">
|
||||
<form action="#" method="post" id="form1">
|
||||
<ol>
|
||||
<li>
|
||||
<label>
|
||||
NFS Server:</label>
|
||||
<input class="text" type="text" name="nfs_server" id="nfs_server" />
|
||||
<div id="nfs_server_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="path">
|
||||
Path:</label>
|
||||
<input class="text" type="text" name="path" id="path" />
|
||||
<div id="path_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 Secondary Storage Dialog (end) -->
|
||||
<!-- Add VLAN IP Range Dialog for zone (begin) -->
|
||||
<div id="dialog_add_vlan_for_zone" title="Add VLAN IP Range" style="display: none">
|
||||
<p>
|
||||
Add a new IP range for zone: <b><span id="zone_name"></span></b>
|
||||
</p>
|
||||
<div class="dialog_formcontent">
|
||||
<form action="#" method="post" id="form_acquire">
|
||||
<ol>
|
||||
<li style="display: none" id="add_publicip_vlan_type_container">
|
||||
<label for="add_publicip_vlan_type">
|
||||
Type:</label>
|
||||
<select class="select" name="add_publicip_vlan_type" id="add_publicip_vlan_type">
|
||||
<option value="false">direct</option>
|
||||
<option value="true">public</option>
|
||||
</select>
|
||||
</li>
|
||||
<li id="add_publicip_vlan_container">
|
||||
<label for="add_publicip_vlan_tagged">
|
||||
VLAN:</label>
|
||||
<select class="select" name="add_publicip_vlan_tagged" id="add_publicip_vlan_tagged">
|
||||
</select>
|
||||
</li>
|
||||
<li style="display: none" id="add_publicip_vlan_vlan_container">
|
||||
<label for="user_name">
|
||||
VLAN ID:</label>
|
||||
<input class="text" type="text" name="add_publicip_vlan_vlan" id="add_publicip_vlan_vlan" />
|
||||
<div id="add_publicip_vlan_vlan_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li id="add_publicip_vlan_scope_container">
|
||||
<label for="add_publicip_vlan_scope">
|
||||
Scope:</label>
|
||||
<select class="select" name="add_publicip_vlan_scope" id="add_publicip_vlan_scope">
|
||||
<option value="zone-wide">zone-wide</option>
|
||||
<option value="account-specific">account-specific</option>
|
||||
</select>
|
||||
</li>
|
||||
<li style="display: none" id="add_publicip_vlan_pod_container">
|
||||
<label for="user_name">
|
||||
Pod:</label>
|
||||
<select class="select" name="add_publicip_vlan_pod" id="add_publicip_vlan_pod">
|
||||
</select>
|
||||
</li>
|
||||
<li style="display: none" id="add_publicip_vlan_domain_container">
|
||||
<label for="user_name">
|
||||
Domain:</label>
|
||||
<select class="select" name="add_publicip_vlan_domain" id="add_publicip_vlan_domain">
|
||||
</select>
|
||||
</li>
|
||||
<li style="display: none" id="add_publicip_vlan_account_container">
|
||||
<label for="user_name">
|
||||
Account:</label>
|
||||
<input class="text" type="text" name="add_publicip_vlan_account" id="add_publicip_vlan_account" />
|
||||
<div id="add_publicip_vlan_account_errormsg" class="dialog_formcontent_errormsg"
|
||||
style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name">
|
||||
Gateway:</label>
|
||||
<input class="text" type="text" name="add_publicip_vlan_gateway" id="add_publicip_vlan_gateway" />
|
||||
<div id="add_publicip_vlan_gateway_errormsg" class="dialog_formcontent_errormsg"
|
||||
style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name">
|
||||
Netmask:</label>
|
||||
<input class="text" type="text" name="add_publicip_vlan_netmask" id="add_publicip_vlan_netmask" />
|
||||
<div id="add_publicip_vlan_netmask_errormsg" class="dialog_formcontent_errormsg"
|
||||
style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name">
|
||||
IP Range:</label>
|
||||
<input class="text" style="width: 67px" type="text" name="add_publicip_vlan_startip"
|
||||
id="add_publicip_vlan_startip" /><span>-</span>
|
||||
<input class="text" style="width: 67px" type="text" name="add_publicip_vlan_endip"
|
||||
id="add_publicip_vlan_endip" />
|
||||
<div id="add_publicip_vlan_startip_errormsg" class="dialog_formcontent_errormsg"
|
||||
style="display: none;">
|
||||
</div>
|
||||
<div id="add_publicip_vlan_endip_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 zone (end) -->
|
||||
<div id="dialog_confirmation_delete_secondarystorage" title="Confirmation" style="display: none">
|
||||
<p>
|
||||
<%=t.t("please.confirm.you.want.to.delete.the.secondary.storage")%>
|
||||
</p>
|
||||
</div>
|
||||
<!-- ***** dialogs ***** (end)-->
|
||||
<!-- VLAN Template (begin) -->
|
||||
<div class="networkswitch_vlanpanel" id="vlan_template" style="display: none;">
|
||||
<div class="networkswitch_vlanconnect">
|
||||
<div class="networkswitch_closeicon">
|
||||
</div>
|
||||
<div id="info_icon" class="networkswitch_vlan_infoicon">
|
||||
</div>
|
||||
<div id="info_dropdown" class="networkswitch_infodropdown" style="display: none;">
|
||||
<div class="networkswitch_infodropdown_actionbox">
|
||||
<a id="close_link" href="#">Close</a>
|
||||
</div>
|
||||
<ul class="networkswitch_infodropdown_textbox">
|
||||
<li id="vlan_container">
|
||||
<div class="networkswitch_infodropdown_textbox_label">
|
||||
VLAN ID:</div>
|
||||
<span id="vlan"></span></li>
|
||||
<li id="gateway_container">
|
||||
<div class="networkswitch_infodropdown_textbox_label">
|
||||
Gateway:</div>
|
||||
<span id="gateway"></span></li>
|
||||
<li id="netmask_container">
|
||||
<div class="networkswitch_infodropdown_textbox_label">
|
||||
Netmask:</div>
|
||||
<span id="netmask"></span></li>
|
||||
<li id="iprange_container">
|
||||
<div class="networkswitch_infodropdown_textbox_label">
|
||||
IP Range:</div>
|
||||
<span id="iprange"></span></li>
|
||||
<li id="domainid_container" style="display: none">
|
||||
<div class="networkswitch_infodropdown_textbox_label">
|
||||
Domain ID:</div>
|
||||
<span id="domainid"></span></li>
|
||||
<li id="domain_container" style="display: none">
|
||||
<div class="networkswitch_infodropdown_textbox_label">
|
||||
Domain:</div>
|
||||
<span id="domain"></span></li>
|
||||
<li id="account_container" style="display: none">
|
||||
<div class="networkswitch_infodropdown_textbox_label">
|
||||
Account:</div>
|
||||
<span id="account"></span></li>
|
||||
<li id="podname_container" style="display: none">
|
||||
<div class="networkswitch_infodropdown_textbox_label">
|
||||
Pod:</div>
|
||||
<span id="podname"></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="networkswitch_vlan_detailsbox">
|
||||
<div class="networkswitch_vlan_detailsbox_textbox">
|
||||
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
||||
VLAN:</div>
|
||||
<span id="vlan_id">n</span>
|
||||
</div>
|
||||
<div class="networkswitch_vlan_detailsbox_textbox">
|
||||
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
||||
<%=t.t("ip.address.range")%>:</div>
|
||||
<span id="ip_range">n.n.n.n - m.m.m.m</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="vlan_type_icon" class="networkswitch_typeicon">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- VLAN Template (end) -->
|
||||
<!-- secondary storage tab template (begin) -->
|
||||
<div class="grid_container" id="secondary_storage_tab_template" style="display: none">
|
||||
<div class="grid_header">
|
||||
<div class="grid_header_title" id="title">
|
||||
</div>
|
||||
<div class="grid_actionbox" id="secondarystorage_action_link">
|
||||
<div class="grid_actionsdropdown_box" id="secondarystorage_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">
|
||||
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("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("type")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="type">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("ip.address")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="ipaddress">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("state")%>:</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("version")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="version">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<%=t.t("last.disconnected")%>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="disconnected">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- secondary storage tab template (end) -->
|
||||
|
|
@ -152,7 +152,7 @@ $(document).ready(function() {
|
|||
$("#leftmenu_zone_tree").find("#tree_container").empty();
|
||||
}
|
||||
|
||||
showPage($("#resource_page"), null);
|
||||
resourceLoadPage("jsp/resource.jsp", null);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -124,7 +124,7 @@ function buildZoneTree() {
|
|||
target.siblings("#zone_arrow").click();
|
||||
selectRowInZoneTree(target.parent().parent());
|
||||
var $leftmenuItem1 = target.parent().parent().parent().parent();
|
||||
showPage($("#zone_page"), $leftmenuItem1);
|
||||
resourceLoadPage("jsp/zone.jsp", $leftmenuItem1);
|
||||
break;
|
||||
|
||||
case "pod_name_label" :
|
||||
|
|
@ -132,21 +132,21 @@ function buildZoneTree() {
|
|||
target.siblings("#pod_arrow").click();
|
||||
selectRowInZoneTree(target.parent().parent());
|
||||
var $leftmenuItem1 = target.parent().parent().parent().parent();
|
||||
showPage($("#pod_page"), $leftmenuItem1);
|
||||
resourceLoadPage("jsp/pod.jsp", $leftmenuItem1);
|
||||
break;
|
||||
|
||||
case "cluster_name_label" :
|
||||
case "cluster_name" :
|
||||
selectRowInZoneTree(target.parent().parent());
|
||||
var $leftmenuItem1 = target.parent().parent().parent().parent();
|
||||
showPage($("#cluster_page"), $leftmenuItem1);
|
||||
resourceLoadPage("jsp/cluster.jsp", $leftmenuItem1);
|
||||
break;
|
||||
|
||||
case "systemvm_name_label" :
|
||||
case "systemvm_name" :
|
||||
selectRowInZoneTree(target.parent().parent());
|
||||
var $leftmenuItem1 = target.parent().parent().parent().parent();
|
||||
showPage($("#systemvm_page"), $leftmenuItem1);
|
||||
resourceLoadPage("jsp/systemvm.jsp", $leftmenuItem1);
|
||||
break;
|
||||
|
||||
default:
|
||||
|
|
@ -241,145 +241,134 @@ function clusterJSONToTreeNode(json, $clusterNode) {
|
|||
clusterName.data("jsonObj", json);
|
||||
}
|
||||
|
||||
//$menuItem1 is either $leftmenuItem1 or $midmenuItem1
|
||||
function showPage($pageToShow, $menuItem1) {
|
||||
clearAddButtonsOnTop();
|
||||
if($pageToShow.length == 0) { //resource.jsp is not loaded in right panel
|
||||
$("#right_panel").load("jsp/resource.jsp", function(){
|
||||
showPage2($($pageToShow.selector), $menuItem1); //$pageToShow is still empty (i.e. $pageToShow.length == 0), So, select the element again.
|
||||
});
|
||||
}
|
||||
else {
|
||||
showPage2($pageToShow, $menuItem1);
|
||||
}
|
||||
function resourceLoadPage(pageToShow, $menuItem1) { //$menuItem1 is either $leftmenuItem1 or $midmenuItem1
|
||||
clearAddButtonsOnTop();
|
||||
$("#right_panel").load(pageToShow, function(){
|
||||
if(pageToShow == "jsp/resource.jsp")
|
||||
afterLoadResourceJSP($menuItem1);
|
||||
else if(pageToShow == "jsp/zone.jsp")
|
||||
afterLoadZoneJSP($menuItem1);
|
||||
else if(pageToShow == "jsp/pod.jsp")
|
||||
afterLoadPodJSP($menuItem1);
|
||||
else if(pageToShow == "jsp/cluster.jsp")
|
||||
afterLoadClusterJSP($menuItem1);
|
||||
else if(pageToShow == "jsp/host.jsp")
|
||||
afterLoadHostJSP($menuItem1);
|
||||
else if(pageToShow == "jsp/primarystorage.jsp")
|
||||
afterLoadPrimaryStorageJSP($menuItem1);
|
||||
else if(pageToShow == "jsp/systemvm.jsp")
|
||||
afterLoadSystemVmJSP($menuItem1);
|
||||
});
|
||||
}
|
||||
|
||||
//$menuItem1 is either $leftmenuItem1 or $midmenuItem1
|
||||
function showPage2($pageToShow, $menuItem1) {
|
||||
var jsonObj;
|
||||
if($menuItem1 != null)
|
||||
jsonObj = $menuItem1.data("jsonObj");
|
||||
|
||||
var pageArray = [$("#resource_page"), $("#zone_page"), $("#pod_page"), $("#cluster_page"), $("#host_page"), $("#primarystorage_page"), $("#systemvm_page")];
|
||||
var pageLabelArray = ["Resource", "Zone", "Pod", "Cluster", "Host", "Primary Storage", "System VM"];
|
||||
|
||||
for(var i=0; i<pageArray.length; i++) {
|
||||
if(pageArray[i].attr("id") == $pageToShow.attr("id")) {
|
||||
$("#right_panel_header").find("#label").text(pageLabelArray[i]);
|
||||
pageArray[i].show();
|
||||
}
|
||||
else {
|
||||
pageArray[i].hide();
|
||||
}
|
||||
$pageToShow.data("jsonObj", jsonObj);
|
||||
}
|
||||
|
||||
if($pageToShow.attr("id") == "resource_page") {
|
||||
hideMiddleMenu();
|
||||
|
||||
initAddZoneButton($("#midmenu_add_link"));
|
||||
initDialog("dialog_add_zone");
|
||||
}
|
||||
else if($pageToShow.attr("id") == "zone_page") {
|
||||
hideMiddleMenu();
|
||||
function afterLoadResourceJSP($menuItem1) {
|
||||
hideMiddleMenu();
|
||||
initAddZoneButton($("#midmenu_add_link"));
|
||||
initDialog("dialog_add_zone");
|
||||
}
|
||||
|
||||
function afterLoadZoneJSP($menuItem1) {
|
||||
hideMiddleMenu();
|
||||
|
||||
initAddPodButton($("#midmenu_add_link"));
|
||||
initAddVLANButton($("#midmenu_add2_link"));
|
||||
initAddSecondaryStorageButton($("#midmenu_add3_link"));
|
||||
|
||||
initDialog("dialog_add_pod", 320);
|
||||
initDialog("dialog_add_vlan_for_zone");
|
||||
initDialog("dialog_add_secondarystorage");
|
||||
initDialog("dialog_confirmation_delete_secondarystorage");
|
||||
|
||||
// If the network type is vnet, don't show any vlan stuff.
|
||||
if (getNetworkType() == "vnet")
|
||||
$("#dialog_add_vlan_for_zone").attr("title", "Add Public IP Range");
|
||||
bindEventHandlerToDialogAddVlanForZone();
|
||||
|
||||
//switch between different tabs in zone page
|
||||
var $zonePage = $pageToShow;
|
||||
var tabArray = [$zonePage.find("#tab_details"), $zonePage.find("#tab_network"), $zonePage.find("#tab_secondarystorage")];
|
||||
var tabContentArray = [$zonePage.find("#tab_content_details"), $zonePage.find("#tab_content_network"), $zonePage.find("#tab_content_secondarystorage")];
|
||||
|
||||
var afterSwitchFnArray = [zoneJsonToDetailsTab, zoneJsonToNetworkTab, zoneJsonToSecondaryStorageTab];
|
||||
//switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray);
|
||||
|
||||
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
||||
$zonePage.find("#tab_details").click();
|
||||
|
||||
zoneJsonToRightPanel($menuItem1);
|
||||
}
|
||||
else if($pageToShow.attr("id") == "pod_page") {
|
||||
hideMiddleMenu();
|
||||
|
||||
initAddHostButton($("#midmenu_add_link"), "pod_page");
|
||||
initAddPrimaryStorageButton($("#midmenu_add2_link"), "pod_page");
|
||||
|
||||
initDialog("dialog_add_host");
|
||||
initDialog("dialog_add_pool");
|
||||
|
||||
// if hypervisor is KVM, limit the server option to NFS for now
|
||||
if (getHypervisorType() == 'kvm')
|
||||
$("#dialog_add_pool").find("#add_pool_protocol").empty().html('<option value="nfs">NFS</option>');
|
||||
bindEventHandlerToDialogAddPool();
|
||||
|
||||
podJsonToRightPanel($menuItem1);
|
||||
}
|
||||
else if($pageToShow.attr("id") == "cluster_page") {
|
||||
showMiddleMenu();
|
||||
|
||||
$("#midmenu_add_link").unbind("click").hide();
|
||||
$("#midmenu_add2_link").unbind("click").hide();
|
||||
$("#midmenu_add3_link").unbind("click").hide();
|
||||
|
||||
clusterJsonToRightPanel($menuItem1);
|
||||
|
||||
var clusterId = jsonObj.id;
|
||||
|
||||
var $midmenuContainer = $("#midmenu_container").empty();
|
||||
var $header1 = $("#midmenu_itemheader_without_margin").clone(); //without margin on top
|
||||
$header1.find("#name").text("Host");
|
||||
$midmenuContainer.append($header1);
|
||||
var count1 = listMidMenuItems2(("listHosts&type=Routing&clusterid="+clusterId), "listhostsresponse", "host", hostToMidmenu, hostToRightPanel, hostGetMidmenuId, false, true);
|
||||
if(count1 > 0)
|
||||
$header1.show();
|
||||
|
||||
var $header2 = $("#midmenu_itemheader_with_margin").clone(); //with margin on top
|
||||
$header2.find("#name").text("Primary Storage");
|
||||
$midmenuContainer.append($header2);
|
||||
var count2 = listMidMenuItems2(("listStoragePools&clusterid="+clusterId), "liststoragepoolsresponse", "storagepool", primarystorageToMidmenu, primarystorageToRightPanel, primarystorageGetMidmenuId, false, false);
|
||||
if(count2 > 0)
|
||||
$header2.show();
|
||||
}
|
||||
else if($pageToShow.attr("id") == "host_page") {
|
||||
initAddHostButton($("#midmenu_add_link"), "host_page");
|
||||
initAddPrimaryStorageButton($("#midmenu_add2_link"), "host_page");
|
||||
initAddPodButton($("#midmenu_add_link"));
|
||||
initAddVLANButton($("#midmenu_add2_link"));
|
||||
initAddSecondaryStorageButton($("#midmenu_add3_link"));
|
||||
|
||||
initDialog("dialog_add_pod", 320);
|
||||
initDialog("dialog_add_vlan_for_zone");
|
||||
initDialog("dialog_add_secondarystorage");
|
||||
initDialog("dialog_confirmation_delete_secondarystorage");
|
||||
|
||||
initDialog("dialog_add_host");
|
||||
initDialog("dialog_add_pool");
|
||||
initDialog("dialog_confirmation_enable_maintenance");
|
||||
initDialog("dialog_confirmation_cancel_maintenance");
|
||||
initDialog("dialog_confirmation_force_reconnect");
|
||||
initDialog("dialog_confirmation_remove_host");
|
||||
initDialog("dialog_update_os");
|
||||
}
|
||||
else if($pageToShow.attr("id") == "primarystorage_page") {
|
||||
initAddHostButton($("#midmenu_add_link"), "primarystorage_page");
|
||||
initAddPrimaryStorageButton($("#midmenu_add2_link"), "primarystorage_page");
|
||||
// If the network type is vnet, don't show any vlan stuff.
|
||||
if (getNetworkType() == "vnet")
|
||||
$("#dialog_add_vlan_for_zone").attr("title", "Add Public IP Range");
|
||||
bindEventHandlerToDialogAddVlanForZone();
|
||||
|
||||
//switch between different tabs in zone page
|
||||
var tabArray = [$("#tab_details"), $("#tab_network"), $("#tab_secondarystorage")];
|
||||
var tabContentArray = [$("#tab_content_details"), $("#tab_content_network"), $("#tab_content_secondarystorage")];
|
||||
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
||||
|
||||
//var afterSwitchFnArray = [zoneJsonToDetailsTab, zoneJsonToNetworkTab, zoneJsonToSecondaryStorageTab];
|
||||
//switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray);
|
||||
//$zonePage.find("#tab_details").click();
|
||||
|
||||
zoneJsonToRightPanel($menuItem1);
|
||||
}
|
||||
|
||||
function afterLoadPodJSP($menuItem1) {
|
||||
hideMiddleMenu();
|
||||
|
||||
initAddHostButton($("#midmenu_add_link"), "pod_page");
|
||||
initAddPrimaryStorageButton($("#midmenu_add2_link"), "pod_page");
|
||||
|
||||
initDialog("dialog_add_host");
|
||||
initDialog("dialog_add_pool");
|
||||
|
||||
// if hypervisor is KVM, limit the server option to NFS for now
|
||||
if (getHypervisorType() == 'kvm')
|
||||
$("#dialog_add_pool").find("#add_pool_protocol").empty().html('<option value="nfs">NFS</option>');
|
||||
bindEventHandlerToDialogAddPool();
|
||||
|
||||
podJsonToRightPanel($menuItem1);
|
||||
}
|
||||
|
||||
function afterLoadClusterJSP($menuItem1) {
|
||||
showMiddleMenu();
|
||||
|
||||
initDialog("dialog_add_host");
|
||||
initDialog("dialog_add_pool");
|
||||
initDialog("dialog_confirmation_delete_primarystorage");
|
||||
}
|
||||
else if($pageToShow.attr("id") == "systemvm_page") {
|
||||
hideMiddleMenu();
|
||||
systemvmJsonToRightPanel($menuItem1);
|
||||
$("#midmenu_add_link").unbind("click").hide();
|
||||
$("#midmenu_add2_link").unbind("click").hide();
|
||||
$("#midmenu_add3_link").unbind("click").hide();
|
||||
|
||||
clusterJsonToRightPanel($menuItem1);
|
||||
|
||||
var clusterId = $menuItem1.data("jsonObj").id;
|
||||
|
||||
var $midmenuContainer = $("#midmenu_container").empty();
|
||||
var $header1 = $("#midmenu_itemheader_without_margin").clone(); //without margin on top
|
||||
$header1.find("#name").text("Host");
|
||||
$midmenuContainer.append($header1);
|
||||
var count1 = listMidMenuItems2(("listHosts&type=Routing&clusterid="+clusterId), "listhostsresponse", "host", hostToMidmenu, hostToRightPanel, hostGetMidmenuId, false, true);
|
||||
if(count1 > 0)
|
||||
$header1.show();
|
||||
|
||||
initDialog("dialog_confirmation_start_systemVM");
|
||||
initDialog("dialog_confirmation_stop_systemVM");
|
||||
initDialog("dialog_confirmation_reboot_systemVM");
|
||||
}
|
||||
var $header2 = $("#midmenu_itemheader_with_margin").clone(); //with margin on top
|
||||
$header2.find("#name").text("Primary Storage");
|
||||
$midmenuContainer.append($header2);
|
||||
var count2 = listMidMenuItems2(("listStoragePools&clusterid="+clusterId), "liststoragepoolsresponse", "storagepool", primarystorageToMidmenu, primarystorageToRightPanel, primarystorageGetMidmenuId, false, false);
|
||||
if(count2 > 0)
|
||||
$header2.show();
|
||||
}
|
||||
|
||||
function afterLoadHostJSP($menuItem1) {
|
||||
initAddHostButton($("#midmenu_add_link"), "host_page");
|
||||
initAddPrimaryStorageButton($("#midmenu_add2_link"), "host_page");
|
||||
|
||||
initDialog("dialog_add_host");
|
||||
initDialog("dialog_add_pool");
|
||||
initDialog("dialog_confirmation_enable_maintenance");
|
||||
initDialog("dialog_confirmation_cancel_maintenance");
|
||||
initDialog("dialog_confirmation_force_reconnect");
|
||||
initDialog("dialog_confirmation_remove_host");
|
||||
initDialog("dialog_update_os");
|
||||
}
|
||||
|
||||
function afterLoadPrimaryStorageJSP($menuItem1) {
|
||||
initAddHostButton($("#midmenu_add_link"), "primarystorage_page");
|
||||
initAddPrimaryStorageButton($("#midmenu_add2_link"), "primarystorage_page");
|
||||
|
||||
initDialog("dialog_add_host");
|
||||
initDialog("dialog_add_pool");
|
||||
initDialog("dialog_confirmation_delete_primarystorage");
|
||||
}
|
||||
|
||||
function afterLoadSystemVmJSP($menuItem1) {
|
||||
hideMiddleMenu();
|
||||
systemvmJsonToRightPanel($menuItem1);
|
||||
|
||||
initDialog("dialog_confirmation_start_systemVM");
|
||||
initDialog("dialog_confirmation_stop_systemVM");
|
||||
initDialog("dialog_confirmation_reboot_systemVM");
|
||||
}
|
||||
|
||||
//***** zone page (begin) *****************************************************************************************************
|
||||
|
|
@ -403,7 +392,7 @@ function zoneJsonClearRightPanel($leftmenuItem1) {
|
|||
|
||||
function zoneJsonToDetailsTab($leftmenuItem1) {
|
||||
var jsonObj = $leftmenuItem1.data("jsonObj");
|
||||
var $detailsTab = $("#zone_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.data("jsonObj", jsonObj);
|
||||
$detailsTab.find("#id").text(jsonObj.id);
|
||||
$detailsTab.find("#title").text(fromdb(jsonObj.name));
|
||||
|
|
@ -431,7 +420,7 @@ function zoneJsonToDetailsTab($leftmenuItem1) {
|
|||
}
|
||||
|
||||
function zoneJsonClearDetailsTab(jsonObj) {
|
||||
var $detailsTab = $("#zone_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.find("#id").text("");
|
||||
$detailsTab.find("#name").text("");
|
||||
$detailsTab.find("#dns1").text("");
|
||||
|
|
@ -449,7 +438,7 @@ function zoneJsonClearDetailsTab(jsonObj) {
|
|||
|
||||
var $vlanContainer;
|
||||
function zoneJsonToNetworkTab(jsonObj) {
|
||||
var $networkTab = $("#zone_page").find("#tab_content_network");
|
||||
var $networkTab = $("#tab_content_network");
|
||||
$networkTab.find("#zone_cloud").find("#zone_name").text(fromdb(jsonObj.name));
|
||||
$networkTab.find("#zone_vlan").text(jsonObj.vlan);
|
||||
|
||||
|
|
@ -478,21 +467,21 @@ function zoneJsonToNetworkTab(jsonObj) {
|
|||
}
|
||||
|
||||
function zoneJsonClearNetworkTab(jsonObj) {
|
||||
var $networkTab = $("#zone_page").find("#tab_content_network");
|
||||
var $networkTab = $("#tab_content_network");
|
||||
$networkTab.find("#zone_cloud").find("#zone_name").text("");
|
||||
$networkTab.find("#zone_vlan").text("");
|
||||
$networkTab.find("#vlan_container").empty();
|
||||
}
|
||||
|
||||
function zoneJsonToSecondaryStorageTab(jsonObj) {
|
||||
var zoneObj = $("#zone_page").find("#tab_content_details").data("jsonObj");
|
||||
var zoneObj = $("#tab_content_details").data("jsonObj");
|
||||
$.ajax({
|
||||
cache: false,
|
||||
data: createURL("command=listHosts&type=SecondaryStorage&zoneid="+zoneObj.id+maxPageSize),
|
||||
dataType: "json",
|
||||
success: function(json) {
|
||||
var items = json.listhostsresponse.host;
|
||||
var container = $("#zone_page").find("#tab_content_secondarystorage").empty();
|
||||
var container = $("#tab_content_secondarystorage").empty();
|
||||
if (items != null && items.length > 0) {
|
||||
var template = $("#secondary_storage_tab_template");
|
||||
for (var i = 0; i < items.length; i++) {
|
||||
|
|
@ -506,7 +495,7 @@ function zoneJsonToSecondaryStorageTab(jsonObj) {
|
|||
}
|
||||
|
||||
function zoneJsonClearSecondaryStorageTab(jsonObj) {
|
||||
$("#zone_page").find("#tab_content_secondarystorage").empty();
|
||||
$("#tab_content_secondarystorage").empty();
|
||||
}
|
||||
|
||||
function vlanJsonToTemplate(jsonObj, $template1) {
|
||||
|
|
@ -577,7 +566,7 @@ function podJsonToRightPanel($leftmenuItem1) {
|
|||
|
||||
function podJsonToDetailsTab($leftmenuItem1) {
|
||||
var jsonObj = $leftmenuItem1.data("jsonObj");
|
||||
var $detailsTab = $("#pod_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.data("jsonObj", jsonObj);
|
||||
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
||||
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
||||
|
|
@ -605,7 +594,7 @@ function podJsonClearRightPanel(jsonObj) {
|
|||
}
|
||||
|
||||
function podJsonClearDetailsTab(jsonObj) {
|
||||
var $detailsTab = $("#pod_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.find("#id").text("");
|
||||
$detailsTab.find("#name").text("");
|
||||
$detailsTab.find("#cidr").text("");
|
||||
|
|
@ -636,7 +625,7 @@ function clusterJsonToRightPanel($leftmenuItem1) {
|
|||
|
||||
function clusterJsonToDetailsTab($leftmenuItem1) {
|
||||
var jsonObj = $leftmenuItem1.data("jsonObj");
|
||||
var $detailsTab = $("#cluster_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.data("jsonObj", jsonObj);
|
||||
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
||||
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
||||
|
|
@ -667,12 +656,12 @@ function hostToMidmenu(jsonObj, $midmenuItem1) {
|
|||
function hostToRightPanel($midmenuItem1) {
|
||||
copyActionInfoFromMidMenuToRightPanel($midmenuItem1);
|
||||
hostJsonToDetailsTab($midmenuItem1);
|
||||
showPage($("#host_page"), $midmenuItem1);
|
||||
resourceLoadPage("jsp/host.jsp", $midmenuItem1);
|
||||
}
|
||||
|
||||
function hostJsonToDetailsTab($midmenuItem1) {
|
||||
var jsonObj = $midmenuItem1.data("jsonObj");
|
||||
var $detailsTab = $("#host_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.data("jsonObj", jsonObj);
|
||||
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
||||
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
||||
|
|
@ -770,7 +759,7 @@ function hostClearRightPanel() {
|
|||
}
|
||||
|
||||
function hostClearDetailsTab() {
|
||||
var $detailsTab = $("#right_panel_content #host_page #tab_content_details");
|
||||
var $detailsTab = $("#right_panel_content").find("#tab_content_details");
|
||||
$detailsTab.find("#id").text("");
|
||||
$detailsTab.find("#name").text("");
|
||||
$detailsTab.find("#state").text("");
|
||||
|
|
@ -808,12 +797,12 @@ function primarystorageToMidmenu(jsonObj, $midmenuItem1) {
|
|||
function primarystorageToRightPanel($midmenuItem1) {
|
||||
copyActionInfoFromMidMenuToRightPanel($midmenuItem1);
|
||||
primarystorageJsonToDetailsTab($midmenuItem1);
|
||||
showPage($("#primarystorage_page"), $midmenuItem1);
|
||||
resourceLoadPage("jsp/primarystorage.jsp", $midmenuItem1);
|
||||
}
|
||||
|
||||
function primarystorageJsonToDetailsTab($midmenuItem1) {
|
||||
var jsonObj = $midmenuItem1.data("jsonObj");
|
||||
var $detailsTab = $("#primarystorage_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.data("jsonObj", jsonObj);
|
||||
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
||||
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
||||
|
|
@ -847,7 +836,7 @@ function primarystorageClearRigntPanel() {
|
|||
}
|
||||
|
||||
function primarystorageJsonClearDetailsTab() {
|
||||
var $detailsTab = $("#primarystorage_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.find("#id").text("");
|
||||
$detailsTab.find("#name").text("");
|
||||
$detailsTab.find("#zonename").text("");
|
||||
|
|
@ -869,7 +858,7 @@ function systemvmJsonToRightPanel($leftmenuItem1) {
|
|||
|
||||
function systemvmJsonToDetailsTab($leftmenuItem1) {
|
||||
var jsonObj = $leftmenuItem1.data("jsonObj");
|
||||
var $detailsTab = $("#systemvm_page").find("#tab_content_details");
|
||||
var $detailsTab = $("#tab_content_details");
|
||||
$detailsTab.data("jsonObj", jsonObj);
|
||||
$detailsTab.find("#grid_header_title").text(fromdb(jsonObj.name));
|
||||
|
||||
|
|
@ -925,8 +914,8 @@ function initAddVLANButton($addButton) {
|
|||
$addButton.find("#label").text("Add VLAN");
|
||||
$addButton.show();
|
||||
$addButton.unbind("click").bind("click", function(event) {
|
||||
$("#zone_page").find("#tab_network").click();
|
||||
var zoneObj = $("#zone_page").find("#tab_content_details").data("jsonObj");
|
||||
$("#tab_network").click();
|
||||
var zoneObj = $("#tab_content_details").data("jsonObj");
|
||||
var dialogAddVlanForZone = $("#dialog_add_vlan_for_zone");
|
||||
dialogAddVlanForZone.find("#info_container").hide();
|
||||
dialogAddVlanForZone.find("#zone_name").text(fromdb(zoneObj.name));
|
||||
|
|
@ -1057,8 +1046,8 @@ function initAddSecondaryStorageButton($addButton) {
|
|||
$addButton.find("#label").text("Add Secondary Storage");
|
||||
$addButton.show();
|
||||
$addButton.unbind("click").bind("click", function(event) {
|
||||
$("#zone_page").find("#tab_secondarystorage").click();
|
||||
var zoneObj = $("#zone_page").find("#tab_content_details").data("jsonObj");
|
||||
$("#tab_secondarystorage").click();
|
||||
var zoneObj = $("#tab_content_details").data("jsonObj");
|
||||
$("#dialog_add_secondarystorage").find("#zone_name").text(fromdb(zoneObj.name));
|
||||
$("#dialog_add_secondarystorage").find("#info_container").hide();
|
||||
|
||||
|
|
@ -1092,7 +1081,7 @@ function initAddSecondaryStorageButton($addButton) {
|
|||
secondaryStorageJSONToTemplate(json.addsecondarystorageresponse.secondarystorage[0], $subgridItem);
|
||||
$subgridItem.find("#after_action_info").text("Secondary storage was added successfully.");
|
||||
$subgridItem.find("#after_action_info_container").removeClass("error").addClass("success").show();
|
||||
$("#zone_page").find("#tab_content_secondarystorage").append($subgridItem.show());
|
||||
$("#tab_content_secondarystorage").append($subgridItem.show());
|
||||
},
|
||||
error: function(XMLHttpResponse) {
|
||||
handleErrorInDialog(XMLHttpResponse, $thisDialog);
|
||||
|
|
@ -1247,7 +1236,7 @@ function initAddPodButton($midmenuAddLink1) {
|
|||
$midmenuAddLink1.find("#label").text("Add Pod");
|
||||
$midmenuAddLink1.show();
|
||||
$midmenuAddLink1.unbind("click").bind("click", function(event) {
|
||||
var zoneObj = $("#zone_page").find("#tab_content_details").data("jsonObj");
|
||||
var zoneObj = $("#tab_content_details").data("jsonObj");
|
||||
$("#dialog_add_pod").find("#info_container").hide();
|
||||
$("#dialog_add_pod").find("#add_pod_zone_name").text(fromdb(zoneObj.name));
|
||||
$("#dialog_add_pod #add_pod_name, #dialog_add_pod #add_pod_cidr, #dialog_add_pod #add_pod_startip, #dialog_add_pod #add_pod_endip, #add_pod_gateway").val("");
|
||||
|
|
@ -1335,21 +1324,21 @@ function initAddHostButton($midmenuAddLink1, currentPageInRightPanel) {
|
|||
|
||||
var zoneId, podId;
|
||||
if(currentPageInRightPanel == "pod_page") {
|
||||
var podObj = $("#pod_page").find("#tab_content_details").data("jsonObj");
|
||||
var podObj = $("#tab_content_details").data("jsonObj");
|
||||
zoneId = podObj.zoneid;
|
||||
podId = podObj.id;
|
||||
dialogAddHost.find("#zone_name").text(fromdb(podObj.zonename));
|
||||
dialogAddHost.find("#pod_name").text(fromdb(podObj.name));
|
||||
}
|
||||
else if(currentPageInRightPanel == "host_page") {
|
||||
var hostObj = $("#host_page").find("#tab_content_details").data("jsonObj");
|
||||
var hostObj = $("#tab_content_details").data("jsonObj");
|
||||
zoneId = hostObj.zoneid;
|
||||
podId = hostObj.podid;
|
||||
dialogAddHost.find("#zone_name").text(fromdb(hostObj.zonename));
|
||||
dialogAddHost.find("#pod_name").text(fromdb(hostObj.podname));
|
||||
}
|
||||
else if(currentPageInRightPanel == "primarystorage_page") {
|
||||
var primarystorageObj = $("#primarystorage_page").find("#tab_content_details").data("jsonObj");
|
||||
var primarystorageObj = $("#tab_content_details").data("jsonObj");
|
||||
zoneId = primarystorageObj.zoneid;
|
||||
podId = primarystorageObj.podid;
|
||||
dialogAddHost.find("#zone_name").text(fromdb(primarystorageObj.zonename));
|
||||
|
|
@ -1515,22 +1504,22 @@ function initAddPrimaryStorageButton($midmenuAddLink2, currentPageInRightPanel)
|
|||
|
||||
var zoneId, podId;
|
||||
if(currentPageInRightPanel == "pod_page") {
|
||||
var podObj = $("#pod_page").find("#tab_content_details").data("jsonObj");
|
||||
var podObj = $("#pod_page").find("#tab_content_details").data("jsonObj");
|
||||
var podObj = $("#tab_content_details").data("jsonObj");
|
||||
var podObj = $("#tab_content_details").data("jsonObj");
|
||||
zoneId = podObj.zoneid;
|
||||
podId = podObj.id;
|
||||
dialogAddPool.find("#zone_name").text(fromdb(podObj.zonename));
|
||||
dialogAddPool.find("#pod_name").text(fromdb(podObj.name));
|
||||
}
|
||||
else if(currentPageInRightPanel == "host_page") {
|
||||
var hostObj = $("#host_page").find("#tab_content_details").data("jsonObj");
|
||||
var hostObj = $("#tab_content_details").data("jsonObj");
|
||||
zoneId = hostObj.zoneid;
|
||||
podId = hostObj.podid;
|
||||
dialogAddPool.find("#zone_name").text(fromdb(hostObj.zonename));
|
||||
dialogAddPool.find("#pod_name").text(fromdb(hostObj.podname));
|
||||
}
|
||||
else if(currentPageInRightPanel == "primarystorage_page") {
|
||||
var primarystorageObj = $("#primarystorage_page").find("#tab_content_details").data("jsonObj");
|
||||
var primarystorageObj = $("#tab_content_details").data("jsonObj");
|
||||
zoneId = primarystorageObj.zoneid;
|
||||
podId = primarystorageObj.podid;
|
||||
dialogAddPool.find("#zone_name").text(fromdb(primarystorageObj.zonename));
|
||||
|
|
|
|||
Loading…
Reference in New Issue