mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
new UI - left menu, middle menu, instance
This commit is contained in:
jessica
unknown
parent
d5500fc099
commit
27fd14ac14
@ -292,6 +292,7 @@ a:visited {
|
|||||||
padding:0;
|
padding:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
.vmpopup_container_closebutton {
|
.vmpopup_container_closebutton {
|
||||||
width:13px;
|
width:13px;
|
||||||
height:13px;
|
height:13px;
|
||||||
@ -307,6 +308,8 @@ a:visited {
|
|||||||
background:url(../images/vm_closebutton_hover.gif) no-repeat top left;
|
background:url(../images/vm_closebutton_hover.gif) no-repeat top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
=======
|
||||||
|
>>>>>>> 10bc0b5... new UI - left menu, middle menu, instance
|
||||||
.vmpopup_container_top {
|
.vmpopup_container_top {
|
||||||
width:737px;
|
width:737px;
|
||||||
height:30px;
|
height:30px;
|
||||||
@ -1605,7 +1608,11 @@ a:visited {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.midmenu_textbox {
|
.midmenu_textbox {
|
||||||
|
<<<<<<< HEAD
|
||||||
width:165px;
|
width:165px;
|
||||||
|
=======
|
||||||
|
width:150px;
|
||||||
|
>>>>>>> 10bc0b5... new UI - left menu, middle menu, instance
|
||||||
height:auto;
|
height:auto;
|
||||||
float:left;
|
float:left;
|
||||||
margin:0 0 0 10px;
|
margin:0 0 0 10px;
|
||||||
@ -1614,7 +1621,11 @@ a:visited {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.midmenu_textbox p {
|
.midmenu_textbox p {
|
||||||
|
<<<<<<< HEAD
|
||||||
width:165px;
|
width:165px;
|
||||||
|
=======
|
||||||
|
width:150px;
|
||||||
|
>>>>>>> 10bc0b5... new UI - left menu, middle menu, instance
|
||||||
height:auto;
|
height:auto;
|
||||||
float:left;
|
float:left;
|
||||||
text-align:left;
|
text-align:left;
|
||||||
@ -1928,6 +1939,7 @@ a:visited {
|
|||||||
background:url(../images/infoerror_icon.gif) no-repeat top left;
|
background:url(../images/infoerror_icon.gif) no-repeat top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
.info_detailbox {
|
.info_detailbox {
|
||||||
width:99%;
|
width:99%;
|
||||||
height:auto;
|
height:auto;
|
||||||
@ -1953,3 +1965,30 @@ a:visited {
|
|||||||
background:#ffe5e5 repeat top left;
|
background:#ffe5e5 repeat top left;
|
||||||
color:#a90000;
|
color:#a90000;
|
||||||
}
|
}
|
||||||
|
=======
|
||||||
|
.info_detailbox {
|
||||||
|
width:99%;
|
||||||
|
height:auto;
|
||||||
|
float:left;
|
||||||
|
background:#fffbe6 repeat top left;
|
||||||
|
border:1px dashed #CCC;
|
||||||
|
color:#333;
|
||||||
|
margin:0 0 0 0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info_detailbox p{
|
||||||
|
width:auto;
|
||||||
|
height:auto;
|
||||||
|
float:left;
|
||||||
|
text-align:left;
|
||||||
|
font-size:11px;
|
||||||
|
margin:10px;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info_detailbox.errorbox {
|
||||||
|
background:#ffe5e5 repeat top left;
|
||||||
|
color:#a90000;
|
||||||
|
}
|
||||||
|
>>>>>>> 10bc0b5... new UI - left menu, middle menu, instance
|
||||||
|
|||||||
@ -5,7 +5,11 @@
|
|||||||
<meta http-equiv='cache-control' content='no-cache'>
|
<meta http-equiv='cache-control' content='no-cache'>
|
||||||
<meta http-equiv='expires' content='0'>
|
<meta http-equiv='expires' content='0'>
|
||||||
<meta http-equiv='pragma' content='no-cache'>
|
<meta http-equiv='pragma' content='no-cache'>
|
||||||
|
<<<<<<< HEAD
|
||||||
<meta name="version" content="@VERSION@" />
|
<meta name="version" content="@VERSION@" />
|
||||||
|
=======
|
||||||
|
<meta name="version" content="1.9.1.6" />
|
||||||
|
>>>>>>> 10bc0b5... new UI - left menu, middle menu, instance
|
||||||
<link rel="stylesheet" href="css/main.css" type="text/css" />
|
<link rel="stylesheet" href="css/main.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="css/jquery-ui-1.8.2.custom.css" type="text/css" />
|
<link rel="stylesheet" href="css/jquery-ui-1.8.2.custom.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="css/logger.css" type="text/css" />
|
<link rel="stylesheet" href="css/logger.css" type="text/css" />
|
||||||
|
|||||||
595
ui/new/jsp/tab_instance.jsp
Executable file
595
ui/new/jsp/tab_instance.jsp
Executable file
@ -0,0 +1,595 @@
|
|||||||
|
<!--
|
||||||
|
<script type="text/javascript" src="scripts/cloud.core.instances.js"></script>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<%@ page import="java.util.*" %>
|
||||||
|
<%@ page import="com.cloud.utils.*" %>
|
||||||
|
|
||||||
|
<%
|
||||||
|
|
||||||
|
Locale browserLocale = request.getLocale();
|
||||||
|
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
|
||||||
|
%>
|
||||||
|
|
||||||
|
<!-- VM detail panel (begin) -->
|
||||||
|
<div class="main_title" id="right_panel_header" style="display: none">
|
||||||
|
<div class="main_titleicon">
|
||||||
|
<img src="images/instancetitle_icons.gif" alt="Instance" /></div>
|
||||||
|
<h1 id="vm_name">
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="contentbox" id="right_panel_content" style="display: none">
|
||||||
|
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none">
|
||||||
|
<p id="after_action_info"></p>
|
||||||
|
</div>
|
||||||
|
<div class="tabbox" style="margin-top:15px;">
|
||||||
|
<div class="content_tabs on">
|
||||||
|
<%=t.getString("computer")%> Details</div>
|
||||||
|
<div class="content_tabs off">
|
||||||
|
Volume</div>
|
||||||
|
<div class="content_tabs off">
|
||||||
|
Statistics</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_container">
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="vm_statusbox">
|
||||||
|
<div class="vm_consolebox">
|
||||||
|
</div>
|
||||||
|
<div class="vm_status_textbox">
|
||||||
|
<div class="vm_status_textline green" id="state">
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<p id="ipAddress">
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Zone:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="zoneName">
|
||||||
|
(zone name)</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Template:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="templateName">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Service:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="serviceOfferingName">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
HA:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<div class="cross_icon" id="ha">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Created:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="created">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Account:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="account">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Domain:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="domain">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows even">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
Host:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles" id="hostName">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_rows odd">
|
||||||
|
<div class="grid_row_cell" style="width: 20%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
ISO:</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid_row_cell" style="width: 79%;">
|
||||||
|
<div class="row_celltitles">
|
||||||
|
<div class="cross_icon" id="iso">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- VM detail panel (end) -->
|
||||||
|
<!-- VM wizard (begin)-->
|
||||||
|
<div id="vm_popup" class="vmpopup_container" style="display: none">
|
||||||
|
<div id="step1" style="display: block;">
|
||||||
|
<div class="vmpopup_container_top">
|
||||||
|
<div class="vmpopup_steps" style="color: #FFF; background: url(images/step1_bg.png) no-repeat top left">
|
||||||
|
Step 1</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/step2_bg.gif) no-repeat top left">
|
||||||
|
Step 2</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 3</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 4</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 5</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/laststep_bg.gif) no-repeat top left">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_mid">
|
||||||
|
<div class="vmpopup_maincontentarea">
|
||||||
|
<div class="vmpopup_titlebox">
|
||||||
|
<h2>
|
||||||
|
Step 1: <strong>Select a Template</strong></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="vmpopup_contentpanel">
|
||||||
|
<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 class="rev_wiztemplistbox_selected">
|
||||||
|
<div class="rev_wiztemo_centosicons">
|
||||||
|
</div>
|
||||||
|
<div class="rev_wiztemp_listtext">
|
||||||
|
CentOS 5.4 64-bit Web Server (Apache)</div>
|
||||||
|
<div class="rev_wiztemp_ownertext">
|
||||||
|
System</div>
|
||||||
|
</div>
|
||||||
|
<div class="rev_wiztemplistbox">
|
||||||
|
<div class="rev_wiztemo_centosicons">
|
||||||
|
</div>
|
||||||
|
<div class="rev_wiztemp_listtext">
|
||||||
|
CentOS 5.4 64-bit Web Server (Apache)</div>
|
||||||
|
<div class="rev_wiztemp_ownertext">
|
||||||
|
System</div>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
<div class="rev_wiztemplistactions">
|
||||||
|
<div class="rev_wiztemplist_actionsbox">
|
||||||
|
<a href="#" id="prev_page">Prev</a> <a href="#" id="next_page">Next</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_navigationpanel">
|
||||||
|
<div class="vmpop_prevbutton" id="prev_step" style="display: none;">
|
||||||
|
</div>
|
||||||
|
<div class="vmpop_nextbutton" id="next_step">
|
||||||
|
Go to Step 2</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_bot">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="step2" style="display: none;">
|
||||||
|
<div class="vmpopup_container_top">
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/step1_bg_unselected.png) no-repeat top left">
|
||||||
|
Step 1</div>
|
||||||
|
<div class="vmpopup_steps" style="color: #FFF; background: url(images/step2_selected.gif) no-repeat top left">
|
||||||
|
Step 2</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/step2_bg.gif) no-repeat top left">
|
||||||
|
Step 3</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 4</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 5</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/laststep_bg.gif) no-repeat top left">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_mid">
|
||||||
|
<div class="vmpopup_maincontentarea">
|
||||||
|
<div class="vmpopup_titlebox">
|
||||||
|
<h2>
|
||||||
|
Step 2: <strong>Select a Service</strong></h2>
|
||||||
|
<p>
|
||||||
|
Please select the CPU, Memory and Storage requirement you need for your new Virtual
|
||||||
|
Instance</p>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_contentpanel">
|
||||||
|
<h3>
|
||||||
|
Service Offering</h3>
|
||||||
|
<div class="vmpopup_offeringpanel" id="service_offering_container">
|
||||||
|
<!--
|
||||||
|
<div class="vmpopup_offeringbox">
|
||||||
|
<input type="radio" name="radiogroup" class="radio" />
|
||||||
|
<label class="label">
|
||||||
|
X-Large Instance</label>
|
||||||
|
<div class="vmpopup_offdescriptionbox">
|
||||||
|
<div class="vmpopup_offdescriptionbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offdescriptionbox_bot">
|
||||||
|
<p>
|
||||||
|
4 x 2.00 Ghz CPU, 16.00 GB of Memory, High Availability Enabled</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offeringbox">
|
||||||
|
<input type="radio" name="radiogroup" class="radio" />
|
||||||
|
<label class="label">
|
||||||
|
Large Instance</label>
|
||||||
|
<div class="vmpopup_offdescriptionbox">
|
||||||
|
<div class="vmpopup_offdescriptionbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offdescriptionbox_bot">
|
||||||
|
<p>
|
||||||
|
4 x 2.00 Ghz CPU, 16.00 GB of Memory, High Availability Enabled</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offeringbox">
|
||||||
|
<input type="radio" name="radiogroup" class="radio" />
|
||||||
|
<label class="label">
|
||||||
|
Medium Instance</label>
|
||||||
|
<div class="vmpopup_offdescriptionbox">
|
||||||
|
<div class="vmpopup_offdescriptionbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offdescriptionbox_bot">
|
||||||
|
<p>
|
||||||
|
4 x 2.00 Ghz CPU, 16.00 GB of Memory, High Availability Enabled</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offeringbox">
|
||||||
|
<input type="radio" name="radiogroup" class="radio" />
|
||||||
|
<label class="label">
|
||||||
|
Small Instance</label>
|
||||||
|
<div class="vmpopup_offdescriptionbox">
|
||||||
|
<div class="vmpopup_offdescriptionbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offdescriptionbox_bot">
|
||||||
|
<p>
|
||||||
|
4 x 2.00 Ghz CPU, 16.00 GB of Memory, High Availability Enabled</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_navigationpanel">
|
||||||
|
<div class="vmpop_prevbutton" id="prev_step">
|
||||||
|
Back</div>
|
||||||
|
<div class="vmpop_nextbutton" id="next_step">
|
||||||
|
Go to Step 3</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_bot">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="step3" style="display: none;">
|
||||||
|
<div class="vmpopup_container_top">
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/step1_bg_unselected.png) no-repeat top left">
|
||||||
|
Step 1</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 2</div>
|
||||||
|
<div class="vmpopup_steps" style="color: #FFF; background: url(images/step2_selected.gif) no-repeat top left">
|
||||||
|
Step 3</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/step2_bg.gif) no-repeat top left">
|
||||||
|
Step 4</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 5</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/laststep_bg.gif) no-repeat top left">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_mid">
|
||||||
|
<div class="vmpopup_maincontentarea">
|
||||||
|
<div class="vmpopup_titlebox">
|
||||||
|
<h2>
|
||||||
|
Step 3: <strong>Additional Data Disk Offering</strong></h2>
|
||||||
|
<p>
|
||||||
|
Please select the CPU, Memory and Storage requirement you need for your new Virtual
|
||||||
|
Instance</p>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_contentpanel">
|
||||||
|
<h3>
|
||||||
|
Data Disk Offering</h3>
|
||||||
|
<div class="vmpopup_offeringpanel" id="data_disk_offering_container" style="display:none">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offeringpanel" id="root_disk_offering_container" style="display:none">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_navigationpanel">
|
||||||
|
<div class="vmpop_prevbutton" id="prev_step">
|
||||||
|
Back</div>
|
||||||
|
<div class="vmpop_nextbutton" id="next_step">
|
||||||
|
Go to Step 4</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_bot">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="step4" style="display: none;">
|
||||||
|
<div class="vmpopup_container_top">
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/step1_bg_unselected.png) no-repeat top left">
|
||||||
|
Step 1</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 2</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 3</div>
|
||||||
|
<div class="vmpopup_steps" style="color: #FFF; background: url(images/step2_selected.gif) no-repeat top left">
|
||||||
|
Step 4</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/step2_bg.gif) no-repeat top left">
|
||||||
|
Step 5</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/laststep_bg.gif) no-repeat top left">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_mid">
|
||||||
|
<div class="vmpopup_maincontentarea">
|
||||||
|
<div class="vmpopup_titlebox">
|
||||||
|
<h2>
|
||||||
|
Step 4: <strong>Choose your Network</strong></h2>
|
||||||
|
<p>
|
||||||
|
Please select the CPU, Memory and Storage requirement you need for your new Virtual
|
||||||
|
Instance</p>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_contentpanel">
|
||||||
|
<h3>
|
||||||
|
Network Offering</h3>
|
||||||
|
<div class="vmpopup_offeringpanel">
|
||||||
|
<div class="vmpopup_offeringbox">
|
||||||
|
<input type="radio" name="radiogroup" class="radio" />
|
||||||
|
<label class="label">
|
||||||
|
Virtual Network</label>
|
||||||
|
<div class="vmpopup_offdescriptionbox">
|
||||||
|
<div class="vmpopup_offdescriptionbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offdescriptionbox_bot">
|
||||||
|
<p>
|
||||||
|
Some info about virtual network will appear here..Some info about virtual network
|
||||||
|
will appear here..Some info about virtual network will appear here..Some info about
|
||||||
|
virtual network will appear here..Some info about virtual network will appear here..Some
|
||||||
|
info about virtual network will appear here..
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offeringbox" style="margin-top: 15px;">
|
||||||
|
<input type="radio" name="radiogroup" class="radio" />
|
||||||
|
<label class="label">
|
||||||
|
Shared Network:</label>
|
||||||
|
<input type="text" name="disksize" class="text" />
|
||||||
|
<div class="vmpopup_offdescriptionbox">
|
||||||
|
<div class="vmpopup_offdescriptionbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offdescriptionbox_bot">
|
||||||
|
<p>
|
||||||
|
Some info about virtual network will appear here..Some info about virtual network
|
||||||
|
will appear here..Some info about virtual network will appear here..Some info about
|
||||||
|
virtual network will appear here..Some info about virtual network will appear here..Some
|
||||||
|
info about virtual network will appear here.. Some info about virtual network will
|
||||||
|
appear here..Some info about virtual network will appear here..</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_navigationpanel">
|
||||||
|
<div class="vmpop_prevbutton" id="prev_step">
|
||||||
|
Back</div>
|
||||||
|
<div class="vmpop_nextbutton" id="next_step">
|
||||||
|
Go to Step 5</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_bot">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="step5" style="display: none;">
|
||||||
|
<div class="vmpopup_container_top">
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/step1_bg_unselected.png) no-repeat top left">
|
||||||
|
Step 1</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 2</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 3</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
|
||||||
|
Step 4</div>
|
||||||
|
<div class="vmpopup_steps" style="color: #FFF; background: url(images/step2_selected.gif) no-repeat top left">
|
||||||
|
Step 5</div>
|
||||||
|
<div class="vmpopup_steps" style="background: url(images/laststep_slectedbg.gif) no-repeat top left">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_mid">
|
||||||
|
<div class="vmpopup_maincontentarea">
|
||||||
|
<div class="vmpopup_titlebox">
|
||||||
|
<h2>
|
||||||
|
Step 5: <strong>Last Step</strong></h2>
|
||||||
|
<p>
|
||||||
|
Please select the CPU, Memory and Storage requirement you need for your new Virtual
|
||||||
|
Instance</p>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_contentpanel">
|
||||||
|
<h3>
|
||||||
|
Network Offering</h3>
|
||||||
|
<div class="vmpopup_offeringpanel" style="margin-top: 10px;">
|
||||||
|
<div class="vmpopup_reviewbox_odd">
|
||||||
|
<div class="vmopopup_reviewtextbox">
|
||||||
|
<div class="vmpopup_reviewtick">
|
||||||
|
</div>
|
||||||
|
<div class="vmopopup_review_label">
|
||||||
|
Zone:</div>
|
||||||
|
<span>US West</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_reviewbox_even">
|
||||||
|
<div class="vmopopup_reviewtextbox">
|
||||||
|
<div class="vmpopup_reviewtick">
|
||||||
|
</div>
|
||||||
|
<div class="vmopopup_review_label">
|
||||||
|
Template:
|
||||||
|
</div>
|
||||||
|
<span>CentOS 5.4 64-bit Web Server (Apache)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_reviewbox_odd">
|
||||||
|
<div class="vmopopup_reviewtextbox">
|
||||||
|
<div class="vmpopup_reviewtick">
|
||||||
|
</div>
|
||||||
|
<div class="vmopopup_review_label">
|
||||||
|
Zone:</div>
|
||||||
|
<span>US West</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_reviewbox_even">
|
||||||
|
<div class="vmopopup_reviewtextbox">
|
||||||
|
<div class="vmpopup_reviewtick">
|
||||||
|
</div>
|
||||||
|
<div class="vmopopup_review_label">
|
||||||
|
Template:
|
||||||
|
</div>
|
||||||
|
<span>CentOS 5.4 64-bit Web Server (Apache)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_navigationpanel">
|
||||||
|
<div class="vmpop_prevbutton" id="prev_step">
|
||||||
|
Back</div>
|
||||||
|
<div class="vmpop_nextbutton" id="next_step">
|
||||||
|
Submit</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_container_bot">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- VM wizard (end)-->
|
||||||
|
<!-- VM Wizard - Service Offering template (begin) -->
|
||||||
|
<div class="vmpopup_offeringbox" id="vm_popup_service_offering_template" style="display: none">
|
||||||
|
<input type="radio" name="service_offering_radio" class="radio" />
|
||||||
|
<label class="label" id="name">
|
||||||
|
</label>
|
||||||
|
<div class="vmpopup_offdescriptionbox">
|
||||||
|
<div class="vmpopup_offdescriptionbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offdescriptionbox_bot">
|
||||||
|
<p id="description">
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- VM Wizard - Service Offering template (end) -->
|
||||||
|
<!-- VM Wizard - disk Offering template (begin)-->
|
||||||
|
<div class="vmpopup_offeringbox" id="vm_popup_disk_offering_template_no" style="display: none">
|
||||||
|
<input type="radio" name="disk_offering_radio" class="radio" />
|
||||||
|
<label class="label">
|
||||||
|
No Thanks</label>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offeringbox" id="vm_popup_disk_offering_template_custom" style="display: none">
|
||||||
|
<input type="radio" name="disk_offering_radio" class="radio" />
|
||||||
|
<label class="label">
|
||||||
|
Custom:</label>
|
||||||
|
<label class="label1">
|
||||||
|
Disk Size:</label>
|
||||||
|
<input type="text" name="disksize" class="text" />
|
||||||
|
<span>GB</span>
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offeringbox" id="vm_popup_disk_offering_template" style="display: none">
|
||||||
|
<input type="radio" name="disk_offering_radio" class="radio" />
|
||||||
|
<label class="label" id="name">
|
||||||
|
</label>
|
||||||
|
<div class="vmpopup_offdescriptionbox">
|
||||||
|
<div class="vmpopup_offdescriptionbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="vmpopup_offdescriptionbox_bot">
|
||||||
|
<p id="description">
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- VM Wizard - disk Offering template (end)-->
|
||||||
@ -287,9 +287,14 @@ function clickInstanceGroupHeader($arrowIcon) {
|
|||||||
$arrowIcon.removeClass("open").addClass("close");
|
$arrowIcon.removeClass("open").addClass("close");
|
||||||
$instanceGroupContainer.empty();
|
$instanceGroupContainer.empty();
|
||||||
}
|
}
|
||||||
|
<<<<<<< HEAD
|
||||||
//***** VM Detail (end) ********************************************************************************
|
//***** VM Detail (end) ********************************************************************************
|
||||||
|
|
||||||
$("#right_panel").load("content/tab_instance.htm", function() {
|
$("#right_panel").load("content/tab_instance.htm", function() {
|
||||||
|
=======
|
||||||
|
//***** VM Detail (end) ********************************************************************************
|
||||||
|
$("#right_panel").load("jsp/tab_instance.jsp", function() {
|
||||||
|
>>>>>>> 10bc0b5... new UI - left menu, middle menu, instance
|
||||||
$rightPanelHeader = $("#right_panel_header");
|
$rightPanelHeader = $("#right_panel_header");
|
||||||
$rightPanelContent = $("#right_panel_content");
|
$rightPanelContent = $("#right_panel_content");
|
||||||
|
|
||||||
|
|||||||
@ -16,7 +16,11 @@
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
// Version: @VERSION@
|
// Version: @VERSION@
|
||||||
|
=======
|
||||||
|
// Version: 1.9.1.6
|
||||||
|
>>>>>>> 10bc0b5... new UI - left menu, middle menu, instance
|
||||||
var g_mySession = null;
|
var g_mySession = null;
|
||||||
var g_sessionKey = null;
|
var g_sessionKey = null;
|
||||||
var g_role = null; // roles - root, domain-admin, ro-admin, user
|
var g_role = null; // roles - root, domain-admin, ro-admin, user
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user