bn8/ldapsaisie
1
0
Fork 0
mirror of https://gitlab.easter-eggs.com/ee/ldapsaisie.git synced 2024-06-29 06:53:43 +02:00
Code Issues Projects Releases Wiki Activity

- Correction bug [#1664] Pas d'image de chargement Ajax

Browse source 
de la liste des serveurs sur la page de login
This commit is contained in:
Benjamin Renard 2008-05-15 15:21:54 +00:00
parent ab87eded0e
commit 7d9399bffe
4 changed files with 76 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
trunk/includes/js/LSdefault.js
View file

@ -57,10 +57,16 @@ var LSdefault = new Class({
(function(){new Fx.Style(this.LSerror,'opacity',{duration:500}).start(0.8,0);}).delay(5000, this); (function(){new Fx.Style(this.LSerror,'opacity',{duration:500}).start(0.8,0);}).delay(5000, this);
}, },
loadingImgDisplay: function(el,position) { loadingImgDisplay: function(el,position,size) {
this.loading_img_id++; this.loading_img_id++;
this.loading_img[this.loading_img_id] = new Element('img'); this.loading_img[this.loading_img_id] = new Element('img');
this.loading_img[this.loading_img_id].src='templates/images/ajax-loader.gif'; if (size=='big') {
var src = 'templates/images/loading.gif';
}
else {
var src = 'templates/images/ajax-loader.gif';
}
this.loading_img[this.loading_img_id].src=src;
if (position=='inside') { if (position=='inside') {
this.loading_img[this.loading_img_id].injectInside(el); this.loading_img[this.loading_img_id].injectInside(el);
} }

26
trunk/includes/js/LSsession_login.js
View file

@ -3,12 +3,26 @@ var LSsession_login = new Class({
this.select_ldapserver = $('LSsession_ldapserver'); this.select_ldapserver = $('LSsession_ldapserver');
if ( ! this.select_ldapserver ) if ( ! this.select_ldapserver )
return; return;
this.loading_zone = $('loading_zone');
this.select_ldapserver.addEvent('change',this.onLdapServerChanged.bind(this)); this.select_ldapserver.addEvent('change',this.onLdapServerChanged.bind(this));
this.onLdapServerChanged(); this.onLdapServerChanged();
},
disableInput: function() {
$$('input').each(function(el) {
el.setProperty('disabled','1');
});
},
enableInput: function() {
$$('input').each(function(el) {
el.setProperty('disabled','');
});
}, },
onLdapServerChanged: function(){ onLdapServerChanged: function(){
var imgload = varLSdefault.loadingImgDisplay(this.select_ldapserver); this.disableInput();
var imgload = varLSdefault.loadingImgDisplay(this.loading_zone,'inside','big');
var server = this.select_ldapserver.value; var server = this.select_ldapserver.value;
var data = { var data = {
template: 'login', template: 'login',
@ -24,7 +38,7 @@ var LSsession_login = new Class({
var data = Json.evaluate(responseText); var data = Json.evaluate(responseText);
LSdebug(data); LSdebug(data);
if ( data ) { if ( data ) {
if (data.LSdebug) { if (data.LSdebug) {
varLSdefault.displayDebug(data.LSdebug); varLSdefault.displayDebug(data.LSdebug);
} }
if (data.LSerror) { if (data.LSerror) {
@ -38,6 +52,11 @@ var LSsession_login = new Class({
el.setStyle('display','block'); el.setStyle('display','block');
}); });
} }
else {
$$('.loginform-level').each(function(el) {
el.setStyle('display','none');
});
}
} }
else { else {
$$('.loginform-level').each(function(el) { $$('.loginform-level').each(function(el) {
@ -45,6 +64,7 @@ var LSsession_login = new Class({
}); });
$('LSsession_topDn').empty(); $('LSsession_topDn').empty();
} }
this.enableInput();
} }
}); });
window.addEvent(window.ie ? 'load' : 'domready', function() { window.addEvent(window.ie ? 'load' : 'domready', function() {

53
trunk/templates/css/login.css
View file

@ -1,50 +1,55 @@
#loginform-logo { #loginform-logo {
float: left; float: left;
} }
div.loginform { div.loginform {
margin: auto; margin: auto;
margin-top: 10%; margin-top: 10%;
border: 1px solid #69c; border: 1px solid #69c;
padding: 1em; padding: 1em;
width: 30em; width: 30em;
background: transparent url(../images/login_fd.png) no-repeat scroll 98% 98%; background: transparent url(../images/login_fd.png) no-repeat scroll 98% 98%;
} }
dl.loginform { dl.loginform {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.loginform dt { .loginform dt {
position: relative; position: relative;
left: 0; left: 0;
top: 1.1em; top: 1.1em;
width: 8em; width: 8em;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.loginform dd { .loginform dd {
margin: 0 0 0 9em; margin: 0 0 0 9em;
padding: 0 0 0em 0em; padding: 0 0 0em 0em;
} }
.loginform-level{ .loginform-level{
display: none; display: none;
} }
.loginform-id { .loginform-id {
visibility: hidden; visibility: hidden;
} }
.loginform input, .loginform select { .loginform input, .loginform select {
border: 1px inset #ccc; border: 1px inset #ccc;
width: 13em; width: 13em;
} }
.loginform input[type='submit'] { .loginform input[type='submit'] {
border: 1px outset #ccc; border: 1px outset #ccc;
width: 11em; width: 11em;
margin: 1em; margin: 1em;
}
#loading_zone {
float: right;
margin-left: 1em;
} }

31
trunk/templates/login.tpl
View file

@ -1,35 +1,36 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> "http://www.w3.org/TR/html4/loose.dtd">
<html> <html>
<head> <head>
<title>LdapSaisie{if $pagetitle != ''} - {$pagetitle}{/if}</title> <title>LdapSaisie{if $pagetitle != ''} - {$pagetitle}{/if}</title>
<link rel="stylesheet" type="text/css" href="templates/css/login.css" media="screen" title="Normal" /> <link rel="stylesheet" type="text/css" href="templates/css/login.css" media="screen" title="Normal" />
{$LSsession_css} {$LSsession_css}
{$LSsession_js} {$LSsession_js}
</head> </head>
<body> <body>
<div id='LSerror'> <div id='LSerror'>
{$LSerrors} {$LSerrors}
</div> </div>
<div id='LSdebug'> <div id='LSdebug'>
<a href='#' id='LSdebug_hidden'>X</a> <a href='#' id='LSdebug_hidden'>X</a>
<div id='LSdebug_infos'>{if $LSdebug != ''}{$LSdebug}{/if}</div> <div id='LSdebug_infos'>{if $LSdebug != ''}{$LSdebug}{/if}</div>
</div> </div>
<div class='loginform'> <div class='loginform'>
<img src='templates/images/logo.png' alt='Logo' id='loginform_logo' /> <img src='templates/images/logo.png' alt='Logo' id='loginform_logo' />
<div id='loading_zone'></div>
<form action='{$loginform_action}' method='post'> <form action='{$loginform_action}' method='post'>
<dl class='loginform'> <dl class='loginform'>
<dt {$loginform_ldapserver_style}>{$loginform_label_ldapserver}</dt> <dt {$loginform_ldapserver_style}>{$loginform_label_ldapserver}</dt>
<dd {$loginform_ldapserver_style}> <dd {$loginform_ldapserver_style}>
<select name='LSsession_ldapserver' id='LSsession_ldapserver'>{html_options values=$loginform_ldapservers_index output=$loginform_ldapservers_name selected=$ldapServerId}</select> <select name='LSsession_ldapserver' id='LSsession_ldapserver'>{html_options values=$loginform_ldapservers_index output=$loginform_ldapservers_name selected=$ldapServerId}</select>
</dd> </dd>
<dt class='loginform-level' {$loginform_ldapserver_style}>{$loginform_label_level}</dt> <dt class='loginform-level' {$loginform_ldapserver_style}>{$loginform_label_level}</dt>
<dd class='loginform-level' {$loginform_ldapserver_style}><select name='LSsession_topDn' id='LSsession_topDn'>{html_options values=$loginform_topdn_index output=$loginform_topdn_name selected=$topDn}</select></dd> <dd class='loginform-level' {$loginform_ldapserver_style}><select name='LSsession_topDn' id='LSsession_topDn'>{html_options values=$loginform_topdn_index output=$loginform_topdn_name selected=$topDn}</select></dd>
<dt>{$loginform_label_user}</dt> <dt>{$loginform_label_user}</dt>
<dd><input type='text' name='LSsession_user' /></dd> <dd><input type='text' name='LSsession_user' /></dd>
<dt>{$loginform_label_pwd}</dt> <dt>{$loginform_label_pwd}</dt>
<dd><input type='password' name='LSsession_pwd' /></dd> <dd><input type='password' name='LSsession_pwd' /></dd>
<dd><input type='submit' value='{$loginform_label_submit}' /></dd> <dd><input type='submit' value='{$loginform_label_submit}' /></dd>
</dl> </dl>
</form> </form>
</div> </div>