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" %>
|
||||
|
||||
<%
|
||||
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">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
@ -63,9 +64,68 @@ long milliseconds = new Date().getTime();
|
||||
<title>Cloud.com CloudStack</title>
|
||||
</head>
|
||||
<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>
|
||||
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<div class="header_left">
|
||||
@ -93,7 +153,8 @@ long milliseconds = new Date().getTime();
|
||||
<li>
|
||||
<div class="search_textbg">
|
||||
<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>
|
||||
</li>
|
||||
</ol>
|
||||
@ -104,8 +165,8 @@ long milliseconds = new Date().getTime();
|
||||
<h3>
|
||||
Advance Search</h3>
|
||||
<a id="advanced_search_close" href="#">Close </a>
|
||||
<form action="#"method="post">
|
||||
<ol style="margin-top:8px;">
|
||||
<form action="#" method="post">
|
||||
<ol style="margin-top: 8px;">
|
||||
<li>
|
||||
<label for="filter">
|
||||
Name:</label>
|
||||
@ -134,7 +195,6 @@ long milliseconds = new Date().getTime();
|
||||
<select class="select" id="adv_search_zone">
|
||||
</select>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
</form>
|
||||
<div class="adv_search_actionbox">
|
||||
@ -144,7 +204,6 @@ long milliseconds = new Date().getTime();
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actionpanel_button_wrapper" id="midmenu_action_link" style="position: relative;
|
||||
display: none">
|
||||
<div class="actionpanel_button">
|
||||
@ -156,8 +215,7 @@ long milliseconds = new Date().getTime();
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@ -169,8 +227,8 @@ long milliseconds = new Date().getTime();
|
||||
Add</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actionpanel_button_wrapper" id="add_link" style="display: block; float:right; background:none; ">
|
||||
<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>
|
||||
@ -178,7 +236,6 @@ long milliseconds = new Date().getTime();
|
||||
Help</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Action Panel ends here-->
|
||||
<!-- Right Panel starts here-->
|
||||
@ -313,7 +370,6 @@ long milliseconds = new Date().getTime();
|
||||
<!-- Mid Menu starts here-->
|
||||
<div class="midmenu_panel" id="middle_menu">
|
||||
<div class="midmenu_box" id="midmenu_container">
|
||||
|
||||
<!--
|
||||
<div class="midmenu_list">
|
||||
<div class="midmenu_content">
|
||||
@ -706,30 +762,32 @@ long milliseconds = new Date().getTime();
|
||||
<div class="poweredby_box">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dialogs -->
|
||||
<div id="dialog_confirmation" title="Confirmation" style="display:none"></div>
|
||||
<div id="dialog_info" title="Info" style="display:none"></div>
|
||||
<div id="dialog_alert" title="Alert" style="display:none"></div>
|
||||
<div id="dialog_error" title="Error" style="display:none"></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 id="dialog_confirmation" title="Confirmation" style="display: none">
|
||||
</div>
|
||||
<div id="dialog_info" title="Info" style="display: none">
|
||||
</div>
|
||||
<div id="dialog_alert" title="Alert" style="display: none">
|
||||
</div>
|
||||
<div id="dialog_error" title="Error" style="display: none">
|
||||
</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>
|
||||
|
||||
<!-- templates starts here-->
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_template" style="display: none">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img id="icon" style="display:none"/></div>
|
||||
<img id="icon" style="display: none" /></div>
|
||||
<div id="submenu_name">
|
||||
(submenu)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="midmenu_list" id="midmenu_item" style="display: none;">
|
||||
<div class="midmenu_content" id="content">
|
||||
<div class="midmenu_icons" id="icon_container" style="display:none">
|
||||
<img id="icon"/></div>
|
||||
<div class="midmenu_icons" id="icon_container" style="display: none">
|
||||
<img id="icon" /></div>
|
||||
<div class="midmenu_textbox">
|
||||
<p>
|
||||
<strong id="first_row"> </strong>
|
||||
@ -744,13 +802,11 @@ long milliseconds = new Date().getTime();
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- action list item for middle menu -->
|
||||
<li id="action_list_item_middle_menu" style="display:none; width:94px;"><a id="link" href="#">(middle menu action)</a></li>
|
||||
|
||||
<li id="action_list_item_middle_menu" style="display: none; width: 94px;"><a id="link"
|
||||
href="#">(middle menu action)</a></li>
|
||||
<!-- action list item for details tab, subgrid item-->
|
||||
<li id="action_list_item" style="display:none;"><a id="link" href="#">(action)</a></li>
|
||||
|
||||
<li id="action_list_item" style="display: none;"><a id="link" href="#">(action)</a></li>
|
||||
<!-- templates ends here-->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user