mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
new UI - add login section.
This commit is contained in:
Jessica Wang
parent
153dca3ddf
commit
4026eba2e5
116
ui/new/index.jsp
116
ui/new/index.jsp
@ -1,9 +1,10 @@
|
|||||||
|
<!-- new UI -->
|
||||||
|
|
||||||
<%@ page import="java.util.Date" %>
|
<%@ page import="java.util.Date" %>
|
||||||
|
|
||||||
<%
|
<%
|
||||||
long milliseconds = new Date().getTime();
|
long milliseconds = new Date().getTime();
|
||||||
%>
|
%>
|
||||||
|
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<!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">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<head>
|
<head>
|
||||||
@ -63,9 +64,68 @@ long milliseconds = new Date().getTime();
|
|||||||
<title>Cloud.com CloudStack</title>
|
<title>Cloud.com CloudStack</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<div id="login_wrapper" style="display: none">
|
||||||
|
<div class="login_main">
|
||||||
|
<div class="login_logopanel">
|
||||||
|
<div class="login_logobox">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_loginbox">
|
||||||
|
<div class="main_loginbox_top">
|
||||||
|
</div>
|
||||||
|
<div class="main_loginbox_mid">
|
||||||
|
<div class="login_contentbox">
|
||||||
|
<div class="login_contentbox_title">
|
||||||
|
<h1>
|
||||||
|
Welcome to Management Console …</h1>
|
||||||
|
</div>
|
||||||
|
<div class="login_formbox">
|
||||||
|
<form id="loginForm" action="#" method="post" name="loginForm">
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
<label for="user_name">
|
||||||
|
Username:
|
||||||
|
</label>
|
||||||
|
<div class="login_formbox_textbg">
|
||||||
|
<input id="account_username" class="text" type="text" name="account_username" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="user_name">
|
||||||
|
Password:
|
||||||
|
</label>
|
||||||
|
<div class="login_formbox_textbg">
|
||||||
|
<input id="account_username" class="text" type="text" name="account_password" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="user_name">
|
||||||
|
Domain:
|
||||||
|
</label>
|
||||||
|
<div class="login_formbox_textbg">
|
||||||
|
<input id="account_domain" class="text" type="text" name="account_domain" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
<div class="loginbutton_box">
|
||||||
|
<div class="login_button">
|
||||||
|
Login</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class="error_box" style="display: block;">
|
||||||
|
<p>
|
||||||
|
Your username/password does not match our records.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main_loginbox_bot">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div id="overlay_black" style="display: none">
|
<div id="overlay_black" style="display: none">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="main">
|
<div id="main">
|
||||||
<div id="header">
|
<div id="header">
|
||||||
<div class="header_left">
|
<div class="header_left">
|
||||||
@ -93,7 +153,8 @@ long milliseconds = new Date().getTime();
|
|||||||
<li>
|
<li>
|
||||||
<div class="search_textbg">
|
<div class="search_textbg">
|
||||||
<input class="text" type="text" name="search_input" />
|
<input class="text" type="text" name="search_input" />
|
||||||
<div class="search_closebutton" style="display:block;"></div>
|
<div class="search_closebutton" style="display: block;">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
@ -104,8 +165,8 @@ long milliseconds = new Date().getTime();
|
|||||||
<h3>
|
<h3>
|
||||||
Advance Search</h3>
|
Advance Search</h3>
|
||||||
<a id="advanced_search_close" href="#">Close </a>
|
<a id="advanced_search_close" href="#">Close </a>
|
||||||
<form action="#"method="post">
|
<form action="#" method="post">
|
||||||
<ol style="margin-top:8px;">
|
<ol style="margin-top: 8px;">
|
||||||
<li>
|
<li>
|
||||||
<label for="filter">
|
<label for="filter">
|
||||||
Name:</label>
|
Name:</label>
|
||||||
@ -134,7 +195,6 @@ long milliseconds = new Date().getTime();
|
|||||||
<select class="select" id="adv_search_zone">
|
<select class="select" id="adv_search_zone">
|
||||||
</select>
|
</select>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ol>
|
</ol>
|
||||||
</form>
|
</form>
|
||||||
<div class="adv_search_actionbox">
|
<div class="adv_search_actionbox">
|
||||||
@ -144,7 +204,6 @@ long milliseconds = new Date().getTime();
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="actionpanel_button_wrapper" id="midmenu_action_link" style="position: relative;
|
<div class="actionpanel_button_wrapper" id="midmenu_action_link" style="position: relative;
|
||||||
display: none">
|
display: none">
|
||||||
<div class="actionpanel_button">
|
<div class="actionpanel_button">
|
||||||
@ -156,8 +215,7 @@ long milliseconds = new Date().getTime();
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="actionsdropdown_box" id="action_menu" style="display: none;">
|
<div class="actionsdropdown_box" id="action_menu" style="display: none;">
|
||||||
<ul class="actionsdropdown_boxlist" style="width:97px;"id="action_list">
|
<ul class="actionsdropdown_boxlist" style="width: 97px;" id="action_list">
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -169,8 +227,8 @@ long milliseconds = new Date().getTime();
|
|||||||
Add</div>
|
Add</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="actionpanel_button_wrapper" id="add_link" style="display: block; float: right;
|
||||||
<div class="actionpanel_button_wrapper" id="add_link" style="display: block; float:right; background:none; ">
|
background: none;">
|
||||||
<div class="actionpanel_button">
|
<div class="actionpanel_button">
|
||||||
<div class="actionpanel_button_icons">
|
<div class="actionpanel_button_icons">
|
||||||
<img src="images/help_actionicon.png" alt="Add" /></div>
|
<img src="images/help_actionicon.png" alt="Add" /></div>
|
||||||
@ -178,7 +236,6 @@ long milliseconds = new Date().getTime();
|
|||||||
Help</div>
|
Help</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- Action Panel ends here-->
|
<!-- Action Panel ends here-->
|
||||||
<!-- Right Panel starts here-->
|
<!-- Right Panel starts here-->
|
||||||
@ -313,7 +370,6 @@ long milliseconds = new Date().getTime();
|
|||||||
<!-- Mid Menu starts here-->
|
<!-- Mid Menu starts here-->
|
||||||
<div class="midmenu_panel" id="middle_menu">
|
<div class="midmenu_panel" id="middle_menu">
|
||||||
<div class="midmenu_box" id="midmenu_container">
|
<div class="midmenu_box" id="midmenu_container">
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
<div class="midmenu_list">
|
<div class="midmenu_list">
|
||||||
<div class="midmenu_content">
|
<div class="midmenu_content">
|
||||||
@ -706,30 +762,32 @@ long milliseconds = new Date().getTime();
|
|||||||
<div class="poweredby_box">
|
<div class="poweredby_box">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Dialogs -->
|
<!-- Dialogs -->
|
||||||
<div id="dialog_confirmation" title="Confirmation" style="display:none"></div>
|
<div id="dialog_confirmation" title="Confirmation" style="display: none">
|
||||||
<div id="dialog_info" title="Info" style="display:none"></div>
|
</div>
|
||||||
<div id="dialog_alert" title="Alert" style="display:none"></div>
|
<div id="dialog_info" title="Info" style="display: none">
|
||||||
<div id="dialog_error" title="Error" style="display:none"></div>
|
</div>
|
||||||
<div id="dialog_session_expired" title="Session Expired" style="display:none">
|
<div id="dialog_alert" title="Alert" style="display: none">
|
||||||
<p>Your session has expired. Please click 'OK' to return to the login screen.</p>
|
</div>
|
||||||
|
<div id="dialog_error" title="Error" style="display: none">
|
||||||
|
</div>
|
||||||
|
<div id="dialog_session_expired" title="Session Expired" style="display: none">
|
||||||
|
<p>
|
||||||
|
Your session has expired. Please click 'OK' to return to the login screen.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- templates starts here-->
|
<!-- templates starts here-->
|
||||||
<div class="leftmenu_content" id="leftmenu_submenu_template" style="display: none">
|
<div class="leftmenu_content" id="leftmenu_submenu_template" style="display: none">
|
||||||
<div class="leftmenu_thirdindent">
|
<div class="leftmenu_thirdindent">
|
||||||
<div class="leftmenu_list_icons">
|
<div class="leftmenu_list_icons">
|
||||||
<img id="icon" style="display:none"/></div>
|
<img id="icon" style="display: none" /></div>
|
||||||
<div id="submenu_name">
|
<div id="submenu_name">
|
||||||
(submenu)</div>
|
(submenu)</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="midmenu_list" id="midmenu_item" style="display: none;">
|
<div class="midmenu_list" id="midmenu_item" style="display: none;">
|
||||||
<div class="midmenu_content" id="content">
|
<div class="midmenu_content" id="content">
|
||||||
<div class="midmenu_icons" id="icon_container" style="display:none">
|
<div class="midmenu_icons" id="icon_container" style="display: none">
|
||||||
<img id="icon"/></div>
|
<img id="icon" /></div>
|
||||||
<div class="midmenu_textbox">
|
<div class="midmenu_textbox">
|
||||||
<p>
|
<p>
|
||||||
<strong id="first_row"> </strong>
|
<strong id="first_row"> </strong>
|
||||||
@ -744,13 +802,11 @@ long milliseconds = new Date().getTime();
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- action list item for middle menu -->
|
<!-- action list item for middle menu -->
|
||||||
<li id="action_list_item_middle_menu" style="display:none; width:94px;"><a id="link" href="#">(middle menu action)</a></li>
|
<li id="action_list_item_middle_menu" style="display: none; width: 94px;"><a id="link"
|
||||||
|
href="#">(middle menu action)</a></li>
|
||||||
<!-- action list item for details tab, subgrid item-->
|
<!-- action list item for details tab, subgrid item-->
|
||||||
<li id="action_list_item" style="display:none;"><a id="link" href="#">(action)</a></li>
|
<li id="action_list_item" style="display: none;"><a id="link" href="#">(action)</a></li>
|
||||||
|
|
||||||
<!-- templates ends here-->
|
<!-- templates ends here-->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user