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

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

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);
} }

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',
@ -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() {

View file

@ -48,3 +48,8 @@ dl.loginform {
width: 11em; width: 11em;
margin: 1em; margin: 1em;
} }
#loading_zone {
float: right;
margin-left: 1em;
}

View file

@ -17,6 +17,7 @@
</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>