mirror of
https://gitlab.easter-eggs.com/ee/ldapsaisie.git
synced 2024-07-09 02:57:48 +02:00
acd0c69e23
- Ajout d'un LSformElement Date : -> includes/class/class.LSattr_ldap_date.php -> includes/class/class.LSattr_html_date.php -> includes/class/class.LSformElement_date.php -> includes/class/class.LSformRule_date.php -> includes/libs/jscalendar -> includes/js/LSformElement_date.js -> includes/js/LSformElement_date_field.js -> templates/images/calendar.png - LSformElement : Ajout d'une méthode exportValues() utilisée par LSform::exportValues() - LSform : -> Utlisation de LSformElement::exportValues() pour exporter les données du formulaire -> Méthode setValuesFromPostData() est désormais invoqué à chaque invocation de la méthode validate() - LSformElement_select_object : Ajout d'une méthode exportValues() pour coller au nouveau mode d'exportation des données de l'annuaire - LSldapObjet : Correction d'un bug potentiel (foreach sur une variable à false) dans la méthode updateData() - LSsession : -> Méthode addCssFile() & addJSscript() : ajout d'un paramètre pour la possibilité d'inclusion de fichier externe (hors des dossiers par défaut ex: les libs) -> Utilisation de la Constante LS_CSS_DIR au lieu d'une chemin en dure -> Paramètrage JS depuis Php : -> Méthode addJSconfigParam() : ajouter un paramètre de config. JS -> Méthode displayTemplate() adaptée pour -> top.tpl : adapté pour afficher une div contenant les paramètres JSONisés -> LSdefault.css : adapté pour ne pas afficher la div contenant les params. -> LSdefault.js : récupère les informations et Initialise une variable javascript LSjsConfig - LSconfirmBox : Correction d'un debug : "delete this;"
157 lines
4.5 KiB
JavaScript
157 lines
4.5 KiB
JavaScript
var LSconfirmBox = new Class({
|
|
initialize: function(options) {
|
|
this._options = options;
|
|
this.create();
|
|
this.display();
|
|
},
|
|
|
|
create: function() {
|
|
this.box = new Element('div');
|
|
this.box.setProperty('id','box-LSconfirmBox');
|
|
this.box.injectInside(document.body);
|
|
|
|
this.title = new Element('p');
|
|
this.title.setProperty('id','title-LSconfirmBox');
|
|
if (this._options.title) {
|
|
this.title.set('html',this._options.title);
|
|
}
|
|
else {
|
|
this.title.set('html','Comfirmation');
|
|
};
|
|
this.title.injectInside(this.box)
|
|
|
|
this.closeBtn = new Element('span');
|
|
this.closeBtn.setProperty('id','closeBtn-LSconfirmBox');
|
|
this.closeBtn.injectInside(this.box);
|
|
this.closeBtn.addEvent('click',this.cancel.bind(this));
|
|
|
|
this.text = new Element('p');
|
|
this.text.setProperty('id','text-LSconfirmBox');
|
|
if (this._options.text) {
|
|
this.text.set('html',this._options.text);
|
|
}
|
|
else {
|
|
this.text.set('html','Comfirmez-vous votre choix ?');
|
|
}
|
|
this.text.injectInside(this.box);
|
|
|
|
this.btnsBox = new Element('p');
|
|
this.btnsBox.setProperty('id','btnsBox-LSconfirmBox');
|
|
this.btnsBox.injectInside(this.box);
|
|
|
|
this.confirmBtn = new Element('span');
|
|
this.confirmBtn.addClass('btn-LSconfirmBox');
|
|
this.confirmBtn.set('html','Valider');
|
|
this.confirmBtn.injectInside(this.btnsBox);
|
|
this.confirmBtn.addEvent('click',this.confirm.bind(this));
|
|
|
|
this.cancelBtn = new Element('span');
|
|
this.cancelBtn.addClass('btn-LSconfirmBox');
|
|
this.cancelBtn.set('html','Annuler');
|
|
this.cancelBtn.injectInside(this.btnsBox);
|
|
this.cancelBtn.addEvent('click',this.cancel.bind(this));
|
|
|
|
this._purge=0;
|
|
|
|
this.fx = {
|
|
open: new Fx.Morph(this.box, {duration: 500, transition: Fx.Transitions.Sine.easeOut, onComplete: this.displayContent.bind(this)}),
|
|
close: new Fx.Morph(this.box, {duration: 500, transition: Fx.Transitions.Sine.easeOut, onComplete: this.onClose.bind(this)}),
|
|
};
|
|
},
|
|
|
|
display: function() {
|
|
this.box.setStyle('display','block');
|
|
this.position(true);
|
|
window.addEvent('resize', this.position.bind(this));
|
|
},
|
|
|
|
displayContent: function() {
|
|
[this.title, this.closeBtn, this.text, this.btnsBox].each(function(el) {
|
|
var fx = new Fx.Tween(el,{duration: 200});
|
|
fx.start('opacity',0,1);
|
|
},this);
|
|
},
|
|
|
|
hide: function() {
|
|
this.box.empty();
|
|
this.fx.close.start(this.getStartStyles());
|
|
window.removeEvent('resize', this.position.bind(this));
|
|
},
|
|
|
|
onClose: function() {
|
|
this.box.setStyle('display','none');
|
|
this.purge();
|
|
},
|
|
|
|
purge: function() {
|
|
this._purge=1;
|
|
this.box.empty();
|
|
this.box.destroy();
|
|
delete this.fx;
|
|
},
|
|
|
|
getStartStyles: function() {
|
|
if (typeof(this._options.startElement) != 'undefined') {
|
|
var startStyles = {
|
|
top: this._options.startElement.getCoordinates().top,
|
|
left: this._options.startElement.getCoordinates().left,
|
|
width: this._options.startElement.getStyle('width').toInt(),
|
|
opacity: 0
|
|
};
|
|
}
|
|
else {
|
|
var startStyles = {
|
|
top: '0px',
|
|
left: '0px',
|
|
width: '0px',
|
|
opacity: 0
|
|
};
|
|
}
|
|
return startStyles;
|
|
},
|
|
|
|
getEndStyles: function() {
|
|
if (this._options.width) {
|
|
w = this._options.width;
|
|
}
|
|
else {
|
|
w = 300;
|
|
}
|
|
|
|
var endStyles = {
|
|
width: w.toInt()+'px',
|
|
top: ((window.getHeight()/2)-(this.box.getStyle('height').toInt()/2)-this.box.getStyle('border').toInt()+window.getScrollTop()).toInt(),
|
|
left: ((window.getWidth()/2)-(w/2)-this.box.getStyle('border').toInt()).toInt(),
|
|
opacity: 1
|
|
};
|
|
return endStyles;
|
|
},
|
|
|
|
position: function(start) {
|
|
if (this._purge==0) {
|
|
var endStyles = this.getEndStyles();
|
|
if (start) {
|
|
this.box.setStyles(this.getStartStyles());
|
|
}
|
|
this.fx.open.start(endStyles);
|
|
}
|
|
},
|
|
|
|
confirm: function() {
|
|
if (this._options.onConfirm) {
|
|
try {
|
|
this._options.onConfirm();
|
|
}
|
|
catch (e){
|
|
console.log('onConfirm : rater');
|
|
}
|
|
}
|
|
this.hide();
|
|
},
|
|
|
|
cancel: function() {
|
|
this.hide();
|
|
}
|
|
|
|
});
|