mirror of
https://github.com/apache/cloudstack.git
synced 2025-11-03 04:12:31 +01:00
new UI - specify element instead of elementId when switching between tabs.
This commit is contained in:
Jessica Wang
parent
e8898f25c5
commit
f27785658e
@ -173,7 +173,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<!--Details tab (end)-->
|
<!--Details tab (end)-->
|
||||||
<!--Volume tab (start)-->
|
<!--Volume tab (start)-->
|
||||||
<div style="display: none;" id="tab_content_volume">
|
<div style="display: none;" id="tab_content_volume">
|
||||||
|
Volume
|
||||||
</div>
|
</div>
|
||||||
<!--Volume tab (end)-->
|
<!--Volume tab (end)-->
|
||||||
<!--Statistics tab (start)-->
|
<!--Statistics tab (start)-->
|
||||||
|
|||||||
@ -1,434 +1,439 @@
|
|||||||
<%@ page import="java.util.*" %>
|
<%@ page import="java.util.*" %>
|
||||||
|
|
||||||
<%@ page import="com.cloud.utils.*" %>
|
<%@ page import="com.cloud.utils.*" %>
|
||||||
|
|
||||||
<%
|
<%
|
||||||
Locale browserLocale = request.getLocale();
|
Locale browserLocale = request.getLocale();
|
||||||
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
|
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
|
||||||
%>
|
%>
|
||||||
<!-- domain detail panel (begin) -->
|
<!-- domain detail panel (begin) -->
|
||||||
<div class="main_title" id="right_panel_header">
|
<div class="main_title" id="right_panel_header">
|
||||||
<!--
|
<!--
|
||||||
<div class="main_titleicon">
|
<div class="main_titleicon">
|
||||||
<img src="images/title_snapshoticon.gif" alt="Instance" /></div>
|
<img src="images/title_snapshoticon.gif" alt="Instance" /></div>
|
||||||
-->
|
-->
|
||||||
<h1>
|
<h1>
|
||||||
Resources
|
Resources
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentbox" id="right_panel_content">
|
<div class="contentbox" id="right_panel_content">
|
||||||
<div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
|
<div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
|
||||||
<p id="after_action_info">
|
<p id="after_action_info">
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="tabbox" style="margin-top: 15px;">
|
<div id="zone_page">
|
||||||
<div class="content_tabs on" id="tab_details">
|
<div class="tabbox" style="margin-top: 15px;">
|
||||||
<%=t.t("details")%></div>
|
<div class="content_tabs on" id="tab_details">
|
||||||
<div class="content_tabs off" id="tab_network">
|
<%=t.t("details")%></div>
|
||||||
<%=t.t("network")%></div>
|
<div class="content_tabs off" id="tab_network">
|
||||||
<div class="content_tabs off" id="tab_secondary_storage">
|
<%=t.t("network")%></div>
|
||||||
<%=t.t("secondary.storage")%></div>
|
<div class="content_tabs off" id="tab_secondary_storage">
|
||||||
</div>
|
<%=t.t("secondary.storage")%></div>
|
||||||
<!-- Details tab (start)-->
|
</div>
|
||||||
<div id="tab_content_details">
|
<!-- Details tab (start)-->
|
||||||
<div class="grid_container">
|
<div id="tab_content_details">
|
||||||
<div class="grid_rows odd">
|
<div class="grid_container">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_rows odd">
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<%=t.t("ID")%>:</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("ID")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="id">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="id">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_rows even">
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<%=t.t("Name")%>:</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Name")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="name">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="name">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_rows odd">
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<%=t.t("Accounts")%>:</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Accounts")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="redirect_to_account_page">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="redirect_to_account_page">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows even">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_rows even">
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<%=t.t("Instances")%>:</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Instances")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="redirect_to_instance_page">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="redirect_to_instance_page">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div class="grid_rows odd">
|
||||||
<div class="row_celltitles">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<%=t.t("Volume")%>:</div>
|
<div class="row_celltitles">
|
||||||
</div>
|
<%=t.t("Volume")%>:</div>
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="redirect_to_volume_page">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="redirect_to_volume_page">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Details tab (end)-->
|
</div>
|
||||||
<!-- Network tab (start)-->
|
<!-- Details tab (end)-->
|
||||||
<div style="display: none;" id="tab_content_network">
|
<!-- Network tab (start)-->
|
||||||
<div class="text_container">
|
<div style="display: none;" id="tab_content_network">
|
||||||
<div class="network_dgbox">
|
<div class="text_container">
|
||||||
<div class="networkdg_zonepanel">
|
<div class="network_dgbox">
|
||||||
<div class="networkdg_zonebox">
|
<div class="networkdg_zonepanel">
|
||||||
<div class="networkdg_zonecloud">
|
<div class="networkdg_zonebox">
|
||||||
<p>
|
<div class="networkdg_zonecloud">
|
||||||
Zone 1</p>
|
<p>
|
||||||
</div>
|
Zone 1</p>
|
||||||
<div class="networkdg_zoneconnect">
|
</div>
|
||||||
</div>
|
<div class="networkdg_zoneconnect">
|
||||||
</div>
|
</div>
|
||||||
<div class="networkswitchpanel">
|
</div>
|
||||||
<div class="networkswitch_titlebox">
|
<div class="networkswitchpanel">
|
||||||
<p>
|
<div class="networkswitch_titlebox">
|
||||||
Guest VLAN 1000 -1001</p>
|
<p>
|
||||||
</div>
|
Guest VLAN 1000 -1001</p>
|
||||||
<div class="networkswitch_top">
|
</div>
|
||||||
</div>
|
<div class="networkswitch_top">
|
||||||
<div class="networkswitch_midpanel">
|
</div>
|
||||||
<div class="networkswitch_vlanpanel">
|
<div class="networkswitch_midpanel">
|
||||||
<div class="networkswitch_vlanconnect">
|
<div class="networkswitch_vlanpanel">
|
||||||
<div class="networkswitch_vlan_infoicon">
|
<div class="networkswitch_vlanconnect">
|
||||||
</div>
|
<div class="networkswitch_vlan_infoicon">
|
||||||
<div class="networkswitch_vlan_detailsbox">
|
</div>
|
||||||
<div class="networkswitch_vlan_detailsbox_textbox">
|
<div class="networkswitch_vlan_detailsbox">
|
||||||
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
<div class="networkswitch_vlan_detailsbox_textbox">
|
||||||
VM Group:</div>
|
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
||||||
<span>VLAN 10</span>
|
VM Group:</div>
|
||||||
</div>
|
<span>VLAN 10</span>
|
||||||
<div class="networkswitch_vlan_detailsbox_textbox">
|
</div>
|
||||||
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
<div class="networkswitch_vlan_detailsbox_textbox">
|
||||||
IP:</div>
|
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
||||||
<span>10.101.24.231</span>
|
IP:</div>
|
||||||
</div>
|
<span>10.101.24.231</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="networkswitch_typeicon direct">
|
</div>
|
||||||
</div>
|
<div class="networkswitch_typeicon direct">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="networkswitch_vlanpanel">
|
</div>
|
||||||
<div class="networkswitch_vlanconnect">
|
<div class="networkswitch_vlanpanel">
|
||||||
<div class="networkswitch_vlan_infoicon">
|
<div class="networkswitch_vlanconnect">
|
||||||
</div>
|
<div class="networkswitch_vlan_infoicon">
|
||||||
<div class="networkswitch_vlan_detailsbox">
|
</div>
|
||||||
<div class="networkswitch_vlan_detailsbox_textbox">
|
<div class="networkswitch_vlan_detailsbox">
|
||||||
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
<div class="networkswitch_vlan_detailsbox_textbox">
|
||||||
VM Group:</div>
|
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
||||||
<span>VLAN 10</span>
|
VM Group:</div>
|
||||||
</div>
|
<span>VLAN 10</span>
|
||||||
<div class="networkswitch_vlan_detailsbox_textbox">
|
</div>
|
||||||
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
<div class="networkswitch_vlan_detailsbox_textbox">
|
||||||
IP:</div>
|
<div class="networkswitch_vlan_detailsbox_textbox_label">
|
||||||
<span>10.101.24.231</span>
|
IP:</div>
|
||||||
</div>
|
<span>10.101.24.231</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="networkswitch_typeicon virtual">
|
</div>
|
||||||
</div>
|
<div class="networkswitch_typeicon virtual">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="networkswitch_end">
|
</div>
|
||||||
</div>
|
<div class="networkswitch_end">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Network tab (end)-->
|
</div>
|
||||||
<!-- Secondary Storage tab (start)-->
|
<!-- Network tab (end)-->
|
||||||
<div id="tab_content_secondary_storage" style="display: none">
|
<!-- Secondary Storage tab (start)-->
|
||||||
</div>
|
<div id="tab_content_secondary_storage" style="display: none">
|
||||||
<!-- Secondary Storage tab (end)-->
|
Secondary Storage
|
||||||
</div>
|
</div>
|
||||||
<!-- domain detail panel (end) -->
|
<!-- Secondary Storage tab (end)-->
|
||||||
<!-- treenode template (begin) -->
|
</div>
|
||||||
<div id="treenode_template" class="tree_levelspanel" style="display: none">
|
<div id="pod_page" style="display:none">
|
||||||
<div class="tree_levelsbox" style="margin-left: 20px;">
|
Pod Page
|
||||||
<div id="domain_title_container" class="tree_levels">
|
</div>
|
||||||
<div id="domain_expand_icon" class="zonetree_closedarrows">
|
<div id="cluster_page" style="display:none">
|
||||||
</div>
|
Cluster Page
|
||||||
<div id="domain_name" class="tree_links">
|
</div>
|
||||||
Domain Name</div>
|
<div id="host_page" style="display:none">
|
||||||
</div>
|
Host page
|
||||||
<div id="domain_children_container" style="display: none">
|
</div>
|
||||||
</div>
|
<div id="primarystorage_page" style="display:none">
|
||||||
</div>
|
Primary Storage Page
|
||||||
</div>
|
</div>
|
||||||
<!-- treenode template (end) -->
|
<div id="systemvm_page" style="display:none">
|
||||||
<!-- admin account tab template (begin) -->
|
System VM Page
|
||||||
<div class="grid_container" id="admin_account_tab_template" style="display: none">
|
</div>
|
||||||
<div class="grid_header">
|
</div>
|
||||||
<div class="grid_header_title" id="title">
|
<!-- domain detail panel (end) -->
|
||||||
</div>
|
<!-- treenode template (begin) -->
|
||||||
</div>
|
<div id="treenode_template" class="tree_levelspanel" style="display: none">
|
||||||
<div class="grid_rows even">
|
<div class="tree_levelsbox" style="margin-left: 20px;">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<div id="domain_title_container" class="tree_levels">
|
||||||
<div class="row_celltitles">
|
<div id="domain_expand_icon" class="zonetree_closedarrows">
|
||||||
<%=t.t("ID")%>:</div>
|
</div>
|
||||||
</div>
|
<div id="domain_name" class="tree_links">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
Domain Name</div>
|
||||||
<div class="row_celltitles" id="id">
|
</div>
|
||||||
</div>
|
<div id="domain_children_container" style="display: none">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid_rows odd">
|
</div>
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<!-- treenode template (end) -->
|
||||||
<div class="row_celltitles">
|
<!-- admin account tab template (begin) -->
|
||||||
<%=t.t("Role")%>:</div>
|
<div class="grid_container" id="admin_account_tab_template" style="display: none">
|
||||||
</div>
|
<div class="grid_header">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
<div class="grid_header_title" id="title">
|
||||||
<div class="row_celltitles" id="role">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows even">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("ID")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Account")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="id">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="account">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows odd">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("Role")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Domain")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="role">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="domain">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows even">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("Account")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("VMs")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="account">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="vm_total">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows odd">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("Domain")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("IPs")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="domain">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="ip_total">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows even">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("VMs")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Bytes.Received")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="vm_total">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="bytes_received">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows odd">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("IPs")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("Bytes.Sent")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="ip_total">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="bytes_sent">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows even">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="grid_rows even">
|
<div class="row_celltitles">
|
||||||
<div class="grid_row_cell" style="width: 20%;">
|
<%=t.t("Bytes.Received")%>:</div>
|
||||||
<div class="row_celltitles">
|
</div>
|
||||||
<%=t.t("State")%>:</div>
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
</div>
|
<div class="row_celltitles" id="bytes_received">
|
||||||
<div class="grid_row_cell" style="width: 79%;">
|
</div>
|
||||||
<div class="row_celltitles" id="state">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="grid_rows odd">
|
||||||
</div>
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
</div>
|
<div class="row_celltitles">
|
||||||
<!-- admin account tab template (end) -->
|
<%=t.t("Bytes.Sent")%>:</div>
|
||||||
<!-- Zonetree Template (begin) -->
|
</div>
|
||||||
<div class="zonetree_contentbox" id="zonetree" style="display: none">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
<div id="zones_container">
|
<div class="row_celltitles" id="bytes_sent">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Zonetree Template (end) -->
|
</div>
|
||||||
<!-- Zone Template (begin) -->
|
<div class="grid_rows even">
|
||||||
<div id="zone_template" style="display: none">
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
<div class="row_celltitles">
|
||||||
<div class="adding_animation">
|
<%=t.t("State")%>:</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="adding_text">
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
Adding a zone …
|
<div class="row_celltitles" id="state">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="row_container">
|
</div>
|
||||||
<div class="leftmenu_content" id="zone_node">
|
</div>
|
||||||
<div class="leftmenu_firstindent">
|
<!-- admin account tab template (end) -->
|
||||||
<div class="zonetree_closedarrows" id="zone_expand">
|
<!-- Zonetree Template (begin) -->
|
||||||
</div>
|
<div class="zonetree_contentbox" id="zonetree" style="display: none">
|
||||||
<div class="leftmenu_list_icons">
|
<div id="zones_container">
|
||||||
<img src="images/zone_zoneicon.png" id="zone_icon" alt="Zone" /></div>
|
</div>
|
||||||
<span id="zone_label">Zone:</span>
|
</div>
|
||||||
<strong>
|
<!-- Zonetree Template (end) -->
|
||||||
<span id="zone_name">Zone 1</span>
|
<!-- Zone Template (begin) -->
|
||||||
</strong>
|
<div id="zone_template" style="display: none">
|
||||||
</div>
|
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
||||||
</div>
|
<div class="adding_animation">
|
||||||
<div id="zone_content" style="display: none">
|
</div>
|
||||||
<div id="pods_container">
|
<div class="adding_text">
|
||||||
</div>
|
Adding a zone …
|
||||||
<div id="systemvms_container">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div id="row_container">
|
||||||
</div>
|
<div class="leftmenu_content" id="zone_node">
|
||||||
</div>
|
<div class="leftmenu_firstindent">
|
||||||
<!-- Zone Template (end) -->
|
<div class="zonetree_closedarrows" id="zone_expand">
|
||||||
<!-- Pod Template (begin) -->
|
</div>
|
||||||
<div id="pod_template" style="display: none">
|
<div class="leftmenu_list_icons">
|
||||||
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
<img src="images/zone_zoneicon.png" id="zone_icon" alt="Zone" /></div>
|
||||||
<div class="adding_animation">
|
<span id="zone_label">Zone:</span> <strong><span id="zone_name">Zone 1</span> </strong>
|
||||||
</div>
|
</div>
|
||||||
<div class="adding_text">
|
</div>
|
||||||
Adding a pod …
|
<div id="zone_content" style="display: none">
|
||||||
</div>
|
<div id="pods_container">
|
||||||
</div>
|
</div>
|
||||||
<div id="row_container">
|
<div id="systemvms_container">
|
||||||
<div class="leftmenu_content" id="pod_node">
|
</div>
|
||||||
<div class="leftmenu_secondindent">
|
</div>
|
||||||
<div class="zonetree_closedarrows" id="pod_expand">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="leftmenu_list_icons">
|
<!-- Zone Template (end) -->
|
||||||
<img src="images/zone_podicon.png" id="pod_icon" alt="Pod" /></div>
|
<!-- Pod Template (begin) -->
|
||||||
<span id="pod_label">Pod:</span>
|
<div id="pod_template" style="display: none">
|
||||||
<strong>
|
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
||||||
<span id="pod_name">Name of the Pod</span>
|
<div class="adding_animation">
|
||||||
</strong>
|
</div>
|
||||||
</div>
|
<div class="adding_text">
|
||||||
</div>
|
Adding a pod …
|
||||||
<div id="pod_content" style="display: none">
|
</div>
|
||||||
<div id="clusters_container">
|
</div>
|
||||||
</div>
|
<div id="row_container">
|
||||||
</div>
|
<div class="leftmenu_content" id="pod_node">
|
||||||
</div>
|
<div class="leftmenu_secondindent">
|
||||||
</div>
|
<div class="zonetree_closedarrows" id="pod_expand">
|
||||||
<!-- Pod Template (end) -->
|
</div>
|
||||||
<!-- Cluster Template (begin) -->
|
<div class="leftmenu_list_icons">
|
||||||
<div id="cluster_template" style="display: none">
|
<img src="images/zone_podicon.png" id="pod_icon" alt="Pod" /></div>
|
||||||
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
<span id="pod_label">Pod:</span> <strong><span id="pod_name">Name of the Pod</span>
|
||||||
<div class="adding_animation">
|
</strong>
|
||||||
</div>
|
</div>
|
||||||
<div class="adding_text">
|
</div>
|
||||||
Adding a cluster …
|
<div id="pod_content" style="display: none">
|
||||||
</div>
|
<div id="clusters_container">
|
||||||
</div>
|
</div>
|
||||||
<div id="row_container">
|
</div>
|
||||||
<div class="leftmenu_content" id="cluster_node">
|
</div>
|
||||||
<div class="leftmenu_thirdindent">
|
</div>
|
||||||
<div class="zonetree_openarrows" id="cluster_expand">
|
<!-- Pod Template (end) -->
|
||||||
</div>
|
<!-- Cluster Template (begin) -->
|
||||||
<div class="leftmenu_list_icons">
|
<div id="cluster_template" style="display: none">
|
||||||
<img src="images/zone_clustericon.png" id="cluster_icon" alt="Cluster" /></div>
|
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
||||||
<span id="cluster_label"">Cluster:</span>
|
<div class="adding_animation">
|
||||||
<strong>
|
</div>
|
||||||
<span id="cluster_name">(Name of the Cluster)</span>
|
<div class="adding_text">
|
||||||
</strong>
|
Adding a cluster …
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="cluster_content">
|
<div id="row_container">
|
||||||
<div id="hosts_container">
|
<div class="leftmenu_content" id="cluster_node">
|
||||||
</div>
|
<div class="leftmenu_thirdindent">
|
||||||
<div id="primarystorages_container">
|
<div class="zonetree_openarrows" id="cluster_expand">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="leftmenu_list_icons">
|
||||||
</div>
|
<img src="images/zone_clustericon.png" id="cluster_icon" alt="Cluster" /></div>
|
||||||
</div>
|
<span id="cluster_label"">Cluster:</span> <strong><span id="cluster_name">(Name of the
|
||||||
<!-- Cluster Template (end) -->
|
Cluster)</span> </strong>
|
||||||
<!-- Host Template (begin) -->
|
</div>
|
||||||
<div id="host_template" style="display: none">
|
</div>
|
||||||
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
<div id="cluster_content">
|
||||||
<div class="adding_animation">
|
<div id="hosts_container">
|
||||||
</div>
|
</div>
|
||||||
<div class="adding_text">
|
<div id="primarystorages_container">
|
||||||
Adding a host …
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="row_container">
|
</div>
|
||||||
<div class="leftmenu_content" id="host_node">
|
<!-- Cluster Template (end) -->
|
||||||
<div class="leftmenu_fourthindent">
|
<!-- Host Template (begin) -->
|
||||||
<div class="leftmenu_list_icons">
|
<div id="host_template" style="display: none">
|
||||||
<img src="images/zone_hosticon.png" id="host_icon" alt="Host" /></div>
|
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
||||||
<span id="host_label">Host:</span>
|
<div class="adding_animation">
|
||||||
<strong>
|
</div>
|
||||||
<span id="host_name">(Name of the Host)</span>
|
<div class="adding_text">
|
||||||
</strong>
|
Adding a host …
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div id="row_container">
|
||||||
</div>
|
<div class="leftmenu_content" id="host_node">
|
||||||
<!-- Host Template (end) -->
|
<div class="leftmenu_fourthindent">
|
||||||
<!-- Primary Storage Template (begin) -->
|
<div class="leftmenu_list_icons">
|
||||||
<div id="primarystorage_template" style="display: none">
|
<img src="images/zone_hosticon.png" id="host_icon" alt="Host" /></div>
|
||||||
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
<span id="host_label">Host:</span> <strong><span id="host_name">(Name of the Host)</span>
|
||||||
<div class="adding_animation">
|
</strong>
|
||||||
</div>
|
</div>
|
||||||
<div class="adding_text">
|
</div>
|
||||||
Adding a primary storage …
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- Host Template (end) -->
|
||||||
<div id="row_container">
|
<!-- Primary Storage Template (begin) -->
|
||||||
<div class="leftmenu_content" id="primarystorage_node">
|
<div id="primarystorage_template" style="display: none">
|
||||||
<div class="leftmenu_fourthindent">
|
<div class="adding_loading" style="height: 25px; display: none" id="loading_container">
|
||||||
<div class="leftmenu_list_icons">
|
<div class="adding_animation">
|
||||||
<img src="images/zone_primarystorageicon.png" id="primarystorage_icon" alt="PrimaryStorage" /></div>
|
</div>
|
||||||
<span id="primarystorage_label">Storage:</span>
|
<div class="adding_text">
|
||||||
<strong>
|
Adding a primary storage …
|
||||||
<span id="primarystorage_name">(Name of the Primary Storage)</span>
|
</div>
|
||||||
</strong>
|
</div>
|
||||||
</div>
|
<div id="row_container">
|
||||||
</div>
|
<div class="leftmenu_content" id="primarystorage_node">
|
||||||
</div>
|
<div class="leftmenu_fourthindent">
|
||||||
</div>
|
<div class="leftmenu_list_icons">
|
||||||
<!-- Primary Storage Template (end) -->
|
<img src="images/zone_primarystorageicon.png" id="primarystorage_icon" alt="PrimaryStorage" /></div>
|
||||||
<!-- SystemVM Template (begin) -->
|
<span id="primarystorage_label">Storage:</span> <strong><span id="primarystorage_name">
|
||||||
<div id="systemvm_template" style="display: none">
|
(Name of the Primary Storage)</span> </strong>
|
||||||
<div id="row_container">
|
</div>
|
||||||
<div class="leftmenu_content" id="systemvm_node">
|
</div>
|
||||||
<div class="leftmenu_secondindent">
|
</div>
|
||||||
<div class="leftmenu_list_icons">
|
</div>
|
||||||
<img src="images/zone_systemvmicon.png" id="systemvm_icon" alt="System VM" /></div>
|
<!-- Primary Storage Template (end) -->
|
||||||
<span id="systemvm_label">System VM:</span>
|
<!-- SystemVM Template (begin) -->
|
||||||
<strong>
|
<div id="systemvm_template" style="display: none">
|
||||||
<span id="systemvm_name">(System VM name)</span>
|
<div id="row_container">
|
||||||
</strong>
|
<div class="leftmenu_content" id="systemvm_node">
|
||||||
</div>
|
<div class="leftmenu_secondindent">
|
||||||
</div>
|
<div class="leftmenu_list_icons">
|
||||||
</div>
|
<img src="images/zone_systemvmicon.png" id="systemvm_icon" alt="System VM" /></div>
|
||||||
</div>
|
<span id="systemvm_label">System VM:</span> <strong><span id="systemvm_name">(System
|
||||||
<!-- SystemVM Template (end) -->
|
VM name)</span> </strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- SystemVM Template (end) -->
|
||||||
|
|||||||
@ -238,8 +238,8 @@ function afterLoadDomainJSP() {
|
|||||||
refreshWholeTree(defaultRootDomainId, defaultRootLevel);
|
refreshWholeTree(defaultRootDomainId, defaultRootLevel);
|
||||||
|
|
||||||
//***** switch between different tabs (begin) ********************************************************************
|
//***** switch between different tabs (begin) ********************************************************************
|
||||||
var tabArray = ["tab_details", "tab_resource_limits", "tab_admin_account"];
|
var tabArray = [$("#tab_details"), $("#tab_resource_limits"), $("#tab_admin_account")];
|
||||||
var tabContentArray = ["tab_content_details", "tab_content_resource_limits", "tab_content_admin_account"];
|
var tabContentArray = [$("#tab_content_details"), $("#tab_content_resource_limits"), $("#tab_content_admin_account")];
|
||||||
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
||||||
//***** switch between different tabs (end) **********************************************************************
|
//***** switch between different tabs (end) **********************************************************************
|
||||||
|
|
||||||
|
|||||||
@ -47,8 +47,8 @@ function clickInstanceGroupHeader($arrowIcon) {
|
|||||||
initDialog("dialog_create_template", 400);
|
initDialog("dialog_create_template", 400);
|
||||||
|
|
||||||
//***** switch between different tabs (begin) ********************************************************************
|
//***** switch between different tabs (begin) ********************************************************************
|
||||||
var tabArray = ["tab_details", "tab_volume", "tab_statistics", "tab_router"];
|
var tabArray = [$("#tab_details"), $("#tab_volume"), $("#tab_statistics"), $("#tab_router")];
|
||||||
var tabContentArray = ["tab_content_details", "tab_content_volume", "tab_content_statistics", "tab_content_router"];
|
var tabContentArray = [$("#tab_content_details"), $("#tab_content_volume"), $("#tab_content_statistics"), $("#tab_content_router")];
|
||||||
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
||||||
//***** switch between different tabs (end) **********************************************************************
|
//***** switch between different tabs (end) **********************************************************************
|
||||||
|
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
//***** baseline (begin) *******************************************************************************************************************
|
//***** baseline (begin) *******************************************************************************************************************
|
||||||
function afterLoadIpJSP() {
|
function afterLoadIpJSP() {
|
||||||
//***** switch between different tabs (begin) ********************************************************************
|
//***** switch between different tabs (begin) ********************************************************************
|
||||||
var tabArray = ["tab_details", "tab_port_forwarding", "tab_load_balancer"];
|
var tabArray = [$("#tab_details"), $("#tab_port_forwarding"), $("#tab_load_balancer")];
|
||||||
var tabContentArray = ["tab_content_details", "tab_content_port_forwarding", "tab_content_load_balancer"];
|
var tabContentArray = [$("#tab_content_details"), $("#tab_content_port_forwarding"), $("#tab_content_load_balancer")];
|
||||||
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
||||||
//***** switch between different tabs (end) **********************************************************************
|
//***** switch between different tabs (end) **********************************************************************
|
||||||
|
|
||||||
|
|||||||
@ -585,17 +585,17 @@ function switchBetweenDifferentTabs(tabArray, tabContentArray) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function switchToTab(tabIndex, tabArray, tabContentArray) {
|
function switchToTab(tabIndex, tabArray, tabContentArray) {
|
||||||
$("#"+tabArray[tabIndex]).bind("click", function(event){
|
tabArray[tabIndex].bind("click", function(event){
|
||||||
$("#"+tabArray[tabIndex]).removeClass("off").addClass("on"); //current tab turns on
|
tabArray[tabIndex].removeClass("off").addClass("on"); //current tab turns on
|
||||||
for(var k=0; k<tabArray.length; k++) {
|
for(var k=0; k<tabArray.length; k++) {
|
||||||
if(k != tabIndex)
|
if(k != tabIndex)
|
||||||
$("#"+tabArray[k]).removeClass("on").addClass("off"); //other tabs turns off
|
tabArray[k].removeClass("on").addClass("off"); //other tabs turns off
|
||||||
}
|
}
|
||||||
|
|
||||||
$("#"+tabContentArray[tabIndex]).show(); //current tab content shows
|
tabContentArray[tabIndex].show(); //current tab content shows
|
||||||
for(var k=0; k<tabContentArray.length; k++) {
|
for(var k=0; k<tabContentArray.length; k++) {
|
||||||
if(k != tabIndex)
|
if(k != tabIndex)
|
||||||
$("#"+tabContentArray[k]).hide(); //other tab content hide
|
tabContentArray[k].hide(); //other tab content hide
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|||||||
@ -1,9 +1,11 @@
|
|||||||
function afterLoadResourceJSP() {
|
function afterLoadResourceJSP() {
|
||||||
//***** switch between different tabs (begin) ********************************************************************
|
var $zonePage = $("#zone_page");
|
||||||
var tabArray = ["tab_details", "tab_network", "tab_secondary_storage"];
|
|
||||||
var tabContentArray = ["tab_content_details", "tab_content_network", "tab_content_secondary_storage"];
|
//***** switch between different tabs in zone page (begin) ********************************************************************
|
||||||
|
var tabArray = [$zonePage.find("#tab_details"), $zonePage.find("#tab_network"), $zonePage.find("#tab_secondary_storage")];
|
||||||
|
var tabContentArray = [$zonePage.find("#tab_content_details"), $zonePage.find("#tab_content_network"), $zonePage.find("#tab_content_secondary_storage")];
|
||||||
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
||||||
//***** switch between different tabs (end) **********************************************************************
|
//***** switch between different tabs in zone page (end) **********************************************************************
|
||||||
|
|
||||||
var forceLogout = true; // We force a logout only if the user has first added a POD for the very first time
|
var forceLogout = true; // We force a logout only if the user has first added a POD for the very first time
|
||||||
var $zoneetree1 = $("#zonetree").clone().attr("id", "zonetree1");
|
var $zoneetree1 = $("#zonetree").clone().attr("id", "zonetree1");
|
||||||
@ -198,6 +200,9 @@ function afterLoadResourceJSP() {
|
|||||||
case "zone_name":
|
case "zone_name":
|
||||||
$zoneetree1.find(".selected").removeClass("selected");
|
$zoneetree1.find(".selected").removeClass("selected");
|
||||||
target.parent().parent().parent().addClass("selected");
|
target.parent().parent().parent().addClass("selected");
|
||||||
|
|
||||||
|
//???
|
||||||
|
|
||||||
var obj = {"id": target.data("id"), "name": target.data("name"), "dns1": target.data("dns1"), "dns2": target.data("dns2"), "internaldns1": target.data("internaldns1"), "internaldns2": target.data("internaldns2"), "vlan": target.data("vlan"), "guestcidraddress": target.data("guestcidraddress")};
|
var obj = {"id": target.data("id"), "name": target.data("name"), "dns1": target.data("dns1"), "dns2": target.data("dns2"), "internaldns1": target.data("internaldns1"), "internaldns2": target.data("internaldns2"), "vlan": target.data("vlan"), "guestcidraddress": target.data("guestcidraddress")};
|
||||||
//zoneObjectToRightPanel(obj);
|
//zoneObjectToRightPanel(obj);
|
||||||
break;
|
break;
|
||||||
|
|||||||
@ -364,8 +364,8 @@ function afterLoadVolumeJSP() {
|
|||||||
// *** recurring snapshot dialog - event binding (end) ******************************
|
// *** recurring snapshot dialog - event binding (end) ******************************
|
||||||
|
|
||||||
//***** switch between different tabs (begin) ********************************************************************
|
//***** switch between different tabs (begin) ********************************************************************
|
||||||
var tabArray = ["tab_details", "tab_snapshot"];
|
var tabArray = [$("#tab_details"), $("#tab_snapshot")];
|
||||||
var tabContentArray = ["tab_content_details", "tab_content_snapshot"];
|
var tabContentArray = [$("#tab_content_details"), $("#tab_content_snapshot")];
|
||||||
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
||||||
//***** switch between different tabs (end) **********************************************************************
|
//***** switch between different tabs (end) **********************************************************************
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user