2012-03-27 Juan Manuel Ramon <juanmanuel.ramon@artica.es>

* images/bottom_logo_enterprise.png
	 images/bottom_logo.png
	 images/login_bottom.png
	 images/login_background.png
	 images/pandora_login.png
	 images/login_botton.png
	 images/ui_title.png
	 images/ui_dialog_background.png
	 images/pandora_login_enterprise.png
	 images/splash_logout.png: Added images for new login screen.
	 
	* images/splash_pandora.png
	 include/styles/images/dialog-titlebar-close.png
	 include/styles/images/dialog-titlebar-close-hover.png: Modified 
	 images for login screen.

	* include/styles/dialog.css
	 include/styles/pandora.css: Modified css files for login screen.
	 
	* general/login_page.php
	 general/logoff.php: Login and logout screens modified.



git-svn-id: https://svn.code.sf.net/p/pandora/code/trunk@5839 c3f86ba8-e40f-0410-aaad-9ba5e7f4b01f
This commit is contained in:
juanmanuelr 2012-03-27 17:00:55 +00:00
parent f92a43ca52
commit 6b00414b4a
8 changed files with 364 additions and 206 deletions

View File

@ -1,3 +1,27 @@
2012-03-27 Juan Manuel Ramon <juanmanuel.ramon@artica.es>
* images/bottom_logo_enterprise.png
images/bottom_logo.png
images/login_bottom.png
images/login_background.png
images/pandora_login.png
images/login_botton.png
images/ui_title.png
images/ui_dialog_background.png
images/pandora_login_enterprise.png
images/splash_logout.png: Added images for new login screen.
* images/splash_pandora.png
include/styles/images/dialog-titlebar-close.png
include/styles/images/dialog-titlebar-close-hover.png: Modified
images for login screen.
* include/styles/dialog.css
include/styles/pandora.css: Modified css files for login screen.
* general/login_page.php
general/logoff.php: Login and logout screens modified.
2012-03-27 Sergio Martin <sergio.martin@artica.es>
* include/functions_reporting.php: Fixed duplicy agents in the

View File

@ -21,6 +21,7 @@ if (!empty ($page) && !empty ($sec)) {
$url .= '&amp;'.safe_url_extraclean($key).'='.safe_url_extraclean($value);
}
}
echo '<img src="images/login_background.png" id="login_body">';
echo '<div class="databox_login" id="login">';
@ -29,24 +30,7 @@ echo '<div class="databox_login" id="login">';
//echo '<br /><br /><br />';
echo '
<div id="login_in">
<form method="post" action="index.php'.$url.'">
<table cellpadding="4" cellspacing="1" width="420">';
if (isset ($login_failed)) {
// echo '<tr><td colspan="3">';
echo '<div id="error_login">';
echo '<h3 class="error">'.__('Login failed').': '.$config["auth_error"].'</h3>';
echo '</div>';
// echo '</td></tr>';
}
echo '<tr><td rowspan="3" align="left">';
if (!empty ($page) && !empty ($sec)) {
foreach ($_POST as $key => $value) {
html_print_input_hidden ($key, $value);
}
}
<form method="post" action="index.php'.$url.'">';
//TODO: Put branding in variables (external file) or database
/* CUSTOM BRANDING STARTS HERE */
@ -54,62 +38,103 @@ if (!empty ($page) && !empty ($sec)) {
// Replace the following with your own URL and logo.
// A mashup of the Pandora FMS logo and your companies highly preferred
echo '&nbsp;&nbsp;<a href="http://pandorafms.org" title="Go to pandorafms.org...">';
html_print_image ("images/pandora_logo.png", false, array ("alt" => "logo", "border" => 0));
echo '</a><br />';
if (defined ('PANDORA_ENTERPRISE')){
html_print_image ("images/pandora_login_enterprise.png", false, array ("alt" => "logo", "border" => 0));
}
else {
html_print_image ("images/pandora_login.png", false, array ("alt" => "logo", "border" => 0));
}
echo '</a>';
// This prints the current pandora console version.
// For stable/live function it might be wise to comment it out
echo '&nbsp;&nbsp;&nbsp;' . $pandora_version.(($develop_bypass == 1) ? ' '.__('Build').' '.$build_version : '');
/* CUSTOM BRANDING ENDS HERE */
echo '</td><td class="f9b">
'.__('Login').':<br />'.html_print_input_text_extended ("nick", '', "nick", '', '', '' , false, '', 'class="login"', true).'
</td></tr>
<tr><td class="f9b">
<br>
'.__('Password').':<br />'.html_print_input_text_extended ("pass", '', "pass", '', '', '' ,false, '', 'class="login"', true, true).'
</td></tr>
<tr><td align="center">
<br>
'.html_print_submit_button ("Login",'',false,'class="sub next"',true).'
</td></tr>
</table>
</form>
echo '<div style="text-align: center; height: 5px !important;">&nbsp;</div>';
if (!empty ($page) && !empty ($sec)) {
foreach ($_POST as $key => $value) {
html_print_input_hidden ($key, $value);
}
}
echo '<br />'.html_print_input_text_extended ("nick", '', "nick", '', '', '' , false, '', 'class="login"', true).
'<br>
<br />'.html_print_input_text_extended ("pass", '', "pass", '', '', '' ,false, '', 'class="login"', true, true).
'<br>';
echo '<div style="float: right; margin-top: -70px; margin-right: 25px">';
html_print_input_image ("Login", "images/login_botton.png", 'Login');
echo '</div>';
echo '</form>
</div>
<div id="ip">'.__('Your IP').': <b class="f10">'.$config["remote_addr"].'</b></div>
</div>';
echo '<div id="bottom_logo">';
if (defined('PANDORA_ENTERPRISE'))
echo html_print_image('images/bottom_logo_enterprise.png', true, array ("alt" => "logo", "border" => 0));
else
echo html_print_image('images/bottom_logo.png', true, array ("alt" => "logo", "border" => 0));
echo '</div>';
echo '<div id="ver_num">' . $pandora_version.(($develop_bypass == 1) ? ' '.__('Build').' '.$build_version : '') . '</div>';
if (isset ($login_failed)) {
echo '<div id="login_failed" title="Login Failed" style="">';
echo '<div style="position:absolute; top:20%; text-align: center; left:0%; right:0%; width:600px;">';
echo '<div id="error_login">';
echo '<h3 class="error">'.__('Login failed').': '.$config["auth_error"].'</h3>';
echo '</div>';
echo '<div style="position: absolute; top:60px; right:40%;">';
html_print_submit_button("Ok", 'hide-login-error', false, 'class="ui-button-dialog ui-widget ui-state-default ui-corner-all ui-button-text-only" style="width:100px;"');
echo '</div>';
echo '</div>';
echo '</div>';
}
//html_debug_print('http://' . $_SERVER['SERVER_NAME'] . $config['homeurl'] . '/advise_navigator.php');
ui_require_css_file ('dialog');
ui_require_jquery_file ('ui.core');
ui_require_jquery_file ('ui.dialog');
ui_require_jquery_file ('ui.draggable');
?>
<?php
if (!isset ($login_failed)) {
?>
<!--[if IE]>
<div id="dialog" title="Pandora FMS Web browser advise" style="-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); background:url(images/advise_navigator_background.png) no-repeat center bottom">
<!--[if IE]>
<div id="dialog" title="Pandora FMS Web browser advise" style="-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); background:url(images/advise_navigator_background.png) no-repeat center bottom">
<div style="position:absolute; top:20%; text-align: center; left:0%; right:0%; width:600px;">
<img src="images/error.png">
<?php
echo __("In order to have the best user experience with Pandora FMS, we <b>strongly recommend</b> to use") . "<br>";
echo __("<a href='http://www.mozilla.org/en-US/firefox/fx/'>Mozilla Firefox</a> or <a href='https://www.google.com/chrome'>Google Chrome</a> browsers.") . "<br>";
?>
<div style="position: absolute; top:200%; left:20%;">
<a href="http://www.mozilla.org/en-US/firefox/fx/"><img alt="Mozilla Firefox" title="Mozilla Firefox" src="images/mozilla_firefox.png"></a>
</div>
<div style="position: absolute; top:195%; right:20%;">
<a href="https://www.google.com/chrome"><img alt="Google Chrome" title="Google Chrome" src="images/google_chrome.png"></a>
</div>
<div style="position:absolute; top:20%; text-align: center; left:0%; right:0%; width:600px;">
<img src="images/error.png">
<?php
echo __("In order to have the best user experience with Pandora FMS, we <b>strongly recommend</b> to use") . "<br>";
echo __("<a href='http://www.mozilla.org/en-US/firefox/fx/'>Mozilla Firefox</a> or <a href='https://www.google.com/chrome'>Google Chrome</a> browsers.") . "<br>";
?>
<div style="position: absolute; top:200%; left:20%;">
<a href="http://www.mozilla.org/en-US/firefox/fx/"><img alt="Mozilla Firefox" title="Mozilla Firefox" src="images/mozilla_firefox.png"></a>
</div>
<div style="position: absolute; top:195%; right:20%;">
<a href="https://www.google.com/chrome"><img alt="Google Chrome" title="Google Chrome" src="images/google_chrome.png"></a>
</div>
<div style="position: absolute; top:180px; right:43%;">
<?php html_print_submit_button("Ok",'hide-advise',false,'class="sub" style="width:100px;"'); ?>
</div>
</div>
</div>
<![endif]-->
<div style="position: absolute; top:180px; right:43%;">
<?php html_print_submit_button("Ok",'hide-advise',false,'class="sub" style="width:100px;"'); ?>
</div>
</div>
</div>
<![endif]-->
<?php
}
?>
<script type="text/javascript" language="javascript">
@ -120,6 +145,7 @@ $(document).ready (function () {
$( "#dialog" ).dialog({
resizable: true,
draggable: true,
modal: true,
height: 300,
width: 600,
overlay: {
@ -133,8 +159,29 @@ $(document).ready (function () {
$("#submit-hide-advise").click (function () {
$("#dialog" ).dialog('close')
});
$(function() {
$( "#login_failed" ).dialog({
resizable: true,
draggable: true,
modal: true,
height: 180,
width: 600,
overlay: {
opacity: 0.5,
background: "black"
},
bgiframe: jQuery.browser.msie
});
});
$("#submit-hide-login-error").click (function () {
$("#login_failed" ).dialog('close')
});
});
document.getElementById('nick').focus();
/* ]]> */
</script>

View File

@ -15,7 +15,8 @@
// GNU General Public License for more details.
?>
<div class="databox_login" id="login">
<img src="images/login_background.png" id="login_body">
<div class="databox_logout" id="login">
<br>
<h1 id="log"><?php echo __('Logged out'); ?></h1>
<br>
@ -24,8 +25,15 @@
<tr><td align="left">
<?php
echo '<a href="index.php">';
html_print_image ("images/pandora_logo.png", false, array ("alt" => "logo", "border" => 0));
echo '</a> '.$pandora_version;
if (defined ('PANDORA_ENTERPRISE')){
html_print_image ("images/pandora_login_enterprise.png", false, array ("alt" => "logo", "border" => 0));
}
else {
html_print_image ("images/pandora_login.png", false, array ("alt" => "logo", "border" => 0));
}
//html_print_image ("images/pandora_login.png", false, array ("alt" => "logo", "border" => 0));
//echo '</a> '.$pandora_version;
?>
</td><td valign="bottom">
<?php echo __('Your session is over. Please close your browser window to close this Pandora session.').'<br /><br />'; ?>
@ -33,5 +41,6 @@
</table>
</div>
<br>
<div id="ip"><?php echo 'IP: <b class="f10">'.$_SERVER['REMOTE_ADDR'].'</b>'; ?></div>
</div>
<div id="ver_num"><?php echo $pandora_version.(($develop_bypass == 1) ? ' '.__('Build').' '.$build_version : '') ?></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -1,73 +1,79 @@
/* This file skins dialog */
.ui-dialog {
background-color: #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #EEEEEE !important;
border: 1px solid #DDDDDD !important;
color: #333333 !important;
padding: 0.2em !important;
overflow: hidden !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
border-radius: 4px !important;
-moz-box-shadow: 0px 7px 7px #010E1B;
-webkit-box-shadow: 0px 7px 7px #010E1B;
box-shadow: 0px 7px 7px #010E1B;
-moz-box-shadow: 0px 5px 5px #010E1B !important;
-webkit-box-shadow: 0px 5px 5px #010E1B !important;
box-shadow: 0px 5px 5px #010E1B !important;
}
.ui-dialog .ui-dialog-titlebar {
background: #9BC969 url(images/dialog-title.gif) repeat-x;
height: 28px;
_height: 29px;
width: 97%;
margin: 7px auto 0 auto;
background: url(../../images/ui_title.png) repeat-x scroll !important;
height: 28px !important;
_height: 29px !important;
margin: 2px auto 0 auto !important;
font-weight: bold !important;
border: 1px solid #3d6630 !important;
color: #FFFFFF !important;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
}
.ui-dialog.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-dialog .ui-dialog-titlebar-close {
width: 16px;
height: 16px;
background: url(images/dialog-titlebar-close.png) no-repeat;
position:absolute;
top: 6px;
/*top: 10px;*/
right: 17px;
cursor: default;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: none;
}
.ui-dialog .ui-dialog-titlebar-close-hover {
background: url(images/dialog-titlebar-close-hover.png) no-repeat;
}
.ui-dialog .ui-dialog-titlebar-close-hover {
color: #000000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ui-dialog .ui-dialog-title {
margin-left: 5px;
color: white;
font-weight: bold;
position: relative;
top: 7px;
left: 4px;
margin-left: 5px !important;
color: white !important;
font-weight: bold !important;
position: relative !important;
top: 7px !important;
left: 4px !important;
}
.ui-dialog.ui-draggable .ui-dialog-titlebar {
cursor: move !important;
}
.ui-dialog .ui-dialog-titlebar-close {
width: 16px !important;
height: 16px !important;
background: url(images/dialog-titlebar-close.png) no-repeat !important;
position: absolute !important;
top: 6px;
right: 17px !important;
cursor: default !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: none !important;
}
.ui-dialog .ui-dialog-titlebar-close-hover {
background: url(images/dialog-titlebar-close-hover.png) no-repeat !important;
}
.ui-dialog .ui-dialog-titlebar-close-hover {
color: #000000 !important;
}
.ui-dialog .ui-dialog-content {
margin: 1.2em;
margin: 1.2em !important;
padding: 0.5em 1em !important;
overflow: auto !important;
}
.ui-dialog-content {
overflow: auto;
overflow: auto !important;
}
.ui-dialog .ui-dialog-buttonpane {
@ -93,74 +99,99 @@
}
/* Dialog handle styles */
.ui-dialog .ui-resizable-n {
cursor: n-resize;
height: 6px;
width: 100%;
top: 0px;
left: 0px;
background: transparent url(images/dialog-n.gif) repeat scroll center top;
#.ui-dialog .ui-resizable-n {
# cursor: n-resize;
# height: 6px;
# width: 100%;
# top: 0px;
# left: 0px;
# background: transparent url(images/dialog-n.gif) repeat scroll center top;
#}
#.ui-dialog .ui-resizable-s {
# cursor: s-resize;
# height: 8px;
# width: 100%;
# bottom: 0px;
# left: 0px;
# background: transparent url(images/dialog-s.gif) repeat scroll center top;
#}
#.ui-dialog .ui-resizable-e {
# cursor: e-resize;
# width: 7px;
# right: 0px;
# top: 0px;
# height: 100%;
# background: transparent url(images/dialog-e.gif) repeat scroll right center;
#}
#.ui-dialog .ui-resizable-w {
# cursor: w-resize;
# width: 7px;
# left: 0px;
# top: 0px;
# height: 100%;
# background: transparent url(images/dialog-w.gif) repeat scroll right center;
#}
#.ui-dialog .ui-resizable-se {
# cursor: se-resize;
# width: 9px;
# height: 9px;
# right: 0px;
# bottom: 0px;
# background: transparent url(images/dialog-se.gif);
#}
#.ui-dialog .ui-resizable-sw {
# cursor: sw-resize;
# width: 9px;
# height: 9px;
# left: 0px;
# bottom: 0px;
# background: transparent url(images/dialog-sw.gif);
#}
#.ui-dialog .ui-resizable-nw {
# cursor: nw-resize;
# width: 9px;
# height: 29px;
# left: 0px;
# top: 0px;
# background: transparent url(images/dialog-nw.gif);
#}
#.ui-dialog .ui-resizable-ne {
# cursor: ne-resize;
# width: 9px;
# height: 29px;
# right: 0px;
# top: 0px;
# background: transparent url(images/dialog-ne.gif);
#}
.ui-dialog .ui-button-dialog {
cursor: pointer;
margin: 0.5em 0.4em 0.5em 0;
}
.ui-dialog .ui-resizable-s {
cursor: s-resize;
height: 8px;
width: 100%;
bottom: 0px;
left: 0px;
background: transparent url(images/dialog-s.gif) repeat scroll center top;
.ui-dialog .ui-button-dialog {
background: #F6F6F6;
border: 1px solid #CCCCCC;
color: #1C94C4;
font-weight: bold;
outline: medium none;
cursor: pointer;
margin: 0.5em 0.4em 0.5em 0;
border-radius: 4px 4px 4px 4px;
}
.ui-dialog .ui-resizable-e {
cursor: e-resize;
width: 7px;
right: 0px;
top: 0px;
height: 100%;
background: transparent url(images/dialog-e.gif) repeat scroll right center;
.ui-dialog .ui-button-dialog:hover {
background: #FDF5CE;
border: 1px solid #FBCB09;
color: #C77405;
font-weight: bold;
outline: medium none;
}
.ui-dialog .ui-resizable-w {
cursor: w-resize;
width: 7px;
left: 0px;
top: 0px;
height: 100%;
background: transparent url(images/dialog-w.gif) repeat scroll right center;
}
.ui-dialog .ui-resizable-se {
cursor: se-resize;
width: 9px;
height: 9px;
right: 0px;
bottom: 0px;
background: transparent url(images/dialog-se.gif);
}
.ui-dialog .ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: 0px;
bottom: 0px;
background: transparent url(images/dialog-sw.gif);
}
.ui-dialog .ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 29px;
left: 0px;
top: 0px;
background: transparent url(images/dialog-nw.gif);
}
.ui-dialog .ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 29px;
right: 0px;
top: 0px;
background: transparent url(images/dialog-ne.gif);
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -35,6 +35,29 @@ body {
}
#login_body {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
z-index: -999;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
#login_body {
left: 50%;
margin-left: -512px; /* 50% */
}
}
body.pure {
background-color: #fff;
}
@ -133,23 +156,23 @@ h1#log_f {
}
div#login {
margin: 0 auto;
margin-top: 200px;
width: 460px;
#margin-top: 200px;
padding-top: 63px;
width: 657px;
border-left: solid 1px #000;
border-top: solid 1px #000;
border-bottom: solid 2px #000;
border-right: solid 2px #000;
}
div#login_in, #login_f {
padding-top: 40px;
/*padding-top: 20px;*/
margin: 0 auto;
margin: 0 auto 0 140px;
width: 400px;
}
div#error_login {
margin-top:-35px;
/*margin-top:0px;*/
/*margin-left:120px;*/
margin: 0 auto;
margin-top: -10px;
text-align: center;
margin-left: 20px;
}
div#login_f {
margin-top: 10px;
@ -214,8 +237,6 @@ div#main_help {
width: 100%;
padding-left: 0px;
padding-top: 0px;
/* padding-bottom: 20px;
margin-bottom: 25px; */
background-color: #fefefe;
background-image: url(../../images/backgrounds/background4.jpg);
margin-top: 0px;
@ -248,11 +269,23 @@ div#foot {
#ver {
margin-bottom: 25px;
}
#ip {
margin-top: 20px;
/*margin-top: 3px;*/
margin-bottom: 5px;
margin-left: 280px;
#bottom_logo {
bottom: 0;
height: 70px;
margin: 0 auto 0 44%;
overflow: hidden;
position: fixed;
}
#ver_num {
bottom: 0;
height: 20px;
right: 0;
padding-right: 20px;
overflow: hidden;
position: fixed;
color: #696969
}
label {
display: block;
@ -274,11 +307,20 @@ input.datos_readonly {
background-color: #050505;
}
input.login {
border-color: #aaa;
background-color: #f5f5f5;
margin: 2px 0 8px;
width: 90px;
border: 0px none;
background-color: #ebebeb;
margin: 0px 0 8px 20px;
width: 135px;
height: 18px;
}
/* FF hack for login inputs */
@-moz-document url-prefix() {
input.login{
margin: -2px 0 8px 20px !important;
}
}
input.sub {
font-weight: bold;
border-bottom-color: #708090;
@ -788,15 +830,20 @@ span.rmess, span.nrmess {
}
/* Style for login form */
.databox_login {
margin-top: 100px !important;
width: 550px !important;
height: 290px;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 0px;
#margin-top: 100px !important;
width: 657x !important;
height: 400px;
border: none !important;
background-color: #fafafa;
background: url(../../images/splash_pandora.png);
background: url(../../images/splash_pandora.png) no-repeat;
}
/* Style for login form */
.databox_logout {
width: 657x !important;
height: 400px;
border: none !important;
background-color: #fafafa;
background: url(../../images/splash_logout.png) no-repeat;
}
.databox_color {
background-color: #fafafa;