mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
1011 lines
58 KiB
Plaintext
1011 lines
58 KiB
Plaintext
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt" %>
|
|
<fmt:setBundle basename="resources/messages"/>
|
|
<% long now = System.currentTimeMillis(); %>
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<meta http-equiv='cache-control' content='no-cache'>
|
|
<meta http-equiv='expires' content='0'>
|
|
<meta http-equiv='pragma' content='no-cache'>
|
|
<link rel="stylesheet" href="css/jquery-ui.custom.css" type="text/css" />
|
|
<link rel="stylesheet" href="css/logger.css" type="text/css" />
|
|
<link rel="stylesheet" href="css/main.css" type="text/css" />
|
|
|
|
<!-- Common libraries -->
|
|
<script type="text/javascript" src="scripts/jquery.min.js"></script>
|
|
<script type="text/javascript" src="scripts/jquery-ui.custom.min.js"></script>
|
|
<script type="text/javascript" src="scripts/date.js"></script>
|
|
<script type="text/javascript" src="scripts/jquery.cookies.js"></script>
|
|
<script type="text/javascript" src="scripts/jquery.timers.js"></script>
|
|
<script type="text/javascript" src="scripts/jquery.md5.js"></script>
|
|
|
|
<!-- cloud.com scripts -->
|
|
<script type="text/javascript" src="scripts/cloud.logger.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.callbacks.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.init.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.instance.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.event.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.alert.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.account.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.volume.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.snapshot.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.ipaddress.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.template.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.iso.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.router.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.dashboard.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.domain.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.serviceoffering.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.diskoffering.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.globalsetting.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.resource.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.zone.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.pod.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.cluster.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.host.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.primarystorage.js?t=<%=now%>"></script>
|
|
<script type="text/javascript" src="scripts/cloud.core.systemvm.js?t=<%=now%>"></script>
|
|
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
|
|
|
<title><fmt:message key="label.cloud.console"/></title>
|
|
</head>
|
|
<body>
|
|
<!-- Main Login Dialog (begin)-->
|
|
<div id="login_wrapper" style="display:none">
|
|
<div class="login_main">
|
|
<div class="login_logopanel">
|
|
<div class="login_logobox"></div>
|
|
</div>
|
|
<div class="main_loginbox">
|
|
<div class="main_loginbox_top"></div>
|
|
<div class="main_loginbox_mid">
|
|
<div class="login_contentbox">
|
|
<div class="login_contentbox_title">
|
|
<h1><fmt:message key="label.welcome.cloud.console"/>…</h1>
|
|
</div>
|
|
|
|
<div class="login_formbox">
|
|
<form id="loginForm" action="#" method="post" name="loginForm">
|
|
<ol>
|
|
<li>
|
|
<label for="user_name"><fmt:message key="label.username"/>: </label>
|
|
<div class="login_formbox_textbg">
|
|
<input id="account_username" class="text" type="text" name="account_username" AUTOCOMPLETE="off"/>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="user_name"><fmt:message key="label.password"/>: </label>
|
|
<div class="login_formbox_textbg">
|
|
<input id="account_password" class="text" type="password" name="account_password" AUTOCOMPLETE="off"/>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="user_name"><fmt:message key="label.domain"/>: </label>
|
|
<div class="login_formbox_textbg">
|
|
<input id="account_domain" class="text" type="text" name="account_domain" />
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
<div class="loginbutton_box">
|
|
<div class="login_button" id="loginbutton" ><fmt:message key="label.login"/></div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="error_box" id="login_error" style="display:none;">
|
|
<p><fmt:message key="error.login"/></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="main_loginbox_bot"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Main Login Dialog (end)-->
|
|
|
|
<!-- Main Console -->
|
|
<div id="overlay_black" style="display: none">
|
|
</div>
|
|
<div id="main" style="display: none">
|
|
<div id="main_header">
|
|
<div class="header_left">
|
|
<div class="logo">
|
|
</div>
|
|
<div class="mgmtconsole_logo">
|
|
</div>
|
|
</div>
|
|
<div class="header_right">
|
|
<div class="userlinks">
|
|
<p>
|
|
<fmt:message key="label.welcome"/> <span id="main_username"></span>, <a href="#" id="main_logout"><fmt:message key="label.logout"/></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="main_contentpanel">
|
|
<div class="right_panel">
|
|
<div id="contentwrapper">
|
|
<!-- Action Panel starts here-->
|
|
<div class="actionpanel">
|
|
<div class="searchpanel" id="search_panel">
|
|
<form method="post" action="#">
|
|
<ol>
|
|
<li>
|
|
<div class="search_textbg">
|
|
<input class="text" type="text" name="search_input" />
|
|
<div class="search_closebutton" style="display: none;">
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
<a href="#">
|
|
<fmt:message key="label.advanced"/></a>
|
|
<div class="adv_searchpopup" id="adv_search_dialog" style="display: none;">
|
|
<div class="adv_searchformbox">
|
|
<h3><fmt:message key="label.advanced.search"/></h3>
|
|
<a id="advanced_search_close" href="#"><fmt:message key="label.close"/> </a>
|
|
<form action="#" method="post">
|
|
<ol style="margin-top: 8px;">
|
|
<li>
|
|
<label for="filter">
|
|
<fmt:message key="label.name"/>:</label>
|
|
<input class="text" type="text" name="adv_search_name" id="adv_search_name" />
|
|
</li>
|
|
<li>
|
|
<label for="filter">
|
|
<fmt:message key="label.status"/>:</label>
|
|
<select class="select" id="adv_search_state">
|
|
<option value=""></option>
|
|
<option value="Creating">Creating</option>
|
|
<option value="Starting">Starting</option>
|
|
<option value="Running">Running</option>
|
|
<option value="Stopping">Stopping</option>
|
|
<option value="Stopped">Stopped</option>
|
|
<option value="Destroyed">Destroyed</option>
|
|
<option value="Expunging">Expunging</option>
|
|
<option value="Migrating">Migrating</option>
|
|
<option value="Error">Error</option>
|
|
<option value="Unknown">Unknown</option>
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="filter">
|
|
<fmt:message key="label.zone"/>:</label>
|
|
<select class="select" id="adv_search_zone">
|
|
</select>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
<div class="adv_search_actionbox">
|
|
<div class="adv_searchpopup_button" id="adv_search_button">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actionpanel_button_wrapper" id="midmenu_action_link" style="position: relative;
|
|
display: none">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/actions_actionicon.png" alt="Add" /></div>
|
|
<div class="actionpanel_button_links">
|
|
<fmt:message key="label.actions"/>
|
|
</div>
|
|
<div class="action_ddarrow">
|
|
</div>
|
|
</div>
|
|
<div class="actionsdropdown_box" id="action_menu" style="display: none;">
|
|
<ul class="actionsdropdown_boxlist" style="width: 97px;" id="action_list">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add_link" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add" /></div>
|
|
<div class="actionpanel_button_links" id="label">
|
|
<fmt:message key="label.add"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add_zone_button" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add Zone" /></div>
|
|
<div class="actionpanel_button_links" id="Div3">
|
|
<fmt:message key="label.add.zone"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add_host_button" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add Host" /></div>
|
|
<div class="actionpanel_button_links" id="label">
|
|
<fmt:message key="label.add.host"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add_primarystorage_button" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add Primary Storage" /></div>
|
|
<div class="actionpanel_button_links" id="Div2">
|
|
<fmt:message key="label.add.primarystorage"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add_secondarystorage_button" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add Secondary Storage" /></div>
|
|
<div class="actionpanel_button_links" id="Div4">
|
|
<fmt:message key="label.add.secondarystorage"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add_pod_button" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add pod" /></div>
|
|
<div class="actionpanel_button_links" id="Div6">
|
|
<fmt:message key="label.add.pod"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add_vlan_button" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add VLAN" /></div>
|
|
<div class="actionpanel_button_links" id="Div8">
|
|
<fmt:message key="label.add.vlan"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add_directIpRange_button" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add Direct IP Range" /></div>
|
|
<div class="actionpanel_button_links" id="Div10">
|
|
<fmt:message key="label.add.direct.iprange"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="midmenu_Update_SSL_Certificate_button" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Update SSL Certificate" /></div>
|
|
<div class="actionpanel_button_links" id="Div12">
|
|
<fmt:message key="label.update.ssl.cert"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add2_link" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add" /></div>
|
|
<div class="actionpanel_button_links" id="label">
|
|
<fmt:message key="label.add"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actionpanel_button_wrapper" id="midmenu_add3_link" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/addvm_actionicon.png" alt="Add" /></div>
|
|
<div class="actionpanel_button_links" id="label">
|
|
<fmt:message key="label.add"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<div class="actionpanel_button_wrapper" id="midmenu_startvm_link" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/startvm_actionicon.png" alt="Start VM" /></div>
|
|
<div class="actionpanel_button_links">
|
|
<fmt:message key="label.vm.start"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actionpanel_button_wrapper" id="midmenu_stopvm_link" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/stopvm_actionicon.png" alt="Stop VM" /></div>
|
|
<div class="actionpanel_button_links">
|
|
<fmt:message key="label.vm.stop"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actionpanel_button_wrapper" id="midmenu_rebootvm_link" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/rebootvm_actionicon.png" alt="Reboot VM" /></div>
|
|
<div class="actionpanel_button_links">
|
|
<fmt:message key="label.vm.reboot"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actionpanel_button_wrapper" id="midmenu_destroyvm_link" style="display: none;">
|
|
<div class="actionpanel_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/destroyvm_actionicon.png" alt="Destroy VM" /></div>
|
|
<div class="actionpanel_button_links">
|
|
<fmt:message key="label.vm.destroy"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actionpanel_button_wrapper" id="help_link" style="display: block; border:none; float: right;
|
|
position: relative;">
|
|
<div class="actionpanel_button" id="help_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/help_actionicon.png" alt="Help" /></div>
|
|
<div class="actionpanel_button_links">
|
|
<fmt:message key="label.help"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actionpanel_button_wrapper" id="refresh_link" style="display: block; border:none; float: right;
|
|
position: relative;">
|
|
<div class="actionpanel_button" id="refresh_button">
|
|
<div class="actionpanel_button_icons">
|
|
<img src="images/refresh_actionicon.png" alt="Refresh" /></div>
|
|
<div class="actionpanel_button_links">
|
|
<fmt:message key="label.refresh"/></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="help_dropdown_box" id="help_dropdown_dialog" style="display:none;">
|
|
<div class="help_dropdown_box_titlebox">
|
|
<h2><fmt:message key="label.help"/></h2>
|
|
<a id="help_dropdown_close" href="#"> <fmt:message key="label.close"/></a>
|
|
</div>
|
|
|
|
<div class="help_dropdown_box_textbox" id="help_dropdown_body">
|
|
<a id="help_top" name="help_top"></a>
|
|
<ul>
|
|
<li><a href="#topic1">Topic 1</a></li>
|
|
<li><a href="#topic2">Topic 2</a></li>
|
|
<li><a href="#topic3">Topic 3</a></li>
|
|
</ul>
|
|
|
|
|
|
<h3>Topic 1<a id="topic1" name="topic1"></a>
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
|
|
<p><a style="float:right;" href="#help_top">Top</a></h3></p>
|
|
|
|
|
|
<h3>Topic 2 <a id="topic2" name="topic2"></a></h3>
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p><p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
|
<p><a style="float:right;" href="#help_top">Top</a></h3></p>
|
|
|
|
<h3>Topic 3<a id="topic3" name="topic3"></a></h3>
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p><p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
|
<p><a style="float:right;" href="#help_top">Top</a></h3></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Action Panel ends here-->
|
|
<!-- Right Panel starts here-->
|
|
<div class="main_contentarea" id="right_panel">
|
|
</div>
|
|
|
|
<!-- Right Panel ends here-->
|
|
</div>
|
|
<!-- Mid Menu starts here-->
|
|
<div class="midmenu_panel" id="middle_menu">
|
|
<div class="midmenu_box" id="midmenu_box">
|
|
<div id="midmenu_spinning_wheel" class="midmenu_mainloaderbox" style="display: none;">
|
|
<div class="midmenu_mainloader_animatedicon">
|
|
</div>
|
|
<p>
|
|
<fmt:message key="label.loading"/> …</p>
|
|
</div>
|
|
<div id="midmenu_container">
|
|
</div>
|
|
</div>
|
|
<div class="midmenu_navigationbox" id="middle_menu_pagination" style="display:none;">
|
|
<div id="midmenu_prevbutton" class="midmenu_prevbutton" style="display:none;">
|
|
</div>
|
|
<div id="midmenu_nextbutton" class="midmenu_nextbutton" style="display:none;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Mid Menu ends here-->
|
|
</div>
|
|
</div>
|
|
<!-- Left Menu starts here-->
|
|
<div class="leftmenu_panel">
|
|
<div class="leftmenu_box" id="leftmenu_container">
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_dashboard">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/leftmenu_dashboardicon.png" alt="Dashboard" /></div>
|
|
<fmt:message key="label.menu.dashboard"/>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_instances">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/instance_leftmenuicon.png" alt="Instances" /></div>
|
|
<fmt:message key="label.menu.instances"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="leftmenu_instance_expandedbox" class="leftmenu_expandedbox" style="display: none">
|
|
<div class="leftmenu_expandedlist" id="leftmenu_instances_my_instances_container" style="display:none">
|
|
<div class="leftmenu_content" id="leftmenu_instances_my_instances">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
<span id="label"><fmt:message key="label.menu.my.instances"/></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist" id="leftmenu_instances_all_instances_container" style="display:none">
|
|
<div class="leftmenu_content" id="leftmenu_instances_all_instances">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
<span id="label"><fmt:message key="label.menu.all.instances"/></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist" id="leftmenu_instances_running_instances_container" style="display:none">
|
|
<div class="leftmenu_content" id="leftmenu_instances_running_instances">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
<span id="label"><fmt:message key="label.menu.running.instances"/></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist" id="leftmenu_instances_stopped_instances_container" style="display:none">
|
|
<div class="leftmenu_content" id="leftmenu_instances_stopped_instances">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
<span id="label"><fmt:message key="label.menu.stopped.instances"/></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist" id="leftmenu_instances_destroyed_instances_container" style="display:none">
|
|
<div class="leftmenu_content" id="leftmenu_instances_destroyed_instances">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
<span id="label"><fmt:message key="label.menu.destroyed.instances"/></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_storage">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/storage_leftmenuicon.png" alt="Storage" /></div>
|
|
<fmt:message key="label.menu.storage"/>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedbox" style="display: none">
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_volume">
|
|
<div class="leftmenu_secondindent">
|
|
|
|
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.volumes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_snapshot">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.snapshots"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_network">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/network_leftmenuicon.png" alt="Network" /></div>
|
|
<fmt:message key="label.menu.network"/>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedbox" style="display: none">
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_ip">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.ipaddresses"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_templates">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
|
<fmt:message key="label.menu.templates"/>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedbox" style="display: none">
|
|
<div id="leftmenu_itemplate_filter">
|
|
<div class="leftmenu_content" id="leftmenu_template_filter_header">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.templates"/>
|
|
</div>
|
|
</div>
|
|
<div id="leftmenu_template_filter_container">
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_submenu_my_template">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<div><fmt:message key="label.menu.my.templates"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_submenu_featured_template">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<div><fmt:message key="label.menu.featured.templates"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_submenu_community_template">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<div><fmt:message key="label.menu.community.templates"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="leftmenu_iso_filter">
|
|
<div class="leftmenu_content" id="leftmenu_iso_filter_header">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.isos"/>
|
|
</div>
|
|
</div>
|
|
<div id="leftmenu_iso_filter_container">
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_submenu_my_iso">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<div><fmt:message key="label.menu.my.isos"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_submenu_featured_iso">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<div><fmt:message key="label.menu.featured.isos"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_submenu_community_iso">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<div><fmt:message key="label.menu.community.isos"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_account" style="display: none">
|
|
<div class="leftmenu_firstindent">
|
|
<!-- <div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div> -->
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/accounts_leftmenuicon.png" alt="Accounts" /></div>
|
|
<fmt:message key="label.menu.accounts"/>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_domain" style="display: none">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/domain_leftmenuicon.png" alt="Domains" /></div>
|
|
<fmt:message key="label.menu.domains"/>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedbox" style="display: none">
|
|
<div id="loading_container" class="leftmenu_loadingbox" style="display: none;">
|
|
<div class="leftmenu_loader">
|
|
</div>
|
|
<p>
|
|
<fmt:message key="label.loading"/> …
|
|
</p>
|
|
</div>
|
|
<div id="leftmenu_domain_tree">
|
|
|
|
<div id="tree_container" class="leftmenu_expandedlist">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_events">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/events_leftmenuicon.png" alt="Events" /></div>
|
|
<fmt:message key="label.menu.events"/>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedbox" style="display: none">
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_event">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.events"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist" id="leftmenu_alert_container" style="display: none">
|
|
<div class="leftmenu_content" id="leftmenu_alert">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.alerts"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_resources" style="display: none">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/resource_leftmenuicon.png" alt="System" /></div>
|
|
<fmt:message key="label.menu.system"/>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedbox" style="display: none">
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_physical_resource">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows expanded_close" id="physical_resource_arrow">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.physical.resources"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="leftmenu_zone_tree">
|
|
<div id="loading_container" class="leftmenu_loadingbox" style="display:none;">
|
|
<div class="leftmenu_loader"></div>
|
|
<p> <fmt:message key="label.loading"/> … </p>
|
|
</div>
|
|
<div id="tree_container"></div>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="leftmenu_content">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.virtual.resources"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_submenu_virtual_router">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<div><fmt:message key="label.menu.virtual.routers"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_submenu_systemvm">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<div><fmt:message key="label.menu.system.vms"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="leftmenu_list">
|
|
<div class="leftmenu_content_flevel" id="leftmenu_system" style="display: none">
|
|
<div class="leftmenu_firstindent">
|
|
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
|
|
<div class="leftmenu_list_icons">
|
|
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
|
<fmt:message key="label.menu.configuration"/>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedbox" style="display: none">
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" style="border-bottom: 1px dashed b4c8d6;" id="leftmenu_service_offering">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.service.offerings"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_disk_offering">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.disk.offerings"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content" id="leftmenu_global_setting">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
|
|
<fmt:message key="label.menu.global.settings"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Left Menu ends here-->
|
|
</div>
|
|
<div id="footer">
|
|
<div class="footer_testprovisiongtool" id="launch_test" style="display:none">
|
|
<div class="footer_testprovisiongtool_icon"></div>
|
|
<a href="#">Launch Test Provisioning Tool</a>
|
|
</div>
|
|
<div class="poweredby_box">
|
|
</div>
|
|
</div>
|
|
<!-- Dialogs 1 -->
|
|
<div id="dialog_confirmation" title="Confirmation" style="display: none">
|
|
</div>
|
|
<div id="dialog_info" title="Info" style="display: none">
|
|
</div>
|
|
<div id="dialog_alert" title="Alert" style="display: none">
|
|
</div>
|
|
<div id="dialog_error" title="Error" style="display: none; color: red">
|
|
</div>
|
|
<div id="dialog_session_expired" title="Session Expired" style="display: none">
|
|
<p>
|
|
<fmt:message key="error.session.expired"/>
|
|
</p>
|
|
</div>
|
|
<div id="dialog_error_internet_not_resolved" title="Error" style="display: none">
|
|
<p style="color: red">
|
|
<fmt:message key="error.unresolved.internet.name"/>
|
|
</p>
|
|
</div>
|
|
<div id="dialog_error_management_server_not_accessible" title="Error" style="display: none">
|
|
<p style="color: red">
|
|
<fmt:message key="error.mgmt.server.inaccessible"/>
|
|
</p>
|
|
</div>
|
|
<!-- Dialogs 2 -->
|
|
<div id="dialog_info_please_select_one_item_in_middle_menu" title="Alert" style="display: none">
|
|
<p>
|
|
<fmt:message key="error.menu.select"/>
|
|
</p>
|
|
</div>
|
|
<!-- ***** templates (begin) *************************************************************************************************-->
|
|
<div id="leftmenu_secondindent_template" class="leftmenu_expandedlist">
|
|
<div class="leftmenu_content">
|
|
<div class="leftmenu_secondindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
|
</div>
|
|
<span id="label"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="midmenu_itemheader_without_margin" class="midmenu_itemheader" style="display:none; ">
|
|
<p id="name"></p>
|
|
</div>
|
|
<div id="midmenu_itemheader_with_margin" class="midmenu_itemheader" style="display:none; margin-top:40px;">
|
|
<p id="name"></p>
|
|
</div>
|
|
|
|
<div class="midmenu_list" id="midmenu_item" style="display: none;">
|
|
<div class="midmenu_content" id="content">
|
|
<div class="midmenu_icons" id="icon_container" style="display: none">
|
|
<img id="icon" /></div>
|
|
<div class="midmenu_textbox">
|
|
<p title="temp">
|
|
<strong id="first_row"> </strong>
|
|
</p>
|
|
<span title="tmp1" id="second_row_container">
|
|
<span id="second_row"> </span>
|
|
</span>
|
|
</div>
|
|
<div class="midmenu_inactionloader" id="spinning_wheel" style="display: none;">
|
|
</div>
|
|
<div class="midmenu_infoicon" id="info_icon" style="display: none;">
|
|
</div>
|
|
<div class="midmenu_addingfailed_closeicon" id="close_icon" style="display: none;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- action list item for middle menu -->
|
|
<li id="action_list_item_middle_menu" style="display: none; width: 94px;"><a id="link"
|
|
href="#">(middle menu action)</a></li>
|
|
<!-- action list item for details tab, subgrid item-->
|
|
<li id="action_list_item" style="display: none;"><a id="link" href="#">(action)</a></li>
|
|
<li id="no_available_actions" style="display: none">
|
|
<fmt:message key="label.no.actions"/>
|
|
</li>
|
|
|
|
<!-- middle menu: no items available (begin) -->
|
|
<div id="midmenu_container_no_items_available" class="midmenu_emptymsgbox" style="display:none">
|
|
<p><fmt:message key="label.no.items"/></p>
|
|
</div>
|
|
<!-- middle menu: no items available (end) -->
|
|
|
|
<!-- Zone Template (begin) -->
|
|
<div class="leftmenu_expandedlist" id="leftmenu_zone_node_template" style="display:none">
|
|
<div class="leftmenu_loadingbox" style="display:none;" id="loading_container">
|
|
<div class="leftmenu_loader"></div>
|
|
<p> <fmt:message key="label.adding.zone"/> … </p>
|
|
</div>
|
|
<div id="row_container">
|
|
<div id="zone_header" class="leftmenu_content">
|
|
<div class="leftmenu_thirdindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="zone_arrow">
|
|
</div>
|
|
<span id="zone_name_label"><fmt:message key="label.zone"/>: </span>
|
|
<span id="zone_name"></span>
|
|
</div>
|
|
</div>
|
|
<div id="zone_content" style="display: none">
|
|
<div id="pods_container">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Zone Template (end) -->
|
|
<!-- Pod Template (begin) -->
|
|
<div class="leftmenu_expandedlist" id="leftmenu_pod_node_template" style="display:none">
|
|
<div class="leftmenu_loadingbox" style="display:none;" id="loading_container">
|
|
<div class="leftmenu_loader"></div>
|
|
<p> <fmt:message key="label.adding.pod"/> … </p>
|
|
</div>
|
|
<div id="row_container">
|
|
<div id="pod_header" class="leftmenu_content">
|
|
<div class="leftmenu_fourthindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="pod_arrow">
|
|
</div>
|
|
<span id="pod_name_label"><fmt:message key="label.pod"/>: </span>
|
|
<span id="pod_name"></span>
|
|
</div>
|
|
</div>
|
|
<div id="pod_content" style="display: none">
|
|
<div id="clusters_container">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Pod Template (end) -->
|
|
<!-- Cluster Template (begin) -->
|
|
<div class="leftmenu_expandedlist" id="leftmenu_cluster_node_template" style="display:none">
|
|
<div class="leftmenu_loadingbox" style="display:none;" id="loading_container">
|
|
<div class="leftmenu_loader"></div>
|
|
<p> <fmt:message key="label.adding.cluster"/> … </p>
|
|
</div>
|
|
<div id="row_container">
|
|
<div id="cluster_header" class="leftmenu_content">
|
|
<div class="leftmenu_fifthindent">
|
|
<div class="leftmenu_arrows white_nonexpanded_close" id="cluster_arrow">
|
|
</div>
|
|
<span id="cluster_name_label"><fmt:message key="label.cluster"/>: </span>
|
|
<span id="cluster_name"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Cluster Template (end) -->
|
|
<!-- domain tree node template (begin) -->
|
|
<div id="domain_tree_node_template" style="display:none">
|
|
|
|
<div id="domain_title_container" class="leftmenu_content">
|
|
<div class="leftmenu_domainindent" id="domain_indent">
|
|
<div class="leftmenu_arrows expanded_close" id="domain_expand_icon">
|
|
</div>
|
|
<span id="domain_name">
|
|
<fmt:message key="label.domain.name"/></span>
|
|
</div>
|
|
</div>
|
|
<div id="domain_children_container" style="display: none">
|
|
</div>
|
|
|
|
</div>
|
|
<!-- domain tree node template (end) -->
|
|
<!-- ***** templates (end) *************************************************************************************************-->
|
|
</body>
|
|
</html>
|