mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
1714 lines
74 KiB
Plaintext
Executable File
1714 lines
74 KiB
Plaintext
Executable File
<%@ page import="java.util.Date" %>
|
|
<%
|
|
long milliseconds = new Date().getTime();
|
|
%>
|
|
<script type="text/javascript" src="scripts/cloud.core.instances.js?t=<%=milliseconds%>"></script>
|
|
|
|
<!-- Content Panel -->
|
|
<!-- Submenu -->
|
|
<div class="submenu_links" id="submenu_links">
|
|
<div class="submenu_links_on" id="submenu_vms">
|
|
Instances</div>
|
|
<div class="submenu_links_off" id="submenu_routers">
|
|
Routers</div>
|
|
<div class="submenu_links_off" id="submenu_console">
|
|
System</div>
|
|
</div>
|
|
<!--VM -->
|
|
<div class="maincontent" style="display: none;" id="submenu_content_vms">
|
|
<div id="maincontent_title">
|
|
<div class="maintitle_icon">
|
|
<img src="images/instancetitle_icons.gif" title="instance" />
|
|
</div>
|
|
<h1>
|
|
Instances</h1>
|
|
<a class="add_newvmbutton" href="#"></a>
|
|
<div class="search_formarea">
|
|
<form action="#" method="post">
|
|
<ol>
|
|
<li>
|
|
<input class="text" type="text" name="search_input" id="search_input" /></li>
|
|
</ol>
|
|
</form>
|
|
<a id="search_button" class="search_button" href="#"></a>
|
|
<div id="advanced_search_link" class="advsearch_link">
|
|
Advanced</div>
|
|
<div id="advanced_search" class="adv_searchpopup" style="display: none;">
|
|
<div class="adv_searchformbox">
|
|
<h3>
|
|
Advance Search</h3>
|
|
<a id="advanced_search_close" href="#">Close </a>
|
|
<form action="#" method="post">
|
|
<ol>
|
|
<li>
|
|
<label for="filter">
|
|
Name:</label>
|
|
<input class="text" type="text" name="adv_search_name" id="adv_search_name" />
|
|
</li>
|
|
<li>
|
|
<label for="filter">
|
|
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">
|
|
Zone:</label>
|
|
<select class="select" id="adv_search_zone">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_pod_li" style="display: none;">
|
|
<label for="filter" id="adv_search_pod_label">
|
|
Pod:</label>
|
|
<select class="select" id="adv_search_pod">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_domain_li" style="display: none;">
|
|
<label for="filter">
|
|
Domain:</label>
|
|
<select class="select" id="adv_search_domain">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_account_li" style="display: none;">
|
|
<label for="filter">
|
|
Account:</label>
|
|
<input class="text" type="text" id="adv_search_account" />
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
<div class="adv_search_actionbox">
|
|
<div class="adv_searchpopup_button" id="adv_search_button">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter_actionbox">
|
|
</div>
|
|
<div class="grid_container">
|
|
<div id="loading_gridtable" class="loading_gridtable" style="display: none;">
|
|
<div class="loading_gridanimation">
|
|
</div>
|
|
<p>
|
|
Loading...</p>
|
|
</div>
|
|
<div class="grid_header">
|
|
<div class="grid_genheader_cell" style="border: 0;">
|
|
<div class="grid_headertitles">
|
|
Instances</div>
|
|
</div>
|
|
</div>
|
|
<div id="grid_content">
|
|
</div>
|
|
</div>
|
|
<div id="pagination_panel" class="pagination_panel" style="display: none;">
|
|
<p id="grid_rows_total" />
|
|
<div class="pagination_actionbox">
|
|
<div class="pagination_actions">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_refresh.gif" title="refresh" /></div>
|
|
<a id="refresh" href="#">Refresh</a>
|
|
</div>
|
|
<div class="pagination_actions" id="prevPage_div">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_previcon.gif" title="prev" /></div>
|
|
<a id="prevPage" href="#">Prev</a>
|
|
</div>
|
|
<div class="pagination_actions" id="nextPage_div">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_nexticon.gif" title="next" /></div>
|
|
<a id="nextPage" href="#">Next</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END Content Panel -->
|
|
<!-- VM Instance Template -->
|
|
<div id="vm_instance_template" style="width: 100%; height: auto; float: left; padding: 0;
|
|
margin: 0; display: none">
|
|
<div class="vm_rows">
|
|
<div class="vm_rows_top">
|
|
<div class="vm_genrows_cell" style="width: 7%;">
|
|
<div class="admin_vmstatus">
|
|
<div id="vm_state_bar" class="admin_vmgreen_arrow">
|
|
</div>
|
|
<div id="vm_state" class="grid_runningtitles" style="margin: 6px 0 0 5px; display: inline;">
|
|
Running</div>
|
|
</div>
|
|
<div id="vm_action_view_console" class="admin_vmconsole">
|
|
</div>
|
|
</div>
|
|
<div class="vm_genrows_cell" style="width: 1%;">
|
|
</div>
|
|
<div class="vm_genrows_cell" style="width: 29%;">
|
|
<div class="admin_vmcontainer">
|
|
<div class="admin_vmcontainerleft" style="background: url(images/admin_vmyellow_left.gif) no-repeat top left;">
|
|
</div>
|
|
<div class="admin_vmcontainermid" style="background: url(images/admin_vmyellow_mid.gif) repeat-x top left;">
|
|
<ul class="admin_vmcontainermid_list">
|
|
<li id="vm_name"></li>
|
|
<li id="vm_ip_address"></li>
|
|
<li id="vm_zone"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="admin_vmcontainerright" style="background: url(images/admin_vmyellow_right.gif) no-repeat top left;">
|
|
</div>
|
|
</div>
|
|
<div class="vm_genrows_cell" style="width: 1%;">
|
|
</div>
|
|
<div class="vm_genrows_cell" style="width: 30%;">
|
|
<div class="admin_vmcontainer">
|
|
<div class="admin_vmcontainerleft" style="background: url(images/admin_vmgrey_left.gif) no-repeat top left;">
|
|
</div>
|
|
<div class="admin_vmcontainermid" style="background: url(images/admin_vmgrey_mid.gif) repeat-x top left;">
|
|
<ul class="admin_vmcontainermid_list">
|
|
<li id="vm_template"></li>
|
|
<li id="vm_service"></li>
|
|
<li id="vm_ha"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="admin_vmcontainerright" style="background: url(images/admin_vmgrey_right.gif) no-repeat top left;">
|
|
</div>
|
|
</div>
|
|
<div class="vm_genrows_cell" style="width: 1%;">
|
|
</div>
|
|
<div class="vm_genrows_cell" style="width: 29%;">
|
|
<div class="admin_vmcontainer">
|
|
<div class="admin_vmcontainerleft" style="background: url(images/admin_vmblue_left.gif) no-repeat top left;">
|
|
</div>
|
|
<div class="admin_vmcontainermid" style="background: url(images/admin_vmblue_mid.gif) repeat-x top left;">
|
|
<ul class="admin_vmcontainermid_list">
|
|
<li style="margin-top: 2px;" id="vm_created"></li>
|
|
<li style="margin-top: 2px;" id="vm_account"></li>
|
|
<li style="margin-top: 2px;" id="vm_domain"></li>
|
|
<li style="margin-top: 2px;" id="vm_host"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="admin_vmcontainerright" style="background: url(images/admin_vmblue_right.gif) no-repeat top left;">
|
|
</div>
|
|
</div>
|
|
<div class="vm_genrows_cell" style="width: 1%;">
|
|
</div>
|
|
</div>
|
|
<div class="vm_rows_bot">
|
|
<div id="vm_instance_menu" class="vm_bot_actions" style="display: block;">
|
|
<div id="vm_action_restore" class="vm_botactionslinks" style="display: none">
|
|
Restore</div>
|
|
<div id="vm_actions" class="vm_botactionslinks">
|
|
Actions</div>
|
|
<div id="vm_action_volumes" class="vm_botactionslinks_down">
|
|
Volumes</div>
|
|
<div id="vm_action_statistics" class="vm_botactionslinks_down" style="margin-left:15px; display:inline;">
|
|
Statistics</div>
|
|
</div>
|
|
<div class="vm_rowbot_loading" style="display: none;" id="vm_loading_container">
|
|
<div class="vm_rowbot_loadinganimation">
|
|
</div>
|
|
<p id="vm_loading_text">
|
|
</p>
|
|
</div>
|
|
<div class="vm_bot_rightinfo">
|
|
<div class="vm_bot_iso">
|
|
<div id="iso_state" class="vmiso_off">
|
|
</div>
|
|
<p>
|
|
ISO</p>
|
|
</div>
|
|
<div class="vm_bot_groups">
|
|
<p id="vm_group">
|
|
No Group</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="instance_loading_overlay" class="vmrow_loading" style="display: none;">
|
|
</div>
|
|
<div class="loadingmessage_container" style="display: none;">
|
|
<div class="loadingmessage_top">
|
|
<p>
|
|
</p>
|
|
</div>
|
|
<div class="loadingmessage_bottom">
|
|
<a id="vm_action_continue" class="continue_button" href="#"></a>
|
|
</div>
|
|
</div>
|
|
<div class="vmactions_dropdownbox" id="vm_actions_container" style="display: none;">
|
|
<div id="vm_actions_close" class="vmactions_dropdownbox_closebutton">
|
|
</div>
|
|
<div class="vmaction_listbox">
|
|
<ul class="vmaction_list">
|
|
<li>Instance</li>
|
|
<li>
|
|
<div id="vm_action_start" class="vmaction_links_on">
|
|
Start</div>
|
|
</li>
|
|
<li>
|
|
<div id="vm_action_stop" class="vmaction_links_on">
|
|
Stop</div>
|
|
</li>
|
|
<li>
|
|
<div id="vm_action_reboot" class="vmaction_links_on">
|
|
Reboot</div>
|
|
</li>
|
|
<li>
|
|
<div id="vm_action_destroy" class="vmaction_links_on">
|
|
Destroy</div>
|
|
</li>
|
|
<li>ISO</li>
|
|
<li>
|
|
<div id="vm_action_attach_iso" class="vmaction_links_on">
|
|
Attach ISO</div>
|
|
</li>
|
|
<li>
|
|
<div id="vm_action_detach_iso" class="vmaction_links_on">
|
|
Detach ISO</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="vmaction_listbox">
|
|
<ul class="vmaction_list" style="border: 0;">
|
|
<li>Change</li>
|
|
<li>
|
|
<div id="vm_action_reset_password" class="vmaction_links_on">
|
|
Reset Password</div>
|
|
</li>
|
|
<li>
|
|
<div id="vm_action_change_name" class="vmaction_links_on">
|
|
Change Name</div>
|
|
</li>
|
|
<li>
|
|
<div id="vm_action_change_service" class="vmaction_links_on">
|
|
Change Service</div>
|
|
</li>
|
|
<li>
|
|
<div id="vm_action_change_group" class="vmaction_links_on">
|
|
Change Group</div>
|
|
</li>
|
|
<li>Others</li>
|
|
<li id="vm_action_list_network_groups_container">
|
|
<div id="vm_action_list_network_groups" class="vmaction_links_on">
|
|
Network Groups</div>
|
|
</li>
|
|
<li>
|
|
<div id="vm_action_ha" class="vmaction_links_on">
|
|
Enable HA</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hostadmin_showdetails_panel" id="vm_statistics_panel" style="display:none">
|
|
<div class="host_statisticspanel">
|
|
<div class="host_statisticslist" id="vm_cpu_stat"><div class="hostcpu_icon"></div><p><strong> CPU Total:</strong> | <strong>CPU Allocated:</strong> | <span class="host_statisticspanel_green"> <strong>CPU Used:</strong></span></p></div>
|
|
<div class="host_statisticslist" id="vm_network_stat"><div class="hostnetwork_icon"></div><p><strong> Network read:</strong> | <strong>Network write:</strong></p></div>
|
|
</div>
|
|
</div>
|
|
<div class="hostadmin_showdetails_panel" id="volume_detail_panel" style="display: none;">
|
|
<div class="hostadmin_showdetails_grid">
|
|
<div class="hostadmin_showdetailsheader">
|
|
<div class="hostadmin_showdetailsheader_cell" style="width: 15%">
|
|
<div class="grid_headertitles">
|
|
ID</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsheader_cell" style="width: 20%">
|
|
<div class="grid_headertitles">
|
|
Name</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsheader_cell" style="width: 15%">
|
|
<div class="grid_headertitles">
|
|
Type</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsheader_cell" style="width: 15%">
|
|
<div class="grid_headertitles">
|
|
Size</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsheader_cell" style="width: 15%">
|
|
<div class="grid_headertitles">
|
|
Created</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsheader_cell" style="width: 19%">
|
|
<div class="grid_headertitles">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="detail_container">
|
|
<div class="hostadmin_showdetails_row_odd">
|
|
<div class="hostadmin_showdetailsrow_cell" style="width: 100%">
|
|
<div class="netgrid_celltitles">
|
|
No Volumes</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END VM Instance Template -->
|
|
<!-- Disk Volume Template -->
|
|
<div id="volume_detail_template" style="display: none">
|
|
<div class="adding_loading" style="height: 25px; display: none;">
|
|
<div class="adding_animation">
|
|
</div>
|
|
<div class="adding_text">
|
|
Detaching …
|
|
</div>
|
|
</div>
|
|
<div id="volume_body">
|
|
<div class="hostadmin_showdetailsrow_cell" style="width: 15%">
|
|
<div class="netgrid_celltitles" id="detail_id">
|
|
</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsrow_cell" style="width: 20%">
|
|
<div class="netgrid_celltitles" id="detail_name">
|
|
</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsrow_cell" style="width: 15%">
|
|
<div class="netgrid_celltitles" id="detail_type">
|
|
</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsrow_cell" style="width: 15%">
|
|
<div class="netgrid_celltitles" id="detail_size">
|
|
</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsrow_cell" style="width: 15%">
|
|
<div class="netgrid_celltitles" id="detail_created">
|
|
</div>
|
|
</div>
|
|
<div class="hostadmin_showdetailsrow_cell" style="width: 19%">
|
|
<div class="netgrid_celltitles" id="detail_action">
|
|
<a id="volume_action_detach_disk" href="#">Detach Disk</a><span id="volume_acton_separator"></span>
|
|
<a id="volume_action_create_template" href="#" style="display:none">Create Template</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Create Template Dialog -->
|
|
<div id="dialog_create_template" title="Create Template" style="display:none">
|
|
<p>
|
|
Please specify the following information before creating a template of your disk
|
|
volume: <b><span id="volume_name"></span></b>. Creating a template could take up
|
|
to several hours depending on the size of your disk volume.</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form_acquire">
|
|
<ol>
|
|
<li>
|
|
<label for="user_name">
|
|
Name:</label>
|
|
<input class="text" type="text" name="create_template_name" id="create_template_name" />
|
|
<div id="create_template_name_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<label for="user_name">
|
|
Display Text:</label>
|
|
<input class="text" type="text" name="create_template_desc" id="create_template_desc" />
|
|
<div id="create_template_desc_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<label for="create_template_os_type">
|
|
OS Type:</label>
|
|
<select class="select" name="create_template_os_type" id="create_template_os_type">
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="create_template_public">
|
|
Public:</label>
|
|
<select class="select" name="create_template_public" id="create_template_public">
|
|
<option value="false">No</option>
|
|
<option value="true">Yes</option>
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="user_name">
|
|
Password Enabled?:</label>
|
|
<select class="select" name="create_template_password" id="create_template_password">
|
|
<option value="false">No</option>
|
|
<option value="true">Yes</option>
|
|
</select>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Detach Volume Dialog (begin) -->
|
|
<div id="dialog_detach_volume" title="Detach Volume" style="display: none">
|
|
<p>
|
|
Please confirm you want to detach the volume</p>
|
|
<div class="dialog_formcontent">
|
|
<div class="selectable_errorbox" style="display: none; width: 250px">
|
|
<p>
|
|
<span style="font-style: bold; color: red"><strong>Error</strong>: </span><span id="apply_error_text">
|
|
Error text will appear here</span>
|
|
</p>
|
|
</div>
|
|
<div class="selectable_commentbox" style="display: none; width: 250px">
|
|
<div class="selectable_loader">
|
|
</div>
|
|
<p>
|
|
<strong>Please wait...</strong>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Console Overlay -->
|
|
<div class="overlay_smallpopup" id="spopup">
|
|
<div class="overlay_spopup_midleft">
|
|
<div class="console_box0">
|
|
</div>
|
|
<div class="console_box1" style="display: none">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<div class="overlay_spopup_midright">
|
|
<span>Additional Details</span><br/>
|
|
<p>Centos 5.3(x86_64)</p><p>Small Instance<br/></p>
|
|
|
|
<p><strong>Host:</strong> C-1-1-4</p>
|
|
<p><strong>Owner:</strong>sheng@gmail.com</p>
|
|
<p><strong>Domain:</strong>ROOT</p>
|
|
|
|
</div>
|
|
-->
|
|
<!-- END Console Overlay -->
|
|
<!-- New VM Wizard (begin) -->
|
|
<div class="vmpopup_container" id="vmpopup" style="display: none;">
|
|
<div class="revwiz_closebutton" id="vm_wizard_close">
|
|
</div>
|
|
<div id="step1" style="display: block;">
|
|
<div class="rev_wiztop">
|
|
<div class="rev_wizardbox">
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_selectednumber">
|
|
1</div>
|
|
<h3>
|
|
Select a Template</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
2</div>
|
|
<h3>
|
|
Select a Service</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
3</div>
|
|
<h3>
|
|
Optional</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
4</div>
|
|
<h3>
|
|
Select Review</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid">
|
|
<div class="rev_wizmid_maincontent">
|
|
<div class="rev_wizmid_titlebox">
|
|
<h2>
|
|
<strong>Step 1:</strong> Select a Template</h2>
|
|
<p>
|
|
Please select a template for your new virtual instance. You can also choose to select
|
|
a blank template from which an ISO image can be installed onto.
|
|
</p>
|
|
</div>
|
|
<div class="rev_wizmid_contentbox">
|
|
<div class="rev_tempsearchpanel">
|
|
<label for="wizard_zone">
|
|
Availability Zone:</label>
|
|
<select class="select" id="wizard_zone" name="zone">
|
|
</select>
|
|
<div class="rev_tempsearchbox">
|
|
<form method="post" action="#">
|
|
<ol>
|
|
<li>
|
|
<input id="search_input" class="text" type="text" name="search_input" />
|
|
</ol>
|
|
</form>
|
|
<div id="search_button" class="rev_searchbutton">
|
|
Search</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizformarea">
|
|
<div class="revwiz_message_container" style="display: none;" id="wiz_message">
|
|
<div class="revwiz_message_top">
|
|
<p id="wiz_message_text">
|
|
Please select a template or ISO to continue</p>
|
|
</div>
|
|
<div class="revwiz_message_bottom">
|
|
<div class="revwizcontinue_button" id="wiz_message_continue">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid_tempbox">
|
|
<div class="revwiz_loadingbox" id="wiz_template_loading" style="display: none">
|
|
<div class="loading_gridanimation">
|
|
</div>
|
|
<p>
|
|
Loading...</p>
|
|
</div>
|
|
<div class="rev_wizmid_tempbox_left" id="wiz_template_filter">
|
|
<div class="rev_wizmid_selectedtempbut" id="wiz_featured">
|
|
Featured Template</div>
|
|
<div class="rev_wizmid_nonselectedtempbut" id="wiz_my">
|
|
My Template</div>
|
|
<div class="rev_wizmid_nonselectedtempbut" id="wiz_community">
|
|
Community Template</div>
|
|
<div class="rev_wizmid_nonselectedtempbut" id="wiz_blank">
|
|
Blank Template</div>
|
|
</div>
|
|
<div class="rev_wizmid_tempbox_right">
|
|
<div class="rev_wiztemplistpanel" id="template_container">
|
|
</div>
|
|
<div class="rev_wiztemplistactions">
|
|
<div class="rev_wiztemplist_actionsbox">
|
|
<a href="#" id="prevPage">Prev</a> <a href="#" id="nextPage">Next</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid_actionbox">
|
|
<div class="rev_wizmid_actionnext">
|
|
Go to Step 2</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizbot">
|
|
</div>
|
|
</div>
|
|
<div id="step2" style="display: none;">
|
|
<div class="rev_wiztop">
|
|
<div class="rev_wizardbox">
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
1</div>
|
|
<h3>
|
|
Select a Template</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_selectednumber">
|
|
2</div>
|
|
<h3>
|
|
Select a Service</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
3</div>
|
|
<h3>
|
|
Optional</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
4</div>
|
|
<h3>
|
|
Select Review</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid">
|
|
<div class="rev_wizmid_maincontent">
|
|
<div class="rev_wizmid_titlebox">
|
|
<h2>
|
|
<strong>Step 2:</strong> Select a Service</h2>
|
|
<p>
|
|
Please select the CPU, Memory, and Storage requirements you need for your new Virtual
|
|
Instance.</p>
|
|
</div>
|
|
<div class="rev_wizmid_contentbox">
|
|
<div class="rev_tempsearchpanel">
|
|
</div>
|
|
<div class="rev_wizformarea">
|
|
<div class="revwiz_message_container" style="display: none;" id="wiz_message">
|
|
<div class="revwiz_message_top">
|
|
<p id="wiz_message_text">
|
|
Please select an offering to continue</p>
|
|
</div>
|
|
<div class="revwiz_message_bottom">
|
|
<div class="revwizcontinue_button" id="wiz_message_continue">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form name="step2" method="post" action="#">
|
|
<div class="revwiz_formcontent_title">
|
|
Service Offerings :</div>
|
|
<ol id="wizard_service_offering">
|
|
</ol>
|
|
<ol id="wizard_network_groups_container" style="display:none; margin-top:10px;">
|
|
<li>
|
|
<label for="wizard_network_groups">
|
|
Network Groups:</label>
|
|
<select id="wizard_network_groups" class="multiple" multiple="multiple" size="5">
|
|
</select>
|
|
<p style="color:#666; float:left; width:auto; margin:15px 0 0 10px; display:inline;">(Use <strong>Ctrl-click</strong> to select all applicable security groups)</p>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid_actionbox">
|
|
<div class="rev_wizmid_actionnext">
|
|
Go to Step 3</div>
|
|
<div class="rev_wizmid_actionback">
|
|
Back</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizbot">
|
|
</div>
|
|
</div>
|
|
<div id="step3" style="display: none;">
|
|
<div class="rev_wiztop">
|
|
<div class="rev_wizardbox">
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
1</div>
|
|
<h3>
|
|
Select a Template</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
2</div>
|
|
<h3>
|
|
Select a Service</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_selectednumber">
|
|
3</div>
|
|
<h3>
|
|
Optional</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
4</div>
|
|
<h3>
|
|
Select Review</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid">
|
|
<div class="rev_wizmid_maincontent">
|
|
<div class="rev_wizmid_titlebox">
|
|
<h2>
|
|
<strong>Step 3:</strong> Optional</h2>
|
|
<p>
|
|
You can choose to name and group your virtual machine for easy identification. You can also choose additional data storage. (These options can be added at any time.) </p>
|
|
</div>
|
|
<div class="rev_wizmid_contentbox">
|
|
<div class="rev_tempsearchpanel">
|
|
</div>
|
|
<div class="rev_wizformarea">
|
|
<form name="step1" method="post" action="#">
|
|
<ol>
|
|
<li>
|
|
<div>
|
|
<label for="wizard_vm_name">
|
|
Name (optional):</label>
|
|
<input class="text" type="text" id="wizard_vm_name" />
|
|
</div>
|
|
<div id="wizard_vm_name_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<label for="wizard_vm_group">
|
|
Group (optional):</label>
|
|
<input class="text" type="text" id="wizard_vm_group" />
|
|
</div>
|
|
<div id="wizard_vm_group_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="revwiz_formcontent_title" id="wizard_root_disk_offering_title" style="display: none;">
|
|
Root Disk Offerings:</div>
|
|
<ol id="wizard_root_disk_offering">
|
|
</ol>
|
|
<div class="revwiz_formcontent_title" id="wizard_data_disk_offering_title" style="display: block; margin-top:10px;">
|
|
Data Disk Offerings (optional) :</div>
|
|
<ol id="wizard_data_disk_offering">
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid_actionbox">
|
|
<div class="rev_wizmid_actionnext">
|
|
Go to Step 4</div>
|
|
<div class="rev_wizmid_actionback">
|
|
Back</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizbot">
|
|
</div>
|
|
</div>
|
|
<div id="step4" style="display: none;">
|
|
<div class="rev_wiztop">
|
|
<div class="rev_wizardbox">
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
1</div>
|
|
<h3>
|
|
Select a Template</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
2</div>
|
|
<h3>
|
|
Select a Service</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_nonselectednumber">
|
|
3</div>
|
|
<h3>
|
|
Optional</h3>
|
|
</div>
|
|
<div class="rev_wizardsteps">
|
|
<div class="revwiz_selectednumber">
|
|
4</div>
|
|
<h3>
|
|
Select Review</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid">
|
|
<div class="rev_wizmid_maincontent">
|
|
<div class="rev_wizmid_titlebox">
|
|
<h2>
|
|
<strong>Step 4:</strong> Review</h2>
|
|
<p>
|
|
Please review you selections and hit 'Submit' to create your new instance. Click
|
|
'Prev' to make any changes to your new VM Instance.</p>
|
|
</div>
|
|
<div class="rev_wizmid_contentbox">
|
|
<div class="rev_tempsearchpanel">
|
|
</div>
|
|
<div class="rev_wiz_reviewbox">
|
|
<div class="rev_wiz_reviewlist">
|
|
<div class="rev_wiz_reviewlabel">
|
|
Zone:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_zone">
|
|
</div>
|
|
</div>
|
|
<div class="rev_wiz_reviewlist">
|
|
<div class="rev_wiz_reviewlabel">
|
|
Name:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_name">
|
|
</div>
|
|
</div>
|
|
<div class="rev_wiz_reviewlist">
|
|
<div class="rev_wiz_reviewlabel">
|
|
Group:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_group">
|
|
</div>
|
|
</div>
|
|
<div class="rev_wiz_reviewlist">
|
|
<div class="rev_wiz_reviewlabel">
|
|
Template:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_template">
|
|
</div>
|
|
</div>
|
|
<div class="rev_wiz_reviewlist" id="wizard_review_iso_p">
|
|
<div class="rev_wiz_reviewlabel">
|
|
ISO:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_iso">
|
|
</div>
|
|
</div>
|
|
<div class="rev_wiz_reviewlist">
|
|
<div class="rev_wiz_reviewlabel">
|
|
Service Offering:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_service_offering">
|
|
</div>
|
|
</div>
|
|
<div class="rev_wiz_reviewlist" id="wizard_review_network_groups_p" style="display:none">
|
|
<div class="rev_wiz_reviewlabel">
|
|
Network Groups:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_network_groups">
|
|
</div>
|
|
</div>
|
|
<div class="rev_wiz_reviewlist" id="wizard_review_data_disk_offering_p">
|
|
<div class="rev_wiz_reviewlabel">
|
|
Data Disk Offering:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_data_disk_offering">
|
|
</div>
|
|
</div>
|
|
<div class="rev_wiz_reviewlist" id="wizard_review_root_disk_offering_p">
|
|
<div class="rev_wiz_reviewlabel">
|
|
Root Disk Offering:</div>
|
|
<div class="rev_wiz_reviewanswers" id="wizard_review_root_disk_offering">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizmid_actionbox">
|
|
<div class="rev_wizmid_actionnext">
|
|
Submit</div>
|
|
<div class="rev_wizmid_actionback">
|
|
Back</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rev_wizbot">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- New VM Wizard (end) -->
|
|
<!-- Change Service Offering Dialog -->
|
|
<div id="dialog_change_service_offering" title="Change Service Offering" style="display:none">
|
|
<p>
|
|
To change your service for <b><span id="change_vm_name"></span></b>, please select
|
|
from the following services and select 'Change'. You must restart your virtual instance
|
|
for the new service offering to take effect.</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form_acquire">
|
|
<ol>
|
|
<li>
|
|
<label for="user_name">
|
|
Service Offering:</label>
|
|
<select class="select" name="change_service_offerings" id="change_service_offerings">
|
|
</select>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- List Network Groups Dialog (begin) -->
|
|
<div id="dialog_list_network_groups" title="Network Groups">
|
|
<ul class="network_groups_list_first_level" id="network_groups_list_first_level">
|
|
</ul>
|
|
</div>
|
|
<ul class="network_groups_list_second_level" id="network_groups_list_second_level">
|
|
</ul>
|
|
<!-- List Network Groups Dialog (end) -->
|
|
<!-- Change Group Dialog -->
|
|
<div id="dialog_change_group" title="Change Group" style="display:none">
|
|
<p>
|
|
Please specify the new group you want to assign to your Virtual Instance: <b><span
|
|
id="vm_name"></span></b>. If no such group exists, a new one will be created
|
|
for you.</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form_acquire">
|
|
<ol>
|
|
<li>
|
|
<label for="change_group_name">
|
|
Group Name:</label>
|
|
<input class="text" type="text" name="change_group_name" id="change_group_name" />
|
|
<div id="change_group_name_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Change Name Dialog -->
|
|
<div id="dialog_change_name" title="Change Name" style="display:none">
|
|
<p>
|
|
Please specify the new name you want to change for your Virtual Instance: <b><span
|
|
id="vm_name"></span></b>.</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form_acquire">
|
|
<ol>
|
|
<li>
|
|
<label for="user_name">
|
|
Instance Name:</label>
|
|
<input class="text" type="text" name="change_instance_name" id="change_instance_name" />
|
|
<div id="change_instance_name_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Attach ISO Dialog -->
|
|
<div id="dialog_attach_iso" title="Attach ISO" style="display:none">
|
|
<p>
|
|
Please specify the ISO you wish to attach to your Virtual Instance: <b><span id="vm_name">
|
|
</span></b>.</p>
|
|
<div class="dialog_formcontent">
|
|
<form action="#" method="post" id="form_acquire">
|
|
<ol>
|
|
<li>
|
|
<label for="user_name">
|
|
Available ISO:</label>
|
|
<select class="select" name="attach_iso_select" id="attach_iso_select">
|
|
<option value="none">No Available ISO</option>
|
|
</select>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Snapshots-->
|
|
<div class="maincontent" style="display: none;" id="submenu_content_snapshots">
|
|
<div id="maincontent_title">
|
|
<h1>
|
|
Snapshots</h1>
|
|
<div class="search_formarea">
|
|
<form action="#" method="post">
|
|
<ol>
|
|
<li>
|
|
<input class="text" type="text" name="search_VM" id="search_VM" /></li>
|
|
</ol>
|
|
</form>
|
|
<a class="search_button" href="#"></a>
|
|
</div>
|
|
</div>
|
|
<div class="filter_actionbox">
|
|
<div class="selection_formarea" style="display: none;">
|
|
<form action="#" method="post">
|
|
<label for="filter">
|
|
Filters:</label>
|
|
<select class="select" id="template_type">
|
|
<option value="true">Public</option>
|
|
<option value="false">Private</option>
|
|
</select>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="net_gridwrapper">
|
|
<div class="net_gridleft">
|
|
<div class="netgrid_container">
|
|
<div id="loading_gridtable_snapshots" class="loading_gridtable">
|
|
<div class="loading_gridanimation">
|
|
</div>
|
|
<p>
|
|
Loading...</p>
|
|
</div>
|
|
<div class="grid_header">
|
|
<div class="snapgridheader_cell1">
|
|
<div class="grid_headertitles">
|
|
VM Name</div>
|
|
</div>
|
|
<div class="snapgridheader_cell2">
|
|
<div class="grid_headertitles">
|
|
</div>
|
|
</div>
|
|
<div class="snapgridheader_cell3">
|
|
<div class="grid_headertitles">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="grid_content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="net_gridright">
|
|
<div class="net_displaybox">
|
|
<div class="net_displaybox_top">
|
|
<div class="net_displaytitlebox">
|
|
<h2>
|
|
Click on a Virtual Instance to see more details
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="net_displaybox_mid" style="display: none">
|
|
<div class="display_content">
|
|
<div class="display_gridbox">
|
|
<div class="display_gridheader">
|
|
<div class="display_snapheadercell1">
|
|
<div class="display_headercell_title">
|
|
Type</div>
|
|
</div>
|
|
<div class="display_snapheadercell2">
|
|
<div class="display_headercell_title">
|
|
Name</div>
|
|
</div>
|
|
<div class="display_snapheadercell2">
|
|
<div class="display_headercell_title">
|
|
Created</div>
|
|
</div>
|
|
<div class="display_snapheadercell3">
|
|
</div>
|
|
</div>
|
|
<div id="display_gridcontent">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="net_displaybox_bot">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Snapshot template -->
|
|
<div style="display: none" id="snapshot_template">
|
|
<div class="display_rowloading" style="display: none">
|
|
<div class="display_rowloader_animation">
|
|
</div>
|
|
<p>
|
|
Deleting...</p>
|
|
</div>
|
|
<div id="snap_body">
|
|
<div class="display_snaprowcell1">
|
|
<div class="display_rowcell_title" id="snapshot_interval">
|
|
Hourly</div>
|
|
</div>
|
|
<div class="display_snaprowcell2">
|
|
<div class="display_rowcell_title" id="snapshot_name">
|
|
name</div>
|
|
</div>
|
|
<div class="display_snaprowcell2">
|
|
<div class="display_rowcell_title" id="snapshot_created">
|
|
24</div>
|
|
</div>
|
|
<div class="display_snaprowcell3">
|
|
<a class="display_rollbackbutton" href="#" id="snapshot_action_rollback"></a><a class="display_deletebutton"
|
|
href="#" id="snapshot_action_delete"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- VM Snapshot template -->
|
|
<div style="display: none" id="vm_snapshot_template">
|
|
<div class="adding_loading" style="height: 25px; display: none;">
|
|
<div class="adding_animation">
|
|
</div>
|
|
<div class="adding_text">
|
|
Taking Snapshot …
|
|
</div>
|
|
</div>
|
|
<div id="snap_body">
|
|
<div class="snap_row_cell1">
|
|
<div class="netgrid_celltitles" id="vm_snapshot_name">
|
|
</div>
|
|
</div>
|
|
<div class="snap_row_cell2">
|
|
<div class="netgrid_celltitles">
|
|
<a href="#" id="vm_snapshot_action_take">Take Snapshots </a>
|
|
</div>
|
|
</div>
|
|
<div class="snap_row_cell3">
|
|
<div class="netgrid_celltitles">
|
|
<a href="#" id="vm_snapshot_action_schedule">Schedule Snapshots </a>
|
|
<div id="vm_snapshot_action_schedule_enabled" class="snap_scheduleicon" style="display: none">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Schedule Snapshots Dialog -->
|
|
<div id="dialog_schedule_snapshots" title="Schedule Snapshots" style="display: none">
|
|
<p>
|
|
To schedule snapshots for your <b><span id="snapshot_vm_name"></span></b>, please
|
|
select an interval to take the snapshots and the maximum number of snapshots to
|
|
retain for that interval. If you specify 0 as a value, that interval will be disabled.</p>
|
|
<div class="dialog_snapshotformcontent">
|
|
<form action="#" method="post" id="form_acquire">
|
|
<div class="frequency_left">
|
|
<h2>
|
|
Frequency</h2>
|
|
</div>
|
|
<div class="retention_right">
|
|
<h2>
|
|
Retention</h2>
|
|
</div>
|
|
<ol>
|
|
<div class="frequency_left">
|
|
<li>
|
|
<input class="checkbox" type="checkbox" name="schedule_snapshot_hourly_enable" id="schedule_snapshot_hourly_enable" />
|
|
<label for="user_name">
|
|
Hourly</label>
|
|
</li>
|
|
</div>
|
|
<div class="retention_right">
|
|
<li>
|
|
<label for="user_name">
|
|
Retain</label>
|
|
<input class="text" type="text" name="schedule_snapshot_hourly" id="schedule_snapshot_hourly"
|
|
value="24" style="width: 30px;" />
|
|
<span>snapshots</span>
|
|
<div id="schedule_snapshot_hourly_errormsg" class="dialog_formcontent_errormsg_long"
|
|
style="display: none;">
|
|
</div>
|
|
</li>
|
|
</div>
|
|
<div class="frequency_left">
|
|
<li>
|
|
<input class="checkbox" type="checkbox" name="schedule_snapshot_daily_enable" id="schedule_snapshot_daily_enable" />
|
|
<label for="user_name">
|
|
Daily</label>
|
|
</li>
|
|
</div>
|
|
<div class="retention_right">
|
|
<li>
|
|
<label for="user_name">
|
|
Retain</label>
|
|
<input class="text" type="text" name="schedule_snapshot_daily" id="schedule_snapshot_daily"
|
|
value="7" style="width: 30px;" />
|
|
<span>snapshots</span>
|
|
<div id="schedule_snapshot_daily_errormsg" class="dialog_formcontent_errormsg_long"
|
|
style="display: none;">
|
|
</div>
|
|
</li>
|
|
</div>
|
|
<div class="frequency_left">
|
|
<li>
|
|
<input class="checkbox" type="checkbox" name="schedule_snapshot_weekly_enable" id="schedule_snapshot_weekly_enable" />
|
|
<label for="user_name">
|
|
Weekly</label></li>
|
|
</div>
|
|
<div class="retention_right">
|
|
<li>
|
|
<label for="user_name">
|
|
Retain</label>
|
|
<input class="text" type="text" name="schedule_snapshot_weekly" id="schedule_snapshot_weekly"
|
|
value="4" style="width: 30px;" />
|
|
<span>snapshots </span>
|
|
<div id="schedule_snapshot_weekly_errormsg" class="dialog_formcontent_errormsg_long"
|
|
style="display: none;">
|
|
</div>
|
|
</li>
|
|
</div>
|
|
<div class="frequency_left">
|
|
<li>
|
|
<input class="checkbox" type="checkbox" name="schedule_snapshot_monthly_enable" id="schedule_snapshot_monthly_enable" />
|
|
<label for="user_name">
|
|
Monthly</label>
|
|
</li>
|
|
</div>
|
|
<div class="retention_right">
|
|
<li>
|
|
<label for="user_name">
|
|
Retain</label>
|
|
<input class="text" type="text" name="schedule_snapshot_monthly" id="schedule_snapshot_monthly"
|
|
value="12" style="width: 30px;" />
|
|
<span>snapshots </span>
|
|
<div id="schedule_snapshot_monthly_errormsg" class="dialog_formcontent_errormsg_long"
|
|
style="display: none;">
|
|
</div>
|
|
</li>
|
|
</div>
|
|
</ol>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Rollback Snapshot Dialog -->
|
|
<div id="dialog_rollback_snapshot" title="Rollback Snapshot" style="display: none">
|
|
<p>
|
|
Please confirm you want to rollback to the following snapshot: <b><span id="snapshot_name"></span>
|
|
</b>for the Virtual Instance: <b><span id="snapshot_vm_name"></span></b>
|
|
</p>
|
|
<div class="selectable_errorbox" style="width: 375px; display: none">
|
|
<p>
|
|
<strong>Alert</strong>: <span id="apply_error_text"></span>
|
|
</p>
|
|
</div>
|
|
<div class="selectable_commentbox" style="width: 375px; display: none">
|
|
<div class="selectable_loader">
|
|
</div>
|
|
<p>
|
|
<strong>Please wait while we rollback to your specified snapshot...</strong></p>
|
|
</div>
|
|
</div>
|
|
<!-- Routers-->
|
|
<div class="maincontent" style="display: none;" id="submenu_content_routers">
|
|
<div id="maincontent_title">
|
|
<div class="maintitle_icon">
|
|
<img src="images/routerstitle_icons.gif" title="routers" />
|
|
</div>
|
|
<h1>
|
|
Routers</h1>
|
|
<div class="search_formarea">
|
|
<form action="#" method="post">
|
|
<ol>
|
|
<li>
|
|
<input class="text" type="text" name="search_input" id="search_input" /></li>
|
|
</ol>
|
|
</form>
|
|
<a class="search_button" id="search_button" href="#"></a>
|
|
<div id="advanced_search_link" class="advsearch_link">
|
|
Advanced</div>
|
|
<div id="advanced_search" class="adv_searchpopup" style="display: none;">
|
|
<div class="adv_searchformbox">
|
|
<h3>
|
|
Advance Search</h3>
|
|
<a id="advanced_search_close" href="#">Close </a>
|
|
<form action="#" method="post">
|
|
<ol>
|
|
<li>
|
|
<label for="filter">
|
|
Name:</label>
|
|
<input class="text" type="text" name="adv_search_name" id="adv_search_name" />
|
|
</li>
|
|
<li>
|
|
<label for="filter">
|
|
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">
|
|
Zone:</label>
|
|
<select class="select" id="adv_search_zone">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_pod_li" style="display: none;">
|
|
<label for="filter" id="adv_search_pod_label">
|
|
Pod:</label>
|
|
<select class="select" id="adv_search_pod">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_domain_li" style="display: none;">
|
|
<label for="filter">
|
|
Domain:</label>
|
|
<select class="select" id="adv_search_domain">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_account_li" style="display: none;">
|
|
<label for="filter">
|
|
Account:</label>
|
|
<input class="text" type="text" id="adv_search_account" />
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
<div class="adv_search_actionbox">
|
|
<div class="adv_searchpopup_button" id="adv_search_button">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter_actionbox">
|
|
<div class="selection_formarea" style="display: none;">
|
|
<form action="#" method="post">
|
|
<label for="filter">
|
|
Filters:</label>
|
|
<select class="select" id="template_type">
|
|
<option value="true">Public</option>
|
|
<option value="false">Private</option>
|
|
</select>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="grid_container">
|
|
<div id="loading_gridtable" class="loading_gridtable">
|
|
<div class="loading_gridanimation">
|
|
</div>
|
|
<p>
|
|
Loading...</p>
|
|
</div>
|
|
<div class="grid_header">
|
|
<div class="grid_genheader_cell" style="width: 6%;">
|
|
<div class="grid_headertitles">
|
|
Status</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Zone</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Name</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Public IP</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Private IP</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Guest IP</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 12%;">
|
|
<div class="grid_headertitles">
|
|
Host</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Network Domain</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Account</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Created</div>
|
|
</div>
|
|
</div>
|
|
<div id="grid_content">
|
|
</div>
|
|
</div>
|
|
<div id="pagination_panel" class="pagination_panel" style="display: none;">
|
|
<p id="grid_rows_total" />
|
|
<div class="pagination_actionbox">
|
|
<div class="pagination_actions">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_refresh.gif" title="refresh" /></div>
|
|
<a id="refresh" href="#">Refresh</a>
|
|
</div>
|
|
<div class="pagination_actions" id="prevPage_div">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_previcon.gif" title="prev" /></div>
|
|
<a id="prevPage" href="#">Prev</a>
|
|
</div>
|
|
<div class="pagination_actions" id="nextPage_div">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_nexticon.gif" title="next" /></div>
|
|
<a id="nextPage" href="#">Next</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END Content Panel -->
|
|
<!-- Router Template -->
|
|
<div id="router_template" style="display: none">
|
|
<div class="green_statusbar" id="router_state_bar">
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 5%;">
|
|
<div class="grid_runningtitles" id="router_state">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="router_zonename">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="router_name">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="router_public_ip">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="router_private_ip">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="router_guest_ip">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 12%;">
|
|
<div class="grid_celltitles" id="router_host">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="router_domain">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="router_owner">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="router_created">
|
|
</div>
|
|
</div>
|
|
<div id="grid_links_container" style="display: none;">
|
|
<div class="grid_links">
|
|
<div id="router_action_start_container" style="float: left;">
|
|
<a id="router_action_start" href="#">Start</a> |</div>
|
|
<div id="router_action_stop_container" style="float: left;">
|
|
<a id="router_action_stop" href="#">Stop</a> |</div>
|
|
<div id="router_action_reboot_container" style="float: left;">
|
|
<a id="router_action_reboot" href="#">Reboot</a> |</div>
|
|
<div id="router_action_view_console_container" style="float: left;">
|
|
<a id="router_action_view_console" href="#">View Console</a> |</div>
|
|
</div>
|
|
</div>
|
|
<div class="row_loading" style="display: none; height: 58px;">
|
|
</div>
|
|
<div class="loading_animationcontainer" style="display: none;">
|
|
<div class="loading_animationtext">
|
|
</div>
|
|
<div class="loading_animation">
|
|
</div>
|
|
</div>
|
|
<div class="loadingmessage_container" style="display: none;">
|
|
<div class="loadingmessage_top">
|
|
<p>
|
|
</p>
|
|
</div>
|
|
<div class="loadingmessage_bottom">
|
|
<a class="continue_button" href="#"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END Router Template -->
|
|
<!-- System-->
|
|
<div class="maincontent" style="display: none;" id="submenu_content_console">
|
|
<div id="maincontent_title">
|
|
<div class="maintitle_icon">
|
|
<img src="images/cproxytitle_icons.gif" title="routers" />
|
|
</div>
|
|
<h1>
|
|
System</h1>
|
|
<div class="search_formarea">
|
|
<form action="#" method="post">
|
|
<ol>
|
|
<li>
|
|
<input class="text" type="text" name="search_input" id="search_input" /></li>
|
|
</ol>
|
|
</form>
|
|
<a class="search_button" id="search_button" href="#"></a>
|
|
<div id="advanced_search_link" class="advsearch_link">
|
|
Advanced</div>
|
|
<div id="advanced_search" class="adv_searchpopup" style="display: none;">
|
|
<div class="adv_searchformbox">
|
|
<h3>
|
|
Advance Search</h3>
|
|
<a id="advanced_search_close" href="#">Close </a>
|
|
<form action="#" method="post">
|
|
<ol>
|
|
<li>
|
|
<label for="filter">
|
|
Name:</label>
|
|
<input class="text" type="text" name="adv_search_name" id="adv_search_name" />
|
|
</li>
|
|
<li>
|
|
<label for="filter">
|
|
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">
|
|
Zone:</label>
|
|
<select class="select" id="adv_search_zone">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_pod_li" style="display: none;">
|
|
<label for="filter" id="adv_search_pod_label">
|
|
Pod:</label>
|
|
<select class="select" id="adv_search_pod">
|
|
</select>
|
|
</li>
|
|
<li id="adv_search_domain_li" style="display: none;">
|
|
<label for="filter">
|
|
Domain:</label>
|
|
<select class="select" id="adv_search_domain">
|
|
</select>
|
|
</li>
|
|
</ol>
|
|
</form>
|
|
<div class="adv_search_actionbox">
|
|
<div class="adv_searchpopup_button" id="adv_search_button">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter_actionbox">
|
|
<div class="selection_formarea" style="display: none;">
|
|
<form action="#" method="post">
|
|
<label for="filter">
|
|
Filters:</label>
|
|
<select class="select" id="template_type">
|
|
<option value="true">Public</option>
|
|
<option value="false">Private</option>
|
|
</select>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="grid_container">
|
|
<div id="loading_gridtable" class="loading_gridtable" style="display: none;">
|
|
<div class="loading_gridanimation">
|
|
</div>
|
|
<p>
|
|
Loading...</p>
|
|
</div>
|
|
<div class="grid_header">
|
|
<div class="grid_genheader_cell" style="width: 7%;">
|
|
<div class="grid_headertitles">
|
|
Status
|
|
</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 11%;">
|
|
<div class="grid_headertitles">
|
|
Type</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Zone</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 9%;">
|
|
<div class="grid_headertitles">
|
|
Name</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 9%;">
|
|
<div class="grid_headertitles">
|
|
Active Sessions</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Public IP</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Private IP</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 12%;">
|
|
<div class="grid_headertitles">
|
|
Host</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 10%;">
|
|
<div class="grid_headertitles">
|
|
Gateway</div>
|
|
</div>
|
|
<div class="grid_genheader_cell" style="width: 11%; border:0;">
|
|
<div class="grid_headertitles">
|
|
Created</div>
|
|
</div>
|
|
</div>
|
|
<div id="grid_content">
|
|
</div>
|
|
</div>
|
|
<div id="pagination_panel" class="pagination_panel">
|
|
<p id="grid_rows_total" />
|
|
<div class="pagination_actionbox">
|
|
<div class="pagination_actions">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_refresh.gif" title="refresh" /></div>
|
|
<a id="refresh" href="#">Refresh</a>
|
|
</div>
|
|
<div class="pagination_actions" id="prevPage_div">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_previcon.gif" title="prev" /></div>
|
|
<a id="prevPage" href="#">Prev</a>
|
|
</div>
|
|
<div class="pagination_actions" id="nextPage_div">
|
|
<div class="pagination_actionicon">
|
|
<img src="images/pagination_nexticon.gif" title="next" /></div>
|
|
<a id="nextPage" href="#">Next</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END Content Panel -->
|
|
<!-- System VM Template (begin) -->
|
|
<div id="console_template" style="display: none">
|
|
<div class="green_statusbar" id="console_state_bar">
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 6%;">
|
|
<div class="grid_runningtitles" id="console_state">
|
|
State</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 11%;">
|
|
<div class="grid_celltitles" id="console_type">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="console_zone">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 9%;">
|
|
<div class="grid_celltitles" id="console_name">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 9%;">
|
|
<div class="grid_celltitles" id="console_active_session">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="console_public_ip">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="console_private_ip">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 12%;">
|
|
<div class="grid_celltitles" id="console_host">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 10%;">
|
|
<div class="grid_celltitles" id="console_gateway">
|
|
</div>
|
|
</div>
|
|
<div class="grid_genrow_cell" style="width: 11%; border:0;">
|
|
<div class="grid_celltitles" id="console_created">
|
|
</div>
|
|
</div>
|
|
<div id="grid_links_container" style="display: none;">
|
|
<div class="grid_links">
|
|
<div id="console_action_start_container" style="float: left;">
|
|
<a id="console_action_start" href="#">Start</a> |</div>
|
|
<div id="console_action_stop_container" style="float: left;">
|
|
<a id="console_action_stop" href="#">Stop</a> |</div>
|
|
<div id="console_action_reboot_container" style="float: left;">
|
|
<a id="console_action_reboot" href="#">Reboot</a> |</div>
|
|
<div id="console_action_view_console_container" style="float: left;">
|
|
<a id="console_action_view_console" href="#">View Console</a> |</div>
|
|
</div>
|
|
</div>
|
|
<div class="row_loading" style="display: none; height: 58px;">
|
|
</div>
|
|
<div class="loading_animationcontainer" style="display: none;">
|
|
<div class="loading_animationtext">
|
|
</div>
|
|
<div class="loading_animation">
|
|
</div>
|
|
</div>
|
|
<div class="loadingmessage_container" style="display: none;">
|
|
<div class="loadingmessage_top">
|
|
<p>
|
|
</p>
|
|
</div>
|
|
<div class="loadingmessage_bottom">
|
|
<a class="continue_button" href="#"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- System VM Template (end) -->
|
|
<!--
|
|
Terms and Conditions Dialog
|
|
**** Please change this accordingly ****
|
|
-->
|
|
<div id="dialog_t_and_c" title="Terms and Conditions" style="display:none">
|
|
<p>
|
|
<b>Terms and Conditions</b><br />
|
|
</br> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
|
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
|
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
|
|
deserunt mollit anim id est laborum.
|
|
</p>
|
|
</div>
|