mirror of https://github.com/apache/cloudstack.git
New Help icon and close button for search
This commit is contained in:
NIKITA
unknown
parent
bd46014574
commit
5827a6276a
8760
ui/css/main.css
8760
ui/css/main.css
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 809 B |
Binary file not shown.
|
After Width: | Height: | Size: 201 B |
Binary file not shown.
|
After Width: | Height: | Size: 201 B |
|
|
@ -1,103 +1,114 @@
|
|||
<!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'>
|
||||
<!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'>
|
||||
<meta name="version" content="1.9.1.2010-08-25T16:16:56Z" />
|
||||
<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/logger.css" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/jquery-ui-1.8.2.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"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/cloud.core.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/cloud.core.init.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/cloud.core.instance.js"></script>
|
||||
|
||||
<title>Cloud.com CloudStack</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="overlay_black" style="display: none">
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<div class="header_left">
|
||||
<div class="logo">
|
||||
</div>
|
||||
<div class="mgmtconsole_logo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_right">
|
||||
<div class="userlinks">
|
||||
<p>
|
||||
Welcome <span>John</span>, <a href="#">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">
|
||||
<form method="post" action="#">
|
||||
<ol>
|
||||
<li>
|
||||
<div class="search_textbg">
|
||||
<input class="text" type="text" name="search_input" />
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</form>
|
||||
<a href="#">Advanced</a>
|
||||
</div>
|
||||
<div class="actionpanel_button_wrapper" id="action_link" style="position: relative;
|
||||
display: none">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/actions_actionicon.png" alt="Add VM" /></div>
|
||||
<div class="actionpanel_button_links">
|
||||
Actions</div>
|
||||
<div class="action_ddarrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="actionsdropdown_box" id="action_menu" style="display: none;">
|
||||
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actionpanel_button_wrapper" id="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">
|
||||
Add</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Action Panel ends here-->
|
||||
<!-- Right Panel starts here-->
|
||||
<div class="main_contentarea" id="right_panel">
|
||||
<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/logger.css" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/jquery-ui-1.8.2.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"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/cloud.core.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/cloud.core.init.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/cloud.core.instance.js"></script>
|
||||
|
||||
<title>Cloud.com CloudStack</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="overlay_black" style="display: none">
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<div class="header_left">
|
||||
<div class="logo">
|
||||
</div>
|
||||
<div class="mgmtconsole_logo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_right">
|
||||
<div class="userlinks">
|
||||
<p>
|
||||
Welcome <span>John</span>, <a href="#">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">
|
||||
<form method="post" action="#">
|
||||
<ol>
|
||||
<li>
|
||||
<div class="search_textbg">
|
||||
<input class="text" type="text" name="search_input" />
|
||||
<div style="display:none;" class="search_closebutton"></div>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</form>
|
||||
<a href="#">Advanced</a>
|
||||
</div>
|
||||
<div class="actionpanel_button_wrapper" id="action_link" style="position: relative;
|
||||
display: none">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/actions_actionicon.png" alt="Add VM" /></div>
|
||||
<div class="actionpanel_button_links">
|
||||
Actions</div>
|
||||
<div class="action_ddarrow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="actionsdropdown_box" id="action_menu" style="display: none;">
|
||||
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actionpanel_button_wrapper" id="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">
|
||||
Add</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actionpanel_button_wrapper" id="add_link" style="display: block; float:right; background:none; ">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/help_actionicon.png" alt="Add" /></div>
|
||||
<div class="actionpanel_button_links">
|
||||
Help</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Action Panel ends here-->
|
||||
<!-- Right Panel starts here-->
|
||||
<div class="main_contentarea" id="right_panel">
|
||||
<!--
|
||||
<div class="main_title">
|
||||
<div class="main_titleicon"><img src="images/instancetitle_icons.gif" alt="Instance" /></div>
|
||||
|
|
@ -215,19 +226,19 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="midmenu_navigationbox">
|
||||
<div class="midmenu_prevbutton">
|
||||
</div>
|
||||
<div class="midmenu_nextbutton">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right Panel ends here-->
|
||||
</div>
|
||||
<!-- Mid Menu starts here-->
|
||||
<div class="midmenu_panel">
|
||||
<div class="midmenu_box" id="midmenu_container">
|
||||
-->
|
||||
</div>
|
||||
<div class="midmenu_navigationbox">
|
||||
<div class="midmenu_prevbutton">
|
||||
</div>
|
||||
<div class="midmenu_nextbutton">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right Panel ends here-->
|
||||
</div>
|
||||
<!-- Mid Menu starts here-->
|
||||
<div class="midmenu_panel">
|
||||
<div class="midmenu_box" id="midmenu_container">
|
||||
<!--
|
||||
<div class="midmenu_list">
|
||||
<div class="midmenu_content selected">
|
||||
|
|
@ -260,342 +271,342 @@
|
|||
<div class="midmenu_infoicon"></div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Mid Menu ends here-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Left Menu starts here-->
|
||||
<div class="leftmenu_panel">
|
||||
<div class="leftmenu_box" id="accordion_menu" style="display: none">
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/db_leftmenuicon.png" alt="Dashboard" /></div>
|
||||
Dashboard
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/db_leftmenuicon.png" alt="Dashboard" /></div>
|
||||
Dashboard
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/instance_leftmenuicon.png" alt="Instances" /></div>
|
||||
Instances
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div id="leftmenu_instance_group">
|
||||
<div class="leftmenu_content" id="leftmenu_instance_group_header">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows close" id="arrow_icon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/instance_leftmenuicon.png" alt="Instances" /></div>
|
||||
Instances
|
||||
</div>
|
||||
</div>
|
||||
<div id="leftmenu_instance_group_container">
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/routers_leftmenuicon.png" alt="Routers" /></div>
|
||||
Routers
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="Storage" /></div>
|
||||
Storage
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/hosts_leftmenuicon.png" alt="Host" /></div>
|
||||
Hosts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/hosts_leftmenuicon.png" alt="Host" /></div>
|
||||
Hosts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
Storage
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
Primary Storage
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
secondary Storage
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
Volumes
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
Snapshots
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/network_leftmenuicon.png" alt="Network" /></div>
|
||||
Network
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/network_leftmenuicon.png" alt="Network" /></div>
|
||||
IP Addresses
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/network_leftmenuicon.png" alt="Network" /></div>
|
||||
Network Groups
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
||||
Templates
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
||||
Template
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
||||
ISO
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/accounts_leftmenuicon.png" alt="Accounts" /></div>
|
||||
Accounts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/accounts_leftmenuicon.png" alt="Accounts" /></div>
|
||||
Accounts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/domain_leftmenuicon.png" alt="Domain" /></div>
|
||||
Domain
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/domain_leftmenuicon.png" alt="Domain" /></div>
|
||||
Domain
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Events" /></div>
|
||||
Events
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Events" /></div>
|
||||
Events
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Events" /></div>
|
||||
Alerts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Configuration
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Global Settings
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Zones
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Service Offerings
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Disk Offerings
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Left Menu ends here-->
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>
|
||||
Version: <span>2.2</span>
|
||||
</p>
|
||||
<div class="poweredby_box">
|
||||
</div>
|
||||
</div>
|
||||
<!-- templates starts here-->
|
||||
<div class="leftmenu_content" id="leftmenu_instance_group_template" style="display: none">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/instance_leftmenuicon.png" alt="Instances" /></div>
|
||||
<div id="group_name">
|
||||
Group 1</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="midmenu_list" id="midmenu_item_vm" style="display: none;">
|
||||
<div class="midmenu_content" id="content">
|
||||
<div class="midmenu_icons" id="status_icon_container">
|
||||
<img id="status_icon" src="images/status_gray.png" /></div>
|
||||
<div class="midmenu_textbox">
|
||||
<p>
|
||||
<strong id="vm_name"></strong>
|
||||
</p>
|
||||
<p id="ip_address_container">
|
||||
<span id="label">IP Address: </span><span id="ip_address"></span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="midmenu_selectedloader" id="spinning_wheel" style="display: none;">
|
||||
</div>
|
||||
<div class="midmenu_infoicon" id="info_icon" style="display: none;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- action list item -->
|
||||
<li id="action_list_item"><a id="link" href="#">Stop</a></li>
|
||||
<!-- templates ends here-->
|
||||
</body>
|
||||
</html>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Mid Menu ends here-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Left Menu starts here-->
|
||||
<div class="leftmenu_panel">
|
||||
<div class="leftmenu_box" id="accordion_menu" style="display: none">
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/db_leftmenuicon.png" alt="Dashboard" /></div>
|
||||
Dashboard
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/db_leftmenuicon.png" alt="Dashboard" /></div>
|
||||
Dashboard
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/instance_leftmenuicon.png" alt="Instances" /></div>
|
||||
Instances
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div id="leftmenu_instance_group">
|
||||
<div class="leftmenu_content" id="leftmenu_instance_group_header">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows close" id="arrow_icon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/instance_leftmenuicon.png" alt="Instances" /></div>
|
||||
Instances
|
||||
</div>
|
||||
</div>
|
||||
<div id="leftmenu_instance_group_container">
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/routers_leftmenuicon.png" alt="Routers" /></div>
|
||||
Routers
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="Storage" /></div>
|
||||
Storage
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/hosts_leftmenuicon.png" alt="Host" /></div>
|
||||
Hosts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/hosts_leftmenuicon.png" alt="Host" /></div>
|
||||
Hosts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
Storage
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
Primary Storage
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
secondary Storage
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
Volumes
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/storage_leftmenuicon.png" alt="storage" /></div>
|
||||
Snapshots
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/network_leftmenuicon.png" alt="Network" /></div>
|
||||
Network
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/network_leftmenuicon.png" alt="Network" /></div>
|
||||
IP Addresses
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/network_leftmenuicon.png" alt="Network" /></div>
|
||||
Network Groups
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
||||
Templates
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
||||
Template
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
||||
ISO
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/accounts_leftmenuicon.png" alt="Accounts" /></div>
|
||||
Accounts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/accounts_leftmenuicon.png" alt="Accounts" /></div>
|
||||
Accounts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/domain_leftmenuicon.png" alt="Domain" /></div>
|
||||
Domain
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/domain_leftmenuicon.png" alt="Domain" /></div>
|
||||
Domain
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Events" /></div>
|
||||
Events
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Events" /></div>
|
||||
Events
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Events" /></div>
|
||||
Alerts
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Configuration
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Global Settings
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Zones
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Service Offerings
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Configuration" /></div>
|
||||
Disk Offerings
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Left Menu ends here-->
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>
|
||||
Version: <span>2.2</span>
|
||||
</p>
|
||||
<div class="poweredby_box">
|
||||
</div>
|
||||
</div>
|
||||
<!-- templates starts here-->
|
||||
<div class="leftmenu_content" id="leftmenu_instance_group_template" style="display: none">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/instance_leftmenuicon.png" alt="Instances" /></div>
|
||||
<div id="group_name">
|
||||
Group 1</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="midmenu_list" id="midmenu_item_vm" style="display: none;">
|
||||
<div class="midmenu_content" id="content">
|
||||
<div class="midmenu_icons" id="status_icon_container">
|
||||
<img id="status_icon" src="images/status_gray.png" /></div>
|
||||
<div class="midmenu_textbox">
|
||||
<p>
|
||||
<strong id="vm_name"></strong>
|
||||
</p>
|
||||
<p id="ip_address_container">
|
||||
IP Address: <span id="ip_address"></span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="midmenu_selectedloader" id="spinning_wheel" style="display: none;">
|
||||
</div>
|
||||
<div class="midmenu_infoicon" id="info_icon" style="display: none;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- action list item -->
|
||||
<li id="action_list_item"><a id="link" href="#">Stop</a></li>
|
||||
<!-- templates ends here-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue