From c943289169ae9ba4a8559e854a4270b7f60859cd Mon Sep 17 00:00:00 2001 From: Benjamin Renard <brenard@easter-eggs.com> Date: Tue, 5 Feb 2008 16:11:21 +0000 Subject: [PATCH] =?UTF-8?q?-=20Ecriture=20du=20LSsession=20-=20Mise=20en?= =?UTF-8?q?=20place=20des=20templates=20Smarty=20-=20Adaptation=20du=20cod?= =?UTF-8?q?e=20au=20templates=20Smarty=20-=20index=5Fajax.php=20->=20Code?= =?UTF-8?q?=20php=20des=20r=C3=A9ponses=20Ajax=20de=20l'interface=20-=20in?= =?UTF-8?q?cludes/js=20->=20Partie=20JavaScript=20(Mootools)=20de=20l'inte?= =?UTF-8?q?rface?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../config.LSobjects.LSeecompany.php | 62 + .../LSobjects/config.LSobjects.LSeegroup.php | 105 + .../LSobjects/config.LSobjects.LSeepeople.php | 409 + trunk/conf/config.LSaddons.php | 27 + trunk/conf/config.LSobjects.php | 29 + trunk/conf/config.error_code.php | 239 + trunk/conf/config.inc.php | 91 + .../class/class.LSattr_html_password.php | 2 +- .../class/class.LSattr_html_select_list.php | 3 +- .../class/class.LSattr_html_textarea.php | 2 +- trunk/includes/class/class.LSattribute.php | 23 +- trunk/includes/class/class.LSerror.php | 27 +- trunk/includes/class/class.LSform.php | 51 +- trunk/includes/class/class.LSformElement.php | 33 +- .../class/class.LSformElement_password.php | 42 +- .../class/class.LSformElement_select.php | 40 +- .../class/class.LSformElement_text.php | 48 +- .../class/class.LSformElement_textarea.php | 47 +- .../class/class.LSformRule_alphanumeric.php | 1 + .../class/class.LSformRule_lettersonly.php | 1 + .../class/class.LSformRule_nonzero.php | 1 + .../class/class.LSformRule_nopunctuation.php | 1 + .../class/class.LSformRule_numeric.php | 1 + .../includes/class/class.LSformRule_regex.php | 1 - trunk/includes/class/class.LSldap.php | 34 +- trunk/includes/class/class.LSldapObject.php | 94 +- .../class/class.LSobjects.LSeecompany.php | 48 + .../class/class.LSobjects.LSeegroup.php | 48 + .../class/class.LSobjects.LSeepeople.php | 48 + trunk/includes/class/class.LSsession.php | 511 ++ trunk/includes/functions.php | 32 +- trunk/includes/js/Debugger.js | 395 + trunk/includes/js/LSdefault.js | 60 + trunk/includes/js/LSform.js | 70 + trunk/includes/js/LSsession_login.js | 47 + trunk/includes/js/mootools.js | 7102 +++++++++++++++++ trunk/index.php | 111 +- trunk/index_ajax.php | 69 + .../l10n/en_US.UTF8/LC_MESSAGES/ldapsaisie.mo | Bin 0 -> 1739 bytes trunk/templates/base.tpl | 49 + trunk/templates/css/LSdefault.css | 28 + trunk/templates/css/LSform.css | 51 + trunk/templates/css/base.css | 80 + trunk/templates/css/login.css | 51 + trunk/templates/images/add.png | Bin 0 -> 323 bytes trunk/templates/images/ajax-loader.gif | Bin 0 -> 673 bytes trunk/templates/images/fd_menu.png | Bin 0 -> 150 bytes trunk/templates/images/login_fd.png | Bin 0 -> 11546 bytes trunk/templates/images/logo.png | Bin 0 -> 13941 bytes trunk/templates/images/logout.png | Bin 0 -> 805 bytes trunk/templates/images/puce.png | Bin 0 -> 300 bytes trunk/templates/images/remove.png | Bin 0 -> 247 bytes trunk/templates/login.tpl | 37 + 53 files changed, 10013 insertions(+), 238 deletions(-) create mode 100644 trunk/conf/LSobjects/config.LSobjects.LSeecompany.php create mode 100644 trunk/conf/LSobjects/config.LSobjects.LSeegroup.php create mode 100644 trunk/conf/LSobjects/config.LSobjects.LSeepeople.php create mode 100644 trunk/conf/config.LSaddons.php create mode 100644 trunk/conf/config.LSobjects.php create mode 100644 trunk/conf/config.error_code.php create mode 100644 trunk/conf/config.inc.php create mode 100644 trunk/includes/class/class.LSobjects.LSeecompany.php create mode 100644 trunk/includes/class/class.LSobjects.LSeegroup.php create mode 100644 trunk/includes/class/class.LSobjects.LSeepeople.php create mode 100644 trunk/includes/class/class.LSsession.php create mode 100644 trunk/includes/js/Debugger.js create mode 100644 trunk/includes/js/LSdefault.js create mode 100644 trunk/includes/js/LSform.js create mode 100644 trunk/includes/js/LSsession_login.js create mode 100644 trunk/includes/js/mootools.js create mode 100644 trunk/index_ajax.php create mode 100644 trunk/l10n/en_US.UTF8/LC_MESSAGES/ldapsaisie.mo create mode 100644 trunk/templates/base.tpl create mode 100644 trunk/templates/css/LSdefault.css create mode 100644 trunk/templates/css/LSform.css create mode 100644 trunk/templates/css/base.css create mode 100644 trunk/templates/css/login.css create mode 100644 trunk/templates/images/add.png create mode 100644 trunk/templates/images/ajax-loader.gif create mode 100644 trunk/templates/images/fd_menu.png create mode 100644 trunk/templates/images/login_fd.png create mode 100644 trunk/templates/images/logo.png create mode 100644 trunk/templates/images/logout.png create mode 100644 trunk/templates/images/puce.png create mode 100644 trunk/templates/images/remove.png create mode 100644 trunk/templates/login.tpl diff --git a/trunk/conf/LSobjects/config.LSobjects.LSeecompany.php b/trunk/conf/LSobjects/config.LSobjects.LSeecompany.php new file mode 100644 index 00000000..d0b5f02d --- /dev/null +++ b/trunk/conf/LSobjects/config.LSobjects.LSeecompany.php @@ -0,0 +1,62 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +$GLOBALS['LSobjects']['LSeecompany'] = array ( + 'objectclass' => array( + 'lscompany', + ), + 'rdn' => 'o', + 'container_dn' => 'ou=companies', + 'select_display_attrs' => '%{dc}', + 'attrs' => array ( + 'o' => array ( + 'label' => _('Nom'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'check_data' => array ( + 'alphanumeric' + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1 + ) + ), + 'dc' => array ( + 'label' => _('Domaine'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1 + ) + ) + ) +); +?> diff --git a/trunk/conf/LSobjects/config.LSobjects.LSeegroup.php b/trunk/conf/LSobjects/config.LSobjects.LSeegroup.php new file mode 100644 index 00000000..668dd269 --- /dev/null +++ b/trunk/conf/LSobjects/config.LSobjects.LSeegroup.php @@ -0,0 +1,105 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +$GLOBALS['LSobjects']['LSeegroup'] = array ( + 'objectclass' => array( + 'lsgroup', + 'posixGroup' + ), + 'rdn' => 'cn', + 'container_dn' => 'ou=groups', + 'select_display_attrs' => '%{cn}', + 'attrs' => array ( + 'cn' => array ( + 'label' => _('Nom'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'check_data' => array ( + 'alphanumeric' + ), + 'validation' => array ( + array ( + 'filter' => 'cn=%{val}', + 'result' => 0 + ) + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1 + ) + ), + 'gidNumber' => array ( + 'label' => _('Identifiant'), + 'ldap_type' => 'numeric', + 'html_type' => 'text', + 'required' => 1, + 'validation' => array ( + array ( + 'filter' => 'gidNumber=%{val}', + 'result' => 0 + ) + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1 + ) + ), + 'uniqueMember' => array ( + 'label' => _('Membres'), + 'ldap_type' => 'ascii', + 'html_type' => 'select_list', + 'required' => 0, + 'validation' => array ( + array ( + 'basedn' => '%{val}', + 'result' => 1 + ) + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1 + ), + 'possible_values' => array( + 'aucun' => _('-- Selectionner --'), + 'OTHER_OBJECT' => array( + 'object_type' => 'LSeepeople', // Nom de l'objet � lister + 'display_attribute' => '%{cn} (%{uidNumber})', // Sp�cifie le attributs � lister pour le choix, + // si non d�finie => utilisation du 'select_display_attrs' + // de la d�finition de l'objet + + 'value_attribute' => '%{dn}', // Sp�cifie le attributs dont la valeur sera retourn�e par + ) + ) + ) + ) +); +?> diff --git a/trunk/conf/LSobjects/config.LSobjects.LSeepeople.php b/trunk/conf/LSobjects/config.LSobjects.LSeepeople.php new file mode 100644 index 00000000..3511743a --- /dev/null +++ b/trunk/conf/LSobjects/config.LSobjects.LSeepeople.php @@ -0,0 +1,409 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +$GLOBALS['LSobjects']['LSeepeople'] = array ( + 'objectclass' => array( + 'top', + 'lspeople', + 'posixAccount', + 'sambaSamAccount', + ), + 'rdn' => 'uid', + 'container_dn' => 'ou=people', + 'before_save' => 'valid', + 'after_save' => 'valid', + 'select_display_attrs' => '%{cn}', + // Attributes + 'attrs' => array ( + 'uid' => array ( + 'label' => _('Identifiant'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'check_data' => array ( + 'alphanumeric' => array( + 'msg' => _("L'identifiant ne doit comporter que des lettres et des chiffres.") + ), + ), + 'validation' => array ( + array ( + 'filter' => 'uid=%{val}', + 'result' => 0, + 'msg' => _('Cet identifiant est d�j� utilis�.') + ) + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 0, + 'add' => 1 + ) + ), + 'uidNumber' => array ( + 'label' => _('Identifiant (num�rique)'), + 'ldap_type' => 'numeric', + 'html_type' => 'text', + 'required' => 1, + 'generate_function' => 'generate_uidNumber', + 'check_data' => array ( + 'numeric' => array( + 'msg' => _("L'identifiant unique doit �tre un entier.") + ), + ), + 'validation' => array ( + array ( + 'filter' => 'uidNumber=%{val}', + 'result' => 0, + 'msg' => _('Cet uid est d�j� utilis�.') + ) + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 0, + ) + ), + 'cn' => array ( + 'label' => _('Nom complet'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'default_value' => 'titi', + 'validation' => 'valid', + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + 'add' => 1 + ) + ), + 'givenName' => array ( + 'label' => _('Prenom'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'default_value' => 'toto', + 'check_data' => array ( + 'alphanumeric' => array( + 'msg' => _('Le prenom ne doit comporter que des lettres et des chiffres.') + ), + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + 'add' => 1 + ), + 'onDisplay' => 'return_data' + ), + 'sn' => array ( + 'label' => _('Nom'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + 'add' => 1 + ) + ), + 'gidNumber' => array ( + 'label' => _('Groupe principal'), + 'ldap_type' => 'numeric', + 'html_type' => 'select_list', + 'multiple' => true, + 'required' => 1, + 'validation' => array ( + array ( + 'object_type' => 'LSeegroup', // 'object_type' : Permet definir le type d'objet recherch�s + //'basedn' => 'o=company', // et d'utiliser les objectClass d�finis dans le fichier de configuration + 'filter' => '(gidNumber=%{val})', // pour la recherche + 'result' => 1 + ) + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + 'add' => 1 + ), + 'possible_values' => array( + 'OTHER_OBJECT' => array( + 'object_type' => 'LSeegroup', // Nom de l'objet � lister + 'display_attribute' => '%{cn} (%{gidNumber})', // Sp�cifie le attributs � lister pour le choix, + // si non d�finie => utilisation du 'select_display_attrs' + // de la d�finition de l'objet + + 'value_attribute' => 'gidNumber', // Sp�cifie le attributs dont la valeur sera retourn�e par + 'filter' => // le formulaire sp�cifie les filtres de recherche pour + array ( // l'�tablissement de la liste d'objets : + array( // Premier filtre + 'filter' => 'cn=*a*', + //'basedn' => 'o=company', + 'scope' => 'sub', + ) + ) + ) + ) + ), + 'loginShell' => array ( + 'label' => _('Interpreteur de commande'), + 'ldap_type' => 'ascii', + 'html_type' => 'select_list', + 'required' => 1, + 'default_value' => '/bin/false', + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + 'add' => 1 + ), + 'possible_values' => array( + '/bin/false' => _('Aucun'), + '/bin/bash' => 'Bash', + ) + ), + 'sambaSID' => array ( + 'label' => _('Identifiant Samba'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'generate_function' => 'generate_sambaSID', + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'r', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + //'test' => 0, + ) + ), + 'homeDirectory' => array ( + 'label' => _('R�pertoire personnel'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'default_value' => '/home/%{uid}', + 'generate_function' => 'generate_homeDirectory', + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'r', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + ) + ), + 'mail' => array ( + 'label' => _('Adresse e-mail'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'required' => 1, + 'check_data' => array ( + 'email' => array( + 'msg' => _("L'adresse e-mail entr�e n'est pas valide.") + ), + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'r', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + 'add' => 1 + ) + ), + 'personalTitle' => array ( + 'label' => _('Titre'), + 'ldap_type' => 'ascii', + 'html_type' => 'select_list', + 'required' => 1, + 'default_value' => 'M.', + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + 'add' => 1 + ), + 'possible_values' => array( + 'M.' => 'M.', + 'Mme' => 'Mme', + 'Mlle' => 'Mlle' + ) + ), + 'maildrop' => array ( + 'label' => _('Mail ind�sirable'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'multiple' => true, + 'check_data' => array ( + 'email' => array( + 'msg' => _("L'adresse e-mail entr�e n'est pas valide.") + ), + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + ) + ), + 'vacationActive' => array ( + 'label' => _('R�ponse automatique'), + 'ldap_type' => 'ascii', + 'html_type' => 'select_list', + 'default_value' => '', + 'check_data' => array ( + 'email' => array( + 'msg' => _("L'adresse e-mail entr�e n'est pas valide.") + ), + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + ), + 'possible_values' => array( + '%{uid}@autoreponse.example.fr' => 'Oui', + '' => 'Non' + ) + ), + 'vacationInfo' => array ( + 'label' => _('Message en reponse'), + 'ldap_type' => 'ascii', + 'html_type' => 'textarea', + 'multiple' => true, + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + ) + ), + 'vacationForward' => array ( + 'label' => _('Transfert de mail'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'check_data' => array ( + 'email' => array( + 'msg' => _("L'adresse e-mail entr�e n'est pas valide.") + ), + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + ) + ), + 'mailQuota' => array ( + 'label' => _('Quota boite mail'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'check_data' => array ( + 'numeric' => array( + 'msg' => _("Le quota de l'adresse mail entr�e n'est pas valide.") + ), + ), + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'r', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + ) + ), + 'description' => array ( + 'label' => _('Description'), + 'ldap_type' => 'ascii', + 'html_type' => 'text', + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'form' => array ( + 'test' => 1, + ) + ), + 'userPassword' => array ( + 'label' => _('Mot de passe'), + 'ldap_type' => 'password', + 'html_type' => 'password', + 'required' => 1, + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => 'r' // d�finition des droits de tout les utilisateurs + ), + 'dependAttrs' => array( + 'sambaLMPassword', + 'sambaNTPassword' + ), + 'form' => array ( + 'test' => 1, + 'add' => 1 + ) + ), + 'sambaLMPassword' => array ( + 'label' => _('Mot de passe Samba (LM)'), + 'ldap_type' => 'ascii', + 'html_type' => 'password', + 'required' => 1, + 'generate_function' => 'generate_sambaLMPassword', + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => '' // d�finition des droits de tout les utilisateurs + ) + ), + 'sambaNTPassword' => array ( + 'label' => _('Mot de passe Samba (NT)'), + 'ldap_type' => 'ascii', + 'html_type' => 'password', + 'required' => 1, + 'generate_function' => 'generate_sambaNTPassword', + 'rights' => array( // D�finition de droits : 'r' => lecture / 'w' => modification / '' => aucun (par defaut) + 'self' => 'w', // d�finition des droits de l'utilisateur sur lui m�me + 'users' => '' // d�finition des droits de tout les utilisateurs + ) + ) + ) +); +?> diff --git a/trunk/conf/config.LSaddons.php b/trunk/conf/config.LSaddons.php new file mode 100644 index 00000000..f01df4a4 --- /dev/null +++ b/trunk/conf/config.LSaddons.php @@ -0,0 +1,27 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +$GLOBALS['LSaddons']['loads'] = array ( + 'samba', 'posix' +); + +?> diff --git a/trunk/conf/config.LSobjects.php b/trunk/conf/config.LSobjects.php new file mode 100644 index 00000000..63b79375 --- /dev/null +++ b/trunk/conf/config.LSobjects.php @@ -0,0 +1,29 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +define('LS_OBJECTS_DIR', LS_CONF_DIR . 'LSobjects/'); + +$GLOBALS['LSobjects']['loads'] = array ( + 'LSeepeople', 'LSeegroup' +); + +?> diff --git a/trunk/conf/config.error_code.php b/trunk/conf/config.error_code.php new file mode 100644 index 00000000..eea47204 --- /dev/null +++ b/trunk/conf/config.error_code.php @@ -0,0 +1,239 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +$GLOBALS['LSerror_code'] = array ( + '-1' => array ( + 'msg' => _("Erreur inconnue!"), + 'level' => 'c' + ), + // LSldap + 1 => array ( + 'msg' => _("LSldap : Erreur durant la connexion au serveur LDAP (%{msg})."), + 'level' => 'c' + ), + 2 => array ( + 'msg' => _("LSldap : Erreur durant la recherche LDAP (%{msg})."), + 'level' => 'c' + ), + 3 => array ( + 'msg' => _("LSldap : Type d'objet inconnu."), + 'level' => 'c' + ), + 4 => array ( + 'msg' => _("LSldap : Erreur durant la r�cup�ration de l'entr�e Ldap."), + 'level' => 'c' + ), + 5 => array ( + 'msg' => _("LSldap : Erreur durant la mise � jour de l'entr�e Ldap (DN : %{dn})."), + 'level' => 'c' + ), + + // LSldapObject + 21 => array ( + 'msg' => _("LSldapObject : Type d'objet inconnu."), + 'level' => 'c' + ), + 22 => array ( + 'msg' => _("LSldapObject : Formulaire de mise jour inconnu par l'objet %{msg}."), + 'level' => 'c' + ), + 23 => array ( + 'msg' => _("LSldapObject : Aucun formulaire n'existe dans l'objet %{msg}."), + 'level' => 'c' + ), + 24 => array ( + 'msg' => _("LSldapObject : La fonction %{func} pour valider l'attribut %{attr} de l'objet %{obj} est inconnue."), + 'level' => 'c' + ), + 25 => array ( + 'msg' => _("LSldapObject : Des donn�es de configuration sont manquant pour la validation de l'attribut %{attr} de l'objet %{obj}."), + 'level' => 'c' + ), + 26 => array ( + 'msg' => _("LSldapObject : Erreur de configuration : L'objet %{obj} ne poss�de pas d'attribut %{attr}."), + 'level' => 'c' + ), + 27 => array ( + 'msg' => _("LSldapObject : La fonction %{func} devant �tre execut�e avant l'enregistrement n'existe pas."), + 'level' => 'c' + ), + 28 => array ( + 'msg' => _("LSldapObject : L'execution de la fonction %{func} devant �tre execut�e avant l'enregistrement a �chou�e."), + 'level' => 'c' + ), + 29 => array ( + 'msg' => _("LSldapObject : La fonction %{func} devant �tre execut�e apr�s l'enregistrement n'existe pas."), + 'level' => 'c' + ), + 30 => array ( + 'msg' => _("LSldapObject : L'execution de la fonction %{func} devant �tre execut�e apr�s l'enregistrement a �chou�e."), + 'level' => 'c' + ), + 31 => array ( + 'msg' => _("LSldapObject : Il manque des informations de configuration du type d'objet %{obj} pour la cr�ation du nouveau DN."), + 'level' => 'c' + ), + 32 => array ( + 'msg' => _("LSldapObject : L'attribut %{attr} de l'objet n'est pas encore d�finis. Il est impossible de generer un nouveau DN."), + 'level' => 'c' + ), + 33 => array ( + 'msg' => _("LSldapObject : Sans DN, l'objet n'a put �tre modifi�."), + 'level' => 'c' + ), + 34 => array ( + 'msg' => _("LSldapObject : L'attribut %{attr_depend} d�pendant de l'attribut %{attr} n'existe pas."), + 'level' => 'w' + ), + + // LSldapObject + 41 => array ( + 'msg' => _("LSattribute : Attribut %{attr} : Type d'attribut (ldap // html) inconnu (ldap = %{ldap} | html = %{html})."), + 'level' => 'c' + ), + 42 => array ( + 'msg' => _("LSattribute : La fonction %{func} pour afficher l'attribut %{attr} est inconnue."), + 'level' => 'c' + ), + 43 => array ( + 'msg' => _("LSattribute : La r�gle %{rule} pour valider l'attribut %{attr} est inconnue."), + 'level' => 'c' + ), + 44 => array ( + 'msg' => _("LSattribute : Les donn�es de configuration pour v�rifi� l'attribut %{attr} sont incorrects."), + 'level' => 'c' + ), + 45 => array ( + 'msg' => _("LSattribute : La fonction %{func} pour sauver l'attribut %{attr} est inconnue."), + 'level' => 'c' + ), + 46 => array ( + 'msg' => _("LSattribute : La valeur de l'attribut %{attr} ne peut pas �tre g�n�r�e."), + 'level' => 'c' + ), + 47 => array ( + 'msg' => _("LSattribute : La valeur de l'attribut %{attr} n'a pas put �tre g�n�r�e."), + 'level' => 'c' + ), + 48 => array ( + 'msg' => _("LSattribute : La g�n�ration de l'attribut %{attr} n'a pas retourn� une valeur correcte."), + 'level' => 'c' + ), + + // LSattr_html + 101 => array ( + 'msg' => _("LSattr_html : La fonction addToForm() du type html de l'attribut %{attr} n'est pas d�finie."), + 'level' => 'c' + ), + 102 => array ( + 'msg' => _("LSattr_html_select_list : Des donn�es de configuration sont manquante pour la g�n�ration de la liste deroulante de l'attribut %{attr}."), + 'level' => 'c' + ), + 103 => array ( + 'msg' => _("LSattr_html_%{type} : Les donn�es multiples ne sont pas g�r�s pour ce type d'attribut."), + 'level' => 'c' + ), + + // LSform + 201 => array( + 'msg' => _("LSform : Erreur durant la recup�ration des valeurs du formulaire."), + 'level' => 'c' + ), + 202 => array( + 'msg' => _("LSform : Erreur durant la r�cup�ration de la valeur du formulaire du champ '%{element}'."), + 'level' => 'c' + ), + 203 => array( + 'msg' => _("LSform : Les donn�es du champ %{element} ne sont pas valides."), + 'level' => 'c' + ), + 204 => array( + 'msg' => _("LSform : Le champ %{element} n'existe pas."), + 'level' => 'c' + ), + 205 => array( + 'msg' => _("LSfom : Type de champ inconnu (%{type})."), + 'level' => 'c' + ), + 206 => array( + 'msg' => _("LSform : Erreur durant la cr�ation de l'�lement '%{element}'."), + 'level' => 'c' + ), + 207 => array( + 'msg' => _("LSform : Aucune valeur de rentr�e pour le champs '%{element}'."), + 'level' => 'c' + ), + + 301 => array( + 'msg' => _("LSformRule : Aucune regex n'a �t� fournis pour la validation des donn�es."), + 'level' => 'w' + ), + + // functions + 901 => array ( + 'msg' => _("Functions 'getFData' : La methode %{meth} de l'objet %{obj} n'existe pas."), + 'level' => 'c' + ), + + // LSsession + 1001 => array ( + 'msg' => _("LSsession : La constante %{const} n'est pas d�finie."), + 'level' => 'c' + ), + 1002 => array ( + 'msg' => _("LSsession : Le support %{addon} n'est pas assur�. V�rifier la compatibilit� du syst�me et la configuration de l'addon"), + 'level' => 'c' + ), + 1003 => array ( + 'msg' => _("LSsession : Donn�es de configuration du serveur LDAP invalide. Impossible d'�tablir une connexion."), + 'level' => 'c' + ), + 1004 => array ( + 'msg' => _("LSsession : Impossible de charger l'objets de type %{type} : type inconnu."), + 'level' => 'c' + ), + 1005 => array ( + 'msg' => _("LSsession : Impossible d'effecture l'authentification : Type d'objet d'authentification inconnu (%{type})."), + 'level' => 'c' + ), + 1006 => array ( + 'msg' => _("LSsession : Identifiant ou mot de passe incorrect."), + 'level' => 'c' + ), + 1007 => array ( + 'msg' => _("LSsession : Impossible de vous identifier : Duplication d'authentit�."), + 'level' => 'c' + ), + 1008 => array ( + 'msg' => _("LSsession : Impossible d'inclure le moteur de rendu Smarty."), + 'level' => 'c' + ), + 1009 => array ( + 'msg' => _("LSsession : Impossible de se connecter au Serveur LDAP."), + 'level' => 'c' + ), + 1010 => array ( + 'msg' => _("LSsession : Impossible de charger la classe des objets d'authentification."), + 'level' => 'c' + ) +); +?> diff --git a/trunk/conf/config.inc.php b/trunk/conf/config.inc.php new file mode 100644 index 00000000..29b36827 --- /dev/null +++ b/trunk/conf/config.inc.php @@ -0,0 +1,91 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +// Configuration LDAP Saisie : +$GLOBALS['LSconfig'] = array( + 'NetLDAP' => '/usr/share/php/Net/LDAP.php', + 'Smarty' => '/var/www/tmp/Smarty-2.6.18/libs/Smarty.class.php', + 'lang' => 'fr_FR.UTF8', + 'ldap_servers' => array ( + array ( + 'name' => 'Ldap 1', + 'ldap_config'=> array( + 'host' => '127.0.0.1', + 'port' => 389, + 'version' => 3, + 'starttls' => false, + 'binddn' => 'uid=toto,ou=people,o=ls', + 'bindpw' => 'toto', + 'basedn' => 'o=ls', + 'options' => array(), + 'filter' => '(objectClass=*)', + 'scope' => 'sub' + ), + 'authobject' => 'LSeepeople', + 'authobject_pwdattr' => 'userPassword' + ), + array ( + 'name' => 'Ldap 2', + 'ldap_config'=> array( + 'host' => '127.0.0.1', + 'port' => 389, + 'version' => 3, + 'starttls' => false, + 'binddn' => 'uid=toto,ou=people,o=com', + 'bindpw' => 'toto', + 'basedn' => 'o=com', + 'options' => array(), + 'filter' => '(objectClass=*)', + 'scope' => 'sub' + ), + 'subdnobject' => 'LSeecompany', + 'authobject' => 'LSeepeople', + 'authobject_pwdattr' => 'userPassword' + ) + ) +); + +//Debug +$GLOBALS['LSdebug']['active'] = true; + +// D�finitions des locales +$textdomain = 'ldapsaisie'; +bindtextdomain($textdomain, '/var/www/ldapsaisie/trunk/l10n'); +textdomain($textdomain); +setlocale(LC_ALL, $GLOBALS['LSconfig']['lang']); + +// D�finitions des dossiers d'inclusions +define('LS_CONF_DIR','conf/'); +define('LS_INCLUDE_DIR','includes/'); +define('LS_CLASS_DIR', LS_INCLUDE_DIR .'class/'); +define('LS_LIB_DIR', LS_INCLUDE_DIR .'libs/'); +define('LS_ADDONS_DIR', LS_INCLUDE_DIR .'addons/'); +define('LS_JS_DIR', LS_INCLUDE_DIR .'js/'); + +// Javascript +$GLOBALS['defaultJSscipts']=array( + 'mootools.js', + 'LSdefault.js', + 'Debugger.js' +); + +?> diff --git a/trunk/includes/class/class.LSattr_html_password.php b/trunk/includes/class/class.LSattr_html_password.php index 6f9322b3..94acac2d 100644 --- a/trunk/includes/class/class.LSattr_html_password.php +++ b/trunk/includes/class/class.LSattr_html_password.php @@ -43,7 +43,7 @@ class LSattr_html_password extends LSattr_html { return; } - if (is_array($data)) { + if (count($data)>1) { $GLOBALS['LSerror'] -> addErrorCode(103,'password'); return; } diff --git a/trunk/includes/class/class.LSattr_html_select_list.php b/trunk/includes/class/class.LSattr_html_select_list.php index ea88b4ff..1c21248c 100644 --- a/trunk/includes/class/class.LSattr_html_select_list.php +++ b/trunk/includes/class/class.LSattr_html_select_list.php @@ -37,7 +37,7 @@ class LSattr_html_select_list extends LSattr_html{ * @retval LSformElement L'element du formulaire ajout� */ function addToForm (&$form,$idForm,$data=NULL) { - if (is_array($data)) { + if (count($data)>1) { $GLOBALS['LSerror'] -> addErrorCode(103,'select_list'); return; } @@ -80,7 +80,6 @@ class LSattr_html_select_list extends LSattr_html{ if (isset($this -> config['possible_values'])) { foreach($this -> config['possible_values'] as $val_name => $val) { if($val_name=='OTHER_OBJECT') { - //~ print_r($val); if ((!isset($val['object_type'])) || (!isset($val['value_attribute']))) { $GLOBALS['LSerror'] -> addErrorCode(102,$this -> name); break; diff --git a/trunk/includes/class/class.LSattr_html_textarea.php b/trunk/includes/class/class.LSattr_html_textarea.php index 46314c94..c06816ab 100644 --- a/trunk/includes/class/class.LSattr_html_textarea.php +++ b/trunk/includes/class/class.LSattr_html_textarea.php @@ -43,7 +43,7 @@ class LSattr_html_textarea extends LSattr_html { return; } - if (is_array($data)) { + if (count($data)>1) { $GLOBALS['LSerror'] -> addErrorCode(103,'textarea'); return; } diff --git a/trunk/includes/class/class.LSattribute.php b/trunk/includes/class/class.LSattribute.php index 540b6817..d9b61551 100644 --- a/trunk/includes/class/class.LSattribute.php +++ b/trunk/includes/class/class.LSattribute.php @@ -20,6 +20,9 @@ ******************************************************************************/ +$GLOBALS['LSsession'] -> loadLSclass('LSattr_ldap'); +$GLOBALS['LSsession'] -> loadLSclass('LSattr_html'); + /** * Attribut Ldap * @@ -58,9 +61,10 @@ class LSattribute { $this -> name = $name; $this -> config = $config; $this -> ldapObject = $ldapObject; - $html_type = "LSattr_html_".$config['html_type']; $ldap_type = "LSattr_ldap_".$config['ldap_type']; + $GLOBALS['LSsession'] -> loadLSclass($html_type); + $GLOBALS['LSsession'] -> loadLSclass($ldap_type); if((class_exists($html_type))&&(class_exists($ldap_type))) { $this -> html = new $html_type($name,$config,$this); $this -> ldap = new $ldap_type($name,$config,$this); @@ -238,14 +242,8 @@ class LSattribute { */ function refreshForm(&$form,$idForm) { if(isset($this -> config['form'][$idForm])) { - //~ echo 'Attr : '.$this -> name.'| Val : '.$this -> data."<br />\n"; $form_element = &$form -> getElement($this -> name); - if(!empty($this -> data)) { - return $form_element -> setValue($this -> getFormVal()); - } - else if (isset($this -> config['default_value'])) { - return $form_element -> setValue($this -> config['default_value']); - } + return $form_element -> setValue($this -> getFormVal()); } return true; } @@ -258,7 +256,10 @@ class LSattribute { * @retval string La valeur a afficher dans le formulaire. */ function getFormVal() { - return $this -> getDisplayValue(); + $data=$this -> getDisplayValue(); + if(!is_array($data)) + $data=array($data); + return $data; } /** @@ -271,8 +272,10 @@ class LSattribute { * @retval void */ function setUpdateData($data) { - if($this -> getFormVal() != $data) + if($this -> getFormVal() != $data) { $this -> updateData=$data; + debug($this -> name.' is updated (o = '.$this -> getFormVal().' | n = '.$data.')'); + } } /** diff --git a/trunk/includes/class/class.LSerror.php b/trunk/includes/class/class.LSerror.php index 481c8079..be5f063b 100644 --- a/trunk/includes/class/class.LSerror.php +++ b/trunk/includes/class/class.LSerror.php @@ -78,13 +78,34 @@ class LSerror { * @retval void */ function display() { - if(!empty($this -> errors)) { + $errors = $this -> getErrors(); + if ($errors) { + $GLOBALS['Smarty'] -> assign('LSerrors',$errors); + } + /*if(!empty($this -> errors)) { print "<h3>"._('Erreurs')."</h3>\n"; foreach ($this -> errors as $error) { - echo "(Code ".$error[0].") ".getFData($GLOBALS['error_code'][$error[0]]['msg'],$error[1])."<br />\n"; + echo "(Code ".$error[0].") ".getFData($GLOBALS['LSerror_code'][$error[0]]['msg'],$error[1])."<br />\n"; } - } + }*/ } + + /** + * Retourne le texte des erreurs + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @retvat string Le texte des erreurs + */ + function getErrors() { + if(!empty($this -> errors)) { + foreach ($this -> errors as $error) { + $txt.="(Code ".$error[0].") ".getFData($GLOBALS['LSerror_code'][$error[0]]['msg'],$error[1])."<br />\n"; + } + return $txt; + } + return; + } } ?> diff --git a/trunk/includes/class/class.LSform.php b/trunk/includes/class/class.LSform.php index dc677fe6..586a7ffa 100644 --- a/trunk/includes/class/class.LSform.php +++ b/trunk/includes/class/class.LSform.php @@ -59,6 +59,7 @@ class LSform { $this -> idForm = $idForm; $this -> submit = $submit; $this -> ldapObject = $ldapObject; + $GLOBALS['LSsession'] -> loadLSclass('LSformElement'); } /** @@ -69,26 +70,24 @@ class LSform { * @retval void */ function display(){ - echo "<form method='post' action='".$_SERVER['PHP_SELF']."'>\n"; - echo "\t<input type='hidden' name='validate' value='LSform'/>\n"; - echo "\t<input type='hidden' name='idForm' value='".$this -> idForm."'/>\n"; - echo "<table>\n"; + $GLOBALS['LSsession'] -> addJSscript('LSform.js'); + $GLOBALS['LSsession'] -> addCssFile('LSform.css'); + $GLOBALS['Smarty'] -> assign('LSform_action',$_SERVER['PHP_SELF']); + $LSform_header = "\t<input type='hidden' name='validate' value='LSform'/>\n\t<input type='hidden' name='idForm' id='LSform_idform' value='".$this -> idForm."'/>\n\t<input type='hidden' name='LSform_objecttype' id='LSform_objecttype' value='".$this -> ldapObject -> getType()."'/>\n"; + $GLOBALS['Smarty'] -> assign('LSform_header',$LSform_header); + $fields = array(); foreach($this -> elements as $element) { - $element -> display(); + $field = array(); + $field = $element -> getDisplay(); if (isset($this -> _elementsErrors[$element -> name])) { - foreach ($this -> _elementsErrors[$element -> name] as $error) { - echo "<tr><td></td><td>$error</td></tr>"; - } + $field['errors']= $this -> _elementsErrors[$element -> name]; } + $fields[] = $field; } + $GLOBALS['Smarty'] -> assign('LSform_fields',$fields); if($this -> can_validate) { - echo "\t<tr>\n"; - echo "\t\t<td> </td>\n"; - echo "\t\t<td><input type='submit' value=\"".$this -> submit."\"/></td>\n"; - echo "\t</tr>\n"; + $GLOBALS['Smarty'] -> assign('LSform_submittxt',$this -> submit); } - echo "</table>\n"; - echo "</form>\n"; } /** @@ -166,8 +165,11 @@ class LSform { } if (!is_array($this -> _rules[$element])) continue; + $GLOBALS['LSsession'] -> loadLSclass('LSformRule'); foreach($this -> _rules[$element] as $rule) { - if (! call_user_func(array( "LSformRule_".$rule['name'],'validate') , $value, $rule['options'])) { + $ruleType="LSformRule_".$rule['name']; + $GLOBALS['LSsession'] -> loadLSclass($ruleType); + if (! call_user_func(array( $ruleType,'validate') , $value, $rule['options'])) { $retval=false; $this -> setElementError($this -> elements[$element],$rule['options']['msg']); } @@ -238,6 +240,7 @@ class LSform { */ function addElement($type,$name,$label,$params=array()) { $elementType='LSformElement_'.$type; + $GLOBALS['LSsession'] -> loadLSclass($elementType); if (!class_exists($elementType)) { $GLOBALS['LSerror'] -> addErrorCode(205,array('type' => $type)); return; @@ -313,6 +316,8 @@ class LSform { * @param[in] $element string Le nom de l'�l�ment consern� */ function isRuleRegistered($rule) { + $GLOBALS['LSsession'] -> loadLSclass('LSformRule'); + $GLOBALS['LSsession'] -> loadLSclass('LSformRule_'.$rule); return class_exists('LSformRule_'.$rule); } @@ -356,6 +361,22 @@ class LSform { return true; } + /** + * Retourne le code HTML d'un champ vide. + * + * @param[in] string Le nom du champ du formulaire + * + * @retval string Le code HTML du champ vide. + */ + function getEmptyField($element) { + $element = $this -> getElement($element); + if ($element) { + return $element -> getEmptyField(); + } + else + return; + } + } ?> diff --git a/trunk/includes/class/class.LSformElement.php b/trunk/includes/class/class.LSformElement.php index 1611ebba..c15343fc 100644 --- a/trunk/includes/class/class.LSformElement.php +++ b/trunk/includes/class/class.LSformElement.php @@ -159,6 +159,19 @@ class LSformElement { echo "\t\t<td>".$this -> getLabel()."$required</td>\n"; } + /** + * Retourne le label de l'�lement + * + * @retval void + */ + function getLabelInfos() { + if ($this -> isRequired()) { + $return['required']=true; + } + $return['label'] = $this -> getLabel(); + return $return; + } + /** * Recup�re la valeur de l'�lement pass�e en POST * @@ -178,13 +191,14 @@ class LSformElement { $_POST[$this -> name] = array($_POST[$this -> name]); } foreach($_POST[$this -> name] as $key => $val) { - if (!empty($val)) { $return[$this -> name][$key] = $val; - } } return true; } - return; + else { + $return[$this -> name] = array(); + return true; + } } /** @@ -206,6 +220,19 @@ class LSformElement { } } + /** + * Retourne l'HTML pour les boutons d'ajout et de suppression de champs du formulaire LSform + * + * @retval string Le code HTML des boutons + */ + function getMultipleData() { + if ($this -> params['multiple'] == true ) { + return "<img src='templates/images/add.png' id='LSform_add_field_btn_".$this -> name."_".rand()."' class='LSform-add-field-btn' alt='"._('Ajouter')."'/><img src='templates/images/remove.png' class='LSform-remove-field-btn' alt='"._('Supprimer')."'/>"; + } + else { + return ''; + } + } } ?> diff --git a/trunk/includes/class/class.LSformElement_password.php b/trunk/includes/class/class.LSformElement_password.php index a1f95af0..51b1b126 100644 --- a/trunk/includes/class/class.LSformElement_password.php +++ b/trunk/includes/class/class.LSformElement_password.php @@ -58,52 +58,28 @@ class LSformElement_password extends LSformElement { } /* - * Affiche l'�l�ment + * Retourne les infos d'affichage de l'�l�ment * - * Cette m�thode affiche l'�lement + * Cette m�thode retourne les informations d'affichage de l'�lement * - * @retval void + * @retval array */ - function display(){ - echo "\t<tr>\n"; - $this -> displayLabel(); - // value + function getDisplay(){ + $return = $this -> getLabelInfos(); if (!$this -> isFreeze()) { - echo "\t\t<td>\n"; - echo "\t\t\t<ul>\n"; - - if (empty($this -> values)) { - echo "\t\t\t\t<li><input type='password' name='".$this -> name."[]' \"></li>\n"; - } - else { - foreach ($this -> values as $value) { - echo "\t\t\t\t<li><input type='password' name='".$this -> name."[]'/></li>\n"; - } - } - - echo "\t\t\t</ul>\n"; - echo "\t\t\t* "._('Modification uniquement')."."; - echo "\t\t</td>\n"; + $return['html'] = "<input type='password' name='".$this -> name."[]' />\n* "._('Modification uniquement')."."; } else { - echo "\t\t<td>\n"; - echo "\t\t\t<ul>\n"; - if (empty($this -> values)) { - echo "\t\t\t\t<li>"._('Aucunes valeur definie')."</li>\n"; + $return['html'] = _('Aucunes valeur definie'); } else { - foreach ($this -> values as $value) { - echo "\t\t\t\t<li>".$value."</li>\n"; - } + $return['html'] = "********"; } - echo "\t\t\t</ul>\n"; - echo "\t\t</td>\n"; } - echo "\t</tr>\n"; + return $return; } - } ?> diff --git a/trunk/includes/class/class.LSformElement_select.php b/trunk/includes/class/class.LSformElement_select.php index 79aafd6e..6b3a965c 100644 --- a/trunk/includes/class/class.LSformElement_select.php +++ b/trunk/includes/class/class.LSformElement_select.php @@ -33,19 +33,24 @@ class LSformElement_select extends LSformElement { /* - * Affiche l'�l�ment + * Retourn les infos d'affichage de l'�l�ment * - * Cette m�thode affiche l'�lement + * Cette m�thode retourne les informations d'affichage de l'�lement * - * @retval void + * @retval array */ - function display(){ - echo "\t<tr>\n"; - $this -> displayLabel(); + function getDisplay(){ + $return = $this -> getLabelInfos(); // value if (!$this -> isFreeze()) { - echo "\t\t<td>\n"; - echo "\t\t\t<select name='".$this -> name."' multiple>\n"; + if ($this -> params['multiple']==0) { + $multiple_tag=''; + } + else { + $multiple_tag='multiple'; + } + + $return['html'] = "<select name='".$this -> name."' $multiple_tag class='LSform'>\n"; foreach ($this -> params['text_possible_values'] as $choice_value => $choice_text) { if (in_array($choice_value, $this -> values)) { $selected=' selected'; @@ -53,28 +58,25 @@ class LSformElement_select extends LSformElement { else { $selected=''; } - echo "\t\t\t\t<option value=\"".$choice_value."\"$selected>$choice_text</option>\n"; + $return['html'].="<option value=\"".$choice_value."\"$selected>$choice_text</option>\n"; } - echo "\t\t\t</select>\n"; - echo "\t\t</td>\n"; + $return['html'].="</select>\n"; } else { - echo "\t\t<td>\n"; - echo "\t\t\t<ul>\n"; + $return['html']="<ul class='LSform'>\n"; foreach ($params['possible_values'] as $choice_value => $choice_text) { if (in_array($choice_value, $this -> value)) { - echo "<li><strong>$choice_text</strong></li>"; + $return['html'].="<li class='LSform'><strong>$choice_text</strong></li>"; } else { - echo "<li>$choice_text</li>"; + $return['html'].="<li class='LSform'>$choice_text</li>"; } } - echo "\t\t\t</ul>\n"; - echo "\t\t</td>\n"; + $return['html'].="</ul>\n"; } - echo "\t</tr>\n"; + return $return; } - + } ?> diff --git a/trunk/includes/class/class.LSformElement_text.php b/trunk/includes/class/class.LSformElement_text.php index c95be22d..3460022d 100644 --- a/trunk/includes/class/class.LSformElement_text.php +++ b/trunk/includes/class/class.LSformElement_text.php @@ -33,49 +33,53 @@ class LSformElement_text extends LSformElement { /* - * Affiche l'�l�ment + * Retourne les infos d'affichage de l'�l�ment * - * Cette m�thode affiche l'�lement + * Cette m�thode retourne les informations d'affichage de l'�lement * - * @retval void + * @retval array */ - function display(){ - echo "\t<tr>\n"; - $this -> displayLabel(); + function getDisplay(){ + $return = $this -> getLabelInfos(); // value if (!$this -> isFreeze()) { - echo "\t\t<td>\n"; - echo "\t\t\t<ul>\n"; + $return['html'] = "<ul class='LSform'>\n"; if (empty($this -> values)) { - echo "\t\t\t\t<li><input type='text' name='".$this -> name."[]' \"></li>\n"; + $return['html'] .= "<li>".$this -> getEmptyField()."</li>\n"; } else { + $multiple = $this -> getMultipleData(); foreach ($this -> values as $value) { - echo "\t\t\t\t<li><input type='text' name='".$this -> name."[]' value=\"".$value."\"></li>\n"; + $id = "LSform_".$this -> name."_".rand(); + $return['html'] .= "<li><input type='text' name='".$this -> name."[]' value=\"".$value."\" id='".$id."'>".$multiple."</li>\n"; } } - echo "\t\t\t</ul>\n"; - echo "\t\t</td>\n"; + $return['html'] .= "</ul>\n"; } else { - echo "\t\t<td>\n"; - echo "\t\t\t<ul>\n"; - + $return['html'] = "<ul class='LSform'>\n"; if (empty($this -> values)) { - echo "\t\t\t\t<li>"._('Aucunes valeur definie')."</li>\n"; + $return['html'] .= "<li>"._('Aucunes valeur definie')."</li>\n"; } else { foreach ($this -> values as $value) { - echo "\t\t\t\t<li>".$value."</li>\n"; + $return['html'] .= "<li>".$value."</li>\n"; } } - - echo "\t\t\t</ul>\n"; - echo "\t\t</td>\n"; + $return['html'] .= "</ul>\n"; } - echo "\t</tr>\n"; + return $return; } - + + /* + * Retourne le code HTML d'un champ vide + * + * @retval string Code HTML d'un champ vide. + */ + function getEmptyField() { + $multiple = $this -> getMultipleData(); + return "<input type='text' name='".$this -> name."[]' id='LSform_".$this -> name."_".rand()."'>".$multiple; + } } ?> diff --git a/trunk/includes/class/class.LSformElement_textarea.php b/trunk/includes/class/class.LSformElement_textarea.php index c55ea85e..fc0d0e64 100644 --- a/trunk/includes/class/class.LSformElement_textarea.php +++ b/trunk/includes/class/class.LSformElement_textarea.php @@ -33,47 +33,54 @@ class LSformElement_textarea extends LSformElement { /* - * Affiche l'�l�ment + * Retourne les infos d'affichage de l'�l�ment * - * Cette m�thode affiche l'�lement + * Cette m�thode retourne les informations d'affichage de l'�lement * - * @retval void + * @retval array */ - function display(){ - echo "\t<tr>\n"; - $this -> displayLabel(); + function getDisplay(){ + $return = $this -> getLabelInfos(); // value if (!$this -> isFreeze()) { - echo "\t\t<td>\n"; - + $return['html'] = "<ul class='LSform'>\n"; if (empty($this -> values)) { - echo "\t\t\t<textarea name='".$this -> name."[]'></textarea>\n"; + $return['html'] = "<li>".$this -> getEmptyField()."</li>\n"; } else { + $multiple = $this -> getMultipleData(); foreach($this -> values as $value) { - echo "\t\t\t<textarea name='".$this -> name."[]'>".$value."</textarea>\n"; + $id = "LSform_".$this -> name."_".rand(); + $return['html'].="<li><textarea name='".$this -> name."[]' id='".$id."'>".$value."</textarea>\n".$multiple."</li>"; } } - - echo "\t\t</td>\n"; + $return['html'] .= "</ul>\n"; } else { - echo "\t\t<td>\n"; - + $return['html'] = "<ul class='LSform'>\n"; if (empty($this -> values)) { - echo "\t\t\t\t<li>"._('Aucunes valeur definie')."</li>\n"; + $return['html'].="<li>"._('Aucunes valeur definie')."</li>\n"; } else { foreach ($this -> values as $value) { - echo "\t\t\t\t<li>".$value."</li>\n"; + $return['html'].="<li>".$value."</li>\n"; } } - - echo "\t\t</td>\n"; + $return['html'] .= "</ul>\n"; } - echo "\t</tr>\n"; + return $return; } - + + /* + * Retourne le code HTML d'un champ vide + * + * @retval string Code HTML d'un champ vide. + */ + function getEmptyField() { + $multiple = $this -> getMultipleData(); + return "<textarea name='".$this -> name."[]' id='LSform".$this -> name."_".rand()."'></textarea>\n".$multiple; + } + } ?> diff --git a/trunk/includes/class/class.LSformRule_alphanumeric.php b/trunk/includes/class/class.LSformRule_alphanumeric.php index f1801d6d..7ec64f50 100644 --- a/trunk/includes/class/class.LSformRule_alphanumeric.php +++ b/trunk/includes/class/class.LSformRule_alphanumeric.php @@ -37,6 +37,7 @@ class LSformRule_alphanumeric extends LSformRule { */ function validate ($value,$options=array()) { $regex = '/^[a-zA-Z0-9]+$/'; + $GLOBALS['LSsession'] -> loadLSclass('LSformRule_regex'); return LSformRule_regex :: validate($value,$regex); } diff --git a/trunk/includes/class/class.LSformRule_lettersonly.php b/trunk/includes/class/class.LSformRule_lettersonly.php index 79831067..17b3826b 100644 --- a/trunk/includes/class/class.LSformRule_lettersonly.php +++ b/trunk/includes/class/class.LSformRule_lettersonly.php @@ -37,6 +37,7 @@ class LSformRule_lettersonly extends LSformRule { */ function validate ($value,$options=array()) { $regex = '/^[a-zA-Z]+$/'; + $GLOBALS['LSsession'] -> loadLSclass('LSformRule_regex'); return LSformRule_regex :: validate($value,$regex); } diff --git a/trunk/includes/class/class.LSformRule_nonzero.php b/trunk/includes/class/class.LSformRule_nonzero.php index fd9e5e0d..53cb07e3 100644 --- a/trunk/includes/class/class.LSformRule_nonzero.php +++ b/trunk/includes/class/class.LSformRule_nonzero.php @@ -37,6 +37,7 @@ class LSformRule_nonzero extends LSformRule { */ function validate ($value,$options) { $regex = '/^-?[1-9][0-9]*/'; + $GLOBALS['LSsession'] -> loadLSclass('LSformRule_regex'); return LSformRule_regex :: validate($value,$regex); } diff --git a/trunk/includes/class/class.LSformRule_nopunctuation.php b/trunk/includes/class/class.LSformRule_nopunctuation.php index 3ab26d22..94d50a5c 100644 --- a/trunk/includes/class/class.LSformRule_nopunctuation.php +++ b/trunk/includes/class/class.LSformRule_nopunctuation.php @@ -37,6 +37,7 @@ class LSformRule_nopunctuation extends LSformRule { */ function validate ($value,$options=array()) { $regex = '/^[^().\/\*\^\?#!@$%+=,\"\'><~\[\]{}]+$/'; + $GLOBALS['LSsession'] -> loadLSclass('LSformRule_regex'); return LSformRule_regex :: validate($value,$regex); } diff --git a/trunk/includes/class/class.LSformRule_numeric.php b/trunk/includes/class/class.LSformRule_numeric.php index c55446ee..13618c2d 100644 --- a/trunk/includes/class/class.LSformRule_numeric.php +++ b/trunk/includes/class/class.LSformRule_numeric.php @@ -37,6 +37,7 @@ class LSformRule_numeric extends LSformRule{ */ function validate ($value,$options=array()) { $regex = '/(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/'; + $GLOBALS['LSsession'] -> loadLSclass('LSformRule_regex'); return LSformRule_regex :: validate($value,$regex); } diff --git a/trunk/includes/class/class.LSformRule_regex.php b/trunk/includes/class/class.LSformRule_regex.php index e45aa49d..cd88466c 100644 --- a/trunk/includes/class/class.LSformRule_regex.php +++ b/trunk/includes/class/class.LSformRule_regex.php @@ -49,7 +49,6 @@ class LSformRule_regex extends LSformRule { else { $regex=$option; } - debug("\n$value : $regex\n"); if (!preg_match($regex, $value)) { return false; } diff --git a/trunk/includes/class/class.LSldap.php b/trunk/includes/class/class.LSldap.php index d9f4b92a..66618e5c 100644 --- a/trunk/includes/class/class.LSldap.php +++ b/trunk/includes/class/class.LSldap.php @@ -64,7 +64,6 @@ class LSldap { $this -> cnx = Net_LDAP::connect($this -> config); if (Net_LDAP::isError($this -> cnx)) { $GLOBALS['LSerror'] -> addErrorCode(1,$this -> cnx -> getMessage()); - $GLOBALS['LSerror'] -> stop(); $this -> cnx = NULL; return; } @@ -219,6 +218,7 @@ class LSldap { $ret = $entry -> update(); if (Net_Ldap::isError($ret)) { $GLOBALS['LSerror'] -> addErrorCode(5,$dn); + debug('NetLdap-Error : '.$ret->getMessage()); } else { return true; @@ -229,7 +229,37 @@ class LSldap { return; } } - + + /** + * Test de bind + * + * Cette methode �tablie une connexion � l'annuaire Ldap et test un bind + * avec un login et un mot de passe pass� en param�tre + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @retval boolean true si la connection � r�ussi, false sinon + */ + function checkBind($dn,$pwd) { + $config = $this -> config; + $config['binddn'] = $dn; + $config['bindpw'] = $pwd; + $cnx = Net_LDAP::connect($config); + if (Net_LDAP::isError($cnx)) { + return; + } + return true; + } + + /** + * Retourne l'�tat de la connexion Ldap + * + * @retval boolean True si le serveur est connect�, false sinon. + */ + function isConnected() { + return ($this -> cnx == NULL)?false:true; + } + } ?> diff --git a/trunk/includes/class/class.LSldapObject.php b/trunk/includes/class/class.LSldapObject.php index c3c53ad5..2a94a80f 100644 --- a/trunk/includes/class/class.LSldapObject.php +++ b/trunk/includes/class/class.LSldapObject.php @@ -20,6 +20,7 @@ ******************************************************************************/ +$GLOBALS['LSsession'] -> loadLSclass('LSattribute'); /** * Base d'un objet ldap @@ -51,16 +52,17 @@ class LSldapObject { * * @retval boolean true si l'objet a �t� construit, false sinon. */ - function LSldapObject($type_name,$config='auto') { - $this -> type_name = $type_name; - $this -> config = $config; - if($config=='auto') { - if(isset($GLOBALS['LSobjects'][$type_name])) - $this -> config = $GLOBALS['LSobjects'][$type_name]; - else { - $GLOBALS['LSerror'] -> addErrorCode(21); - return; - } + function LSldapObject($type_name,$config='auto') { + $this -> type_name = $type_name; + $this -> config = $config; + if($config=='auto') { + if(isset($GLOBALS['LSobjects'][$type_name])) { + $this -> config = $GLOBALS['LSobjects'][$type_name]; + } + else { + $GLOBALS['LSerror'] -> addErrorCode(21); + return; + } } foreach($this -> config['attrs'] as $attr_name => $attr_config) { if(!$this -> attrs[$attr_name]=new LSattribute($attr_name,$attr_config,$this)) { @@ -131,7 +133,7 @@ class LSldapObject { * * @retval string Valeur descriptive d'affichage de l'objet */ - function getDisplayValue($spe) { + function getDisplayValue($spe='') { if ($spe=='') { $spe = $this -> getDisplayAttributes(); } @@ -169,6 +171,7 @@ class LSldapObject { * @retval LSform Le formulaire cr�e */ function getForm($idForm,$config=array()) { + $GLOBALS['LSsession'] -> loadLSclass('LSform'); $LSform = new LSform($this,$idForm); $this -> forms[$idForm] = array($LSform,$config); foreach($this -> attrs as $attr_name => $attr) { @@ -338,6 +341,11 @@ class LSldapObject { // Validation des valeurs de l'attribut if(is_array($vconfig)) { foreach($vconfig as $test) { + // D�finition du basedn par d�faut + if (!isset($test['basedn'])) { + $test['basedn']=$GLOBALS['LSsession']->topDn; + } + // D�finition du message d'erreur if (!empty($test['msg'])) { $msg_error=getFData($test['msg'],$this,'getValue'); @@ -352,7 +360,7 @@ class LSldapObject { $this -> other_values['val']=$val; $sfilter_user=(isset($test['basedn']))?getFData($test['filter'],$this,'getValue'):NULL; if(isset($test['object_type'])) { - $test_obj = new $test['object_type']('auto'); + $test_obj = new $test['object_type'](); $sfilter=$test_obj->getObjectFilter(); $sfilter='(&'.$sfilter; if($sfilter_user[0]=='(') { @@ -445,6 +453,7 @@ class LSldapObject { if(!empty($submitData)) { $dn=$this -> getDn(); if($dn) { + debug($submitData); return $GLOBALS['LSldap'] -> update($this -> type_name,$dn, $submitData); } else { @@ -777,7 +786,12 @@ class LSldapObject { return $retInfos; } - + + function searchObject($name,$basedn=NULL) { + $filter = $this -> config['rdn'].'='.$name; + return $this -> listObjects($filter,$basedn); + } + /** * Retourne une valeur de l'objet * @@ -799,6 +813,9 @@ class LSldapObject { if(($val=='dn')||($val=='%{dn}')) { return $this -> dn; } + else if(($val=='rdn')||($val=='%{rdn}')) { + return $this -> attrs[ $this -> config['rdn'] ] -> getValue(); + } else if(isset($this -> attrs[$val])){ if (method_exists($this -> attrs[$val],'getValue')) return $this -> attrs[$val] -> getValue(); @@ -812,7 +829,40 @@ class LSldapObject { return ' '; } } - + + /** + * Retourn une liste d'option pour un select d'un objet du m�me type + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @retval string HTML code + */ + function getSelectOptions() { + $list = $this -> listObjects(); + $display=''; + foreach($list as $object) { + $display.="<option value=\"".$object -> getDn()."\">".$object -> getDisplayValue()."</option>\n"; + } + return $display; + } + + /** + * Retourn un tableau pour un select d'un objet du m�me type + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @retval array['dn','display'] + */ + function getSelectArray() { + $list = $this -> listObjects(); + $return=array(); + foreach($list as $object) { + $return['dn'][] = $object -> getDn(); + $return['display'][] = $object -> getDisplayValue(); + } + return $return; + } + /** * Retourne le DN de l'objet * @@ -829,11 +879,10 @@ class LSldapObject { } else { $rdn_attr=$this -> config['rdn']; - if( (isset($this -> config['rdn'])) && (isset($this -> attrs[$rdn_attr])) && (isset($this -> config['container_dn'])) && (isset($GLOBALS['LSsession']['topDn'])) ) { - debug('RDN : '.$rdn_attr); + if( (isset($this -> config['rdn'])) && (isset($this -> attrs[$rdn_attr])) && (isset($this -> config['container_dn'])) && (isset($GLOBALS['LSsession']->topDn)) ) { $rdn_val=$this -> attrs[$rdn_attr] -> getUpdateData(); if (!empty($rdn_val)) { - return $rdn_attr.'='.$rdn_val[0].','.$this -> config['container_dn'].','.$GLOBALS['LSsession']['topDn']; + return $rdn_attr.'='.$rdn_val[0].','.$this -> config['container_dn'].','.$GLOBALS['LSsession']->topDn; } else { $GLOBALS['LSerror'] -> addErrorCode(32,$this -> config['rdn']); @@ -846,7 +895,16 @@ class LSldapObject { } } } - + + /** + * Retourne le type de l'objet + * + * @retval string Le type de l'objet ($this -> type_name) + */ + function getType() { + return $this -> type_name; + } + } ?> diff --git a/trunk/includes/class/class.LSobjects.LSeecompany.php b/trunk/includes/class/class.LSobjects.LSeecompany.php new file mode 100644 index 00000000..856fef54 --- /dev/null +++ b/trunk/includes/class/class.LSobjects.LSeecompany.php @@ -0,0 +1,48 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +/** + * Objet Ldap eecompany + * + * @author Benjamin Renard <brenard@easter-eggs.com> + */ +class LSeecompany extends LSldapObject { + + /** + * Constructeur + * + * Cette methode construit l'objet et d�finis la configuration. + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @param[in] $config array La configuration de l'objet + * + * @retval boolean true si l'objet a �t� construit, false sinon. + * + * @see LSldapObject::LSldapObject() + */ + function LSeecompany ($config='auto') { + $this -> LSldapObject('LSeecompany',$config); + } +} + +?> diff --git a/trunk/includes/class/class.LSobjects.LSeegroup.php b/trunk/includes/class/class.LSobjects.LSeegroup.php new file mode 100644 index 00000000..c5beb67c --- /dev/null +++ b/trunk/includes/class/class.LSobjects.LSeegroup.php @@ -0,0 +1,48 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +/** + * Objet Ldap eegroup + * + * @author Benjamin Renard <brenard@easter-eggs.com> + */ +class LSeegroup extends LSldapObject { + + /** + * Constructeur + * + * Cette methode construit l'objet et d�finis la configuration. + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @param[in] $config array La configuration de l'objet + * + * @retval boolean true si l'objet a �t� construit, false sinon. + * + * @see LSldapObject::LSldapObject() + */ + function LSeegroup ($config='auto') { + $this -> LSldapObject('LSeegroup',$config); + } +} + +?> diff --git a/trunk/includes/class/class.LSobjects.LSeepeople.php b/trunk/includes/class/class.LSobjects.LSeepeople.php new file mode 100644 index 00000000..e24743b7 --- /dev/null +++ b/trunk/includes/class/class.LSobjects.LSeepeople.php @@ -0,0 +1,48 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +/** + * Objet Ldap eepeople + * + * @author Benjamin Renard <brenard@easter-eggs.com> + */ +class LSeepeople extends LSldapObject { + + /** + * Constructeur + * + * Cette methode construit l'objet et d�finis la configuration. + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @param[in] $config array La configuration de l'objet + * + * @retval boolean true si l'objet a �t� construit, false sinon. + * + * @see LSldapObject::LSldapObject() + */ + function LSeepeople ($config='auto') { + return $this -> LSldapObject('LSeepeople',$config); + } +} + +?> diff --git a/trunk/includes/class/class.LSsession.php b/trunk/includes/class/class.LSsession.php new file mode 100644 index 00000000..0138f305 --- /dev/null +++ b/trunk/includes/class/class.LSsession.php @@ -0,0 +1,511 @@ +<?php +/******************************************************************************* + * Copyright (C) 2007 Easter-eggs + * http://ldapsaisie.labs.libre-entreprise.org + * + * Author: See AUTHORS file in top-level directory. + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License version 2 + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. + +******************************************************************************/ + +define('LS_DEFAULT_CONF_DIR','conf'); + +/** + * Gestion des sessions + * + * Cette classe g�re les sessions d'utilisateurs. + * + * @author Benjamin Renard <brenard@easter-eggs.com> + */ +class LSsession { + + var $confDir = NULL; + var $ldapServer = NULL; + var $topDn = NULL; + var $LSuserObject = NULL; + var $dn = NULL; + var $rdn = NULL; + var $JSscripts = array(); + var $CssFiles = array(); + var $template = NULL; + + /** + * Constructeur + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @retval void + */ + function LSsession ($configDir=LS_DEFAULT_CONF_DIR) { + $this -> confDir = $configDir; + if ($this -> loadConfig()) { + $this -> startLSerror(); + } + else { + return; + } + } + + /* + * Chargement de la configuration + * + * Chargement des fichiers de configuration et cr�ation de l'objet Smarty. + * + * @author Benjamin Renard <brenard@easter-eggs.com> + * + * @retval true si tout c'est bien pass�, false sinon + */ + function loadConfig() { + if (loadDir($this -> confDir, '^config\..*\.php$')) { + if ( @include_once $GLOBALS['LSconfig']['Smarty'] ) { + $GLOBALS['Smarty'] = new Smarty(); + return true; + } + else { + $GLOBALS['LSerror'] -> addErrorCode(1008); + return; + } + return true; + } + else { + return; + } + } + + /* + * Initialisation de la gestion des erreurs + * + * Cr�ation de l'objet LSerror + * + * @author Benjamin Renard <brenard@easter-eggs.com + * + * @retval boolean true si l'initialisation a r�ussi, false sinon. + */ + function startLSerror() { + if(!$this -> loadLSclass('LSerror')) + return; + $GLOBALS['LSerror'] = new LSerror(); + return true; + } + + /* + * Chargement d'une classe d'LdapSaisie + * + * @param[in] $class Nom de la classe � charger (Exemple : LSeepeople) + * @param[in] $type (Optionnel) Type de classe � charger (Exemple : LSobjects) + * + * @author Benjamin Renard <brenard@easter-eggs.com + * + * @retval boolean true si le chargement a r�ussi, false sinon. + */ + function loadLSclass($class,$type='') { + if (class_exists($class)) + return true; + if($type!='') + $type=$type.'.'; + return @include_once LS_CLASS_DIR .'class.'.$type.$class.'.php'; + } + + /* + * Chargement d'un object LdapSaisie + * + * @param[in] $object Nom de l'objet � charger + * + * @retval boolean true si le chargement a r�ussi, false sinon. + */ + function loadLSobject($object) { + if (!$this -> loadLSclass($object,'LSobjects')) + return; + if (!require_once( LS_OBJECTS_DIR . 'config.LSobjects.'.$object.'.php' )) + return; + return true; + } + + /* + * Chargement des objects LdapSaisie + * + * Chargement des LSobjects contenue dans la variable + * $GLOBALS['LSobjects']['loads'] + * + * @retval boolean true si le chargement a r�ussi, false sinon. + */ + function loadLSobjects() { + + $this -> loadLSclass('LSldapObject'); + + if(!is_array($GLOBALS['LSobjects']['loads'])) { + $GLOBALS['LSerror'] -> addErrorCode(1001,"LSobjects['loads']"); + return; + } + + foreach ($GLOBALS['LSobjects']['loads'] as $object) { + if ( !$this -> loadLSobject($object) ) + return; + } + return true; + } + + /* + * Chargement d'un addons d'LdapSaisie + * + * @param[in] $addon Nom de l'addon � charger (Exemple : samba) + * + * @author Benjamin Renard <brenard@easter-eggs.com + * + * @retval boolean true si le chargement a r�ussi, false sinon. + */ + function loadLSaddon($addon) { + return require_once LS_ADDONS_DIR .'LSaddons.'.$addon.'.php'; + } + + /* + * Chargement des addons LdapSaisie + * + * Chargement des LSaddons contenue dans la variable + * $GLOBALS['LSaddons']['loads'] + * + * @retval boolean true si le chargement a r�ussi, false sinon. + */ + function loadLSaddons() { + if(!is_array($GLOBALS['LSaddons']['loads'])) { + $GLOBALS['LSerror'] -> addErrorCode(1001,"LSaddons['loads']"); + return; + } + + foreach ($GLOBALS['LSaddons']['loads'] as $addon) { + $this -> loadLSaddon($addon); + if (!call_user_func('LSaddon_'. $addon .'_support')) { + $GLOBALS['LSerror'] -> addErrorCode(1002,$addon); + } + } + return true; + } + + /* + * Initialisation de la session LdapSaisie + * + * Initialisation d'une LSsession : + * - Authentification et activation du m�canisme de session de LdapSaisie + * - ou Chargement des param�tres de la session � partir de la variable + * $_SESSION['LSsession']. + * - ou Destruction de la session en cas de $_GET['LSsession_logout']. + * + * @retval boolean True si l'initialisation � r�ussi (utilisateur authentifi�), false sinon. + */ + function startLSsession() { + $this -> loadLSobjects(); + $this -> loadLSaddons(); + session_start(); + + // D�connexion + if (isset($_GET['LSsession_logout'])) { + session_destroy(); + unset($_SESSION['LSsession']); + } + + if(isset($_SESSION['LSsession'])) { + // Session existante + $this -> confDir = $_SESSION['LSsession'] -> confDir; + $this -> ldapServer = $_SESSION['LSsession'] -> ldapServer; + $this -> topDn = $_SESSION['LSsession'] -> topDn; + $this -> LSuserObject = $_SESSION['LSsession'] -> LSuserObject; + $this -> dn = $_SESSION['LSsession'] -> dn; + $this -> rdn = $_SESSION['LSsession'] -> rdn; + $GLOBALS['Smarty'] -> assign('LSsession_username',$this -> LSuserObject -> getDisplayValue()); + return $this -> LSldapConnect(); + } + else { + // Session inexistante + + if (isset($_POST['LSsession_user'])) { + if (isset($_POST['LSsession_ldapserver'])) { + $this -> setLdapServer($_POST['LSsession_ldapserver']); + } + else { + $this -> setLdapServer(0); + } + + // Connexion au serveur LDAP + if ($this -> LSldapConnect()) { + // topDn + if ( $_POST['LSsession_topDn'] != '' ){ + $this -> topDn = $_POST['LSsession_topDn']; + } + else { + $this -> topDn = $this -> ldapServer['ldap_config']['basedn']; + } + + if ( $this -> loadLSobject($this -> ldapServer['authobject']) ) { + $authobject = new $this -> ldapServer['authobject'](); + $result = $authobject -> searchObject($_POST['LSsession_user'],$_POST['LSsession_topDn']); + $nbresult=count($result); + if ($nbresult==0) { + // identifiant incorrect + debug('identifiant incorrect'); + $GLOBALS['LSerror'] -> addErrorCode(1006); + } + else if ($nbresult>1) { + // duplication d'authentit� + $GLOBALS['LSerror'] -> addErrorCode(1007); + } + else { + if ( $this -> checkUserPwd($result[0],$_POST['LSsession_pwd']) ) { + // Authentification r�ussi + $this -> LSuserObject = $result[0]; + $this -> dn = $result[0]->getValue('dn'); + $this -> rdn = $_POST['LSsession_user']; + $this -> topDn = $_POST['LSsession_topDn']; + $GLOBALS['Smarty'] -> assign('LSsession_username',$this -> LSuserObject -> getDisplayValue()); + $_SESSION['LSsession']=$this; + return true; + } + else { + $GLOBALS['LSerror'] -> addErrorCode(1006); + debug('mdp incorrect'); + } + } + } + else { + $GLOBALS['LSerror'] -> addErrorCode(1010); + } + } + else { + $GLOBALS['LSerror'] -> addErrorCode(1009); + } + } + $this -> displayLoginForm(); + return; + } + } + + /* + * D�finition du serveur Ldap de la session + * + * D�finition du serveur Ldap de la session � partir de son ID dans + * le tableau $GLOBALS['LSconfig']['ldap_servers']. + * + * @param[in] integer Index du serveur Ldap + * + * @retval boolean True sinon false. + */ + function setLdapServer($id) { + if ( isset($GLOBALS['LSconfig']['ldap_servers'][$id]) ) { + $this -> ldapServer=$GLOBALS['LSconfig']['ldap_servers'][$id]; + return true; + } + else { + return; + } + } + + /* + * Connexion au serveur Ldap + * + * @retval boolean True sinon false. + */ + function LSldapConnect() { + if ($this -> ldapServer) { + include_once($GLOBALS['LSconfig']['NetLDAP']); + if (!$this -> loadLSclass('LSldap')) + return; + $GLOBALS['LSldap'] = new LSldap($this -> ldapServer['ldap_config']); + if ($GLOBALS['LSldap'] -> isConnected()) + return true; + else + return; + return $GLOBALS['LSldap'] = new LSldap($this -> ldapServer['ldap_config']); + } + else { + $GLOBALS['LSerror'] -> addErrorCode(1003); + return; + } + } + + + function getSubDnLdapServer() { + if ( isset($this ->ldapServer['subdnobject']) ) { + if( $this -> loadLSobject($this ->ldapServer['subdnobject']) ) { + if ($subdnobject = new $this ->ldapServer['subdnobject']()) { + return $subdnobject -> getSelectArray(); + } + else { + return; + } + } + else { + $GLOBALS['LSerror'] -> addErrorCode(1004,$this ->ldapServer['subdnobject']); + return; + } + } + else { + return; + } + } + + /* + * Retourne les options d'une liste d�roulante pour le choix du topDn + * de connexion au serveur Ldap + * + * Liste les subdnobject ($this ->ldapServer['subdnobject']) + * + * @retval string Les options (<option>) pour la s�lection du topDn. + */ + function getSubDnLdapServerOptions() { + if ( isset($this ->ldapServer['subdnobject']) ) { + + if( $this -> loadLSobject($this ->ldapServer['subdnobject']) ) { + if ($subdnobject = new $this ->ldapServer['subdnobject']()) { + return $subdnobject -> getSelectOptions(); + } + else { + return; + } + } + else { + $GLOBALS['LSerror'] -> addErrorCode(1004,$this ->ldapServer['subdnobject']); + return; + } + } + else { + return; + } + } + + /* + * Test un couple LSobject/pwd + * + * Test un bind sur le serveur avec le dn de l'objet et le mot de passe fourni. + * + * @param[in] LSobject L'object "user" pour l'authentification + * @param[in] string Le mot de passe � tester + * + * @retval boolean True si l'authentification � r�ussi, false sinon. + */ + function checkUserPwd($object,$pwd) { + return $GLOBALS['LSldap'] -> checkBind($object -> getValue('dn'),$pwd); + } + + /* + * Affiche le formulaire de login + * + * D�fini les informations pour le template Smarty du formulaire de login. + * + * @retval void + */ + function displayLoginForm() { + $GLOBALS['Smarty'] -> assign('pagetitle',_('Connexion')); + $GLOBALS['Smarty'] -> assign('loginform_action',$_SERVER['PHP_SELF']); + if (count($GLOBALS['LSconfig']['ldap_servers'])==1) { + $GLOBALS['Smarty'] -> assign('loginform_ldapserver_style','style="display: none"'); + } + $GLOBALS['Smarty'] -> assign('loginform_label_ldapserver',_('Serveur LDAP')); + $ldapservers_name=array(); + $ldapservers_index=array(); + foreach($GLOBALS['LSconfig']['ldap_servers'] as $id => $infos) { + $ldapservers_index[]=$id; + $ldapservers_name[]=$infos['name']; + } + $GLOBALS['Smarty'] -> assign('loginform_ldapservers_name',$ldapservers_name); + $GLOBALS['Smarty'] -> assign('loginform_ldapservers_index',$ldapservers_index); + + $this -> setLdapServer(0); + if ( $this -> LSldapConnect() ) { + $topDn_array = $this -> getSubDnLdapServer(); + if ( $topDn_array ) { + $GLOBALS['Smarty'] -> assign('loginform_topdn_name',$topDn_array['display']); + $GLOBALS['Smarty'] -> assign('loginform_topdn_index',$topDn_array['dn']); + } + } + + $GLOBALS['Smarty'] -> assign('loginform_label_level',_('Niveau')); + $GLOBALS['Smarty'] -> assign('loginform_label_user',_('Identifiant')); + $GLOBALS['Smarty'] -> assign('loginform_label_pwd',_('Mot de passe')); + $GLOBALS['Smarty'] -> assign('loginform_label_submit',_('Connexion')); + + $this -> addJSscript('LSsession_login.js'); + } + + /* + * D�fini le template Smarty � utiliser + * + * Remarque : les fichiers de templates doivent se trouver dans le dossier + * templates/. + * + * @param[in] string Le nom du fichier de template + * + * @retval void + */ + function setTemplate($template) { + $this -> template = $template; + } + + /* + * Ajoute un script JS au chargement de la page + * + * Remarque : les scripts doivents �tre dans le dossier LS_JS_DIR. + * + * @param[in] $script Le nom du fichier de script � charger. + * + * @retval void + */ + function addJSscript($script) { + $this -> JSscripts[]=$script; + } + + /* + * Ajoute une feuille de style au chargement de la page + * + * Remarque : les scripts doivents �tre dans le dossiers templates/css/. + * + * @param[in] $script Le nom du fichier css � charger. + * + * @retval void + */ + function addCssFile($file) { + $this -> CssFiles[]=$file; + } + + /* + * Affiche le template Smarty + * + * Charge les d�pendances et affiche le template Smarty + * + * @retval void + */ + function displayTemplate() { + // JS + $JSscript_txt=''; + foreach ($GLOBALS['defaultJSscipts'] as $script) { + $JSscript_txt.="<script src='".LS_JS_DIR.$script."' type='text/javascript'></script>\n"; + } + foreach ($this -> JSscripts as $script) { + $JSscript_txt.="<script src='".LS_JS_DIR.$script."' type='text/javascript'></script>\n"; + } + $GLOBALS['Smarty'] -> assign('LSsession_js',$JSscript_txt); + + // Css + $Css_txt="<link rel='stylesheet' type='text/css' href='templates/css/LSdefault.css' media='screen' />\n"; + foreach ($this -> CssFiles as $file) { + $Css_txt.="<link rel='stylesheet' type='text/css' href='templates/css/$file' media='screen' />\n"; + } + $GLOBALS['Smarty'] -> assign('LSsession_css',$Css_txt); + + $GLOBALS['LSerror'] -> display(); + debug_print(); + $GLOBALS['Smarty'] -> display($this -> template); + } +} + +?> diff --git a/trunk/includes/functions.php b/trunk/includes/functions.php index 1ebf3ed5..3a1780d1 100644 --- a/trunk/includes/functions.php +++ b/trunk/includes/functions.php @@ -86,8 +86,23 @@ function getFData($format,$data,$meth=NULL) { return $format; } +function loadDir($dir,$regexpr='^.*\.php$') { + if ($handle = opendir($dir)) { + while (false !== ($file = readdir($handle))) { + if (ereg($regexpr,$file)) { + require_once($dir.'/'.$file); + } + } + } + else { + die(_('Dossier introuvable ('.$dir.').')); + } + return true; +} + + function valid($obj) { - echo 'ok'; + debug('Validation : ok'); return true; } @@ -98,19 +113,24 @@ function return_data($data) { function debug($data,$get=true) { if ($get) { if (is_array($data)) { - $GLOBALS['LSdebug'][]=$data; + $GLOBALS['LSdebug']['fields'][]=$data; } else { - $GLOBALS['LSdebug'][]="[$data]"; + $GLOBALS['LSdebug']['fields'][]="[$data]"; } } return true; } function debug_print() { - echo "<fieldset><legend>Debug</legend><pre>"; - print_r( $GLOBALS['LSdebug']); - echo "</pre></fieldset>"; + if (( $GLOBALS['LSdebug']['fields'] ) && ( $GLOBALS['LSdebug']['active'] )) { + $txt='<ul>'; + foreach($GLOBALS['LSdebug']['fields'] as $debug) { + $txt.='<li>'.$debug.'</li>'; + } + $txt.='</ul>'; + $GLOBALS['Smarty'] -> assign('LSdebug',$txt); + } } ?> diff --git a/trunk/includes/js/Debugger.js b/trunk/includes/js/Debugger.js new file mode 100644 index 00000000..83aff6b4 --- /dev/null +++ b/trunk/includes/js/Debugger.js @@ -0,0 +1,395 @@ +/* +Script: Debugger.js + Creates Firebug <http://www.getfirebug.com> style debugger for browsers without Firebug. + +License: + MIT-style license. +*/ + +var debug = { + timers: {}, + pre: function(content, color, bgcolor){ + if (debug.disabled) return; + if (!debug._body) debug.create(); + var pre = new Element('pre').setStyles({ + 'padding': '3px 5px', + 'margin': '0', + 'font': '11px Andale Mono, Monaco, Courier New', + 'border-bottom': '1px solid #eee', + 'color': color || '#222', + 'background-color': bgcolor || '#fff' + }); + if ($type(content) == "string") pre.appendText(content); + else pre.adopt(content); + pre.injectInside(debug._contents); + + debug._scroll.toBottom(); + }, + + error: function(error){ + debug.pre(error.name + ': ' + error.message, '#c92f2f', '#fffef0'); + }, + + register: function(text){ + debug.messages.remove(text); + debug.messages.push(text); + debug.idx = debug.messages.length; + var toCookie = debug.messages.join('-:-:-').replace(/;/g, '%%%'); + Cookie.set('mootools-debugger-history', toCookie, {duration: {days: 2}}); + }, + + result: function(args, spacer){ + spacer = $type(spacer) ? spacer : ' '; + var chunks = []; + $each(args, function(argument){ + var type = $type(argument); + if (type){ + if ((type != 'string') && (type != 'element')){ + try { + argument = Json.toString(argument); + } catch(e) { + argument = 'object not compatible with Json parser'; + } + } + chunks.push({'type': type, 'message': argument}); + } + }); + var holder = new Element('div'); + if (!chunks.length) return; + chunks.each(function(chunk){ + var color = '#222'; + switch(chunk.type){ + case 'object': color = '#612fc9'; break; + case 'string': color = '#85b23e'; break; + case 'element': + color = '#3e72b2'; + chunk.message = this.makeElementMsg(chunk.message); + break; + case 'boolean': color = '#ff3300'; break; + case 'array': color = '#953eb2'; break; + } + switch(chunk.type){ + case 'element': + chunk.message.setStyle('color', color).injectInside(holder); + holder.appendText(spacer); + break; + case 'string': + new Element('span').appendText(chunk.message + spacer).setStyle('color', color).injectInside(holder); + break; + default: + new Element('span').setHTML(chunk.message + spacer).setStyle('color', color).injectInside(holder); + } + }, this); + debug.pre(holder); + }, + + makeElementMsg: function(el){ + var a = new Element('a').addEvent('click', function(e){ + new Fx.Style(el, 'opacity').start(0,1); + e.stop(); + }.bindWithEvent()).setStyles({'cursor': 'pointer', 'text-decoration': 'none'}).setProperty('href', 'javascript:void(0)'); + var htm = ['<' + el.tagName.toLowerCase()]; + ['id', 'className', 'name', 'href', 'title', 'rel', 'type'].each(function(attr){ + if (el[attr]) htm.push(attr + '="' + el[attr] + '"'); + }); + a.innerHTML = htm.join(' ') + '>'; + return a; + }, + + /* + Property: log + sends a message to the debugger. + Arguments: + messages - any number of strings, objects, etc. to print out + Note: + The debugger will allow firebug style log messages: + %s - String + %d, %i - Integer (numeric formatting is not yet supported) + %f - Floating point number (numeric formatting is not yet supported) + %o - Object hyperlink + Example: + >console.log("the value of x is %s and this paragraph is %o", x, $('id')); + > the value of x is <some value> and this paragraph is <p> + */ + + log: function(){ + var args = $A(arguments); + var spacer = ' '; + if ($type(args[0]) == 'string'){ + spacer = ''; + var logCollection = [], lastIndex = 0; + var regexp = /%[sdifo]/gi; + for (var i = 1; (i < args.length) && (token = regexp.exec(args[0])); i++){ + logCollection.push(args[0].substring(lastIndex, token.index), args[i]); + lastIndex = regexp.lastIndex; + } + regexp.lastIndex = 0; + if (!lastIndex) return debug.result(args); + logCollection.push(args[0].substring(lastIndex)); + args = logCollection; + } + return debug.result(args, spacer); + }, + + /* + Property: assert + Tests that an expression is true. If not, logs a message and throws an error. + + Arguments: + condition - a boolean expression. If false, message will be logged and an error will be thrown. + messages - optional, any number of strings, objects, etc. to print out when thruth is false. + + Example: + >console.assert((value > 0) && (value <= max), "value (%i) was not properly initialized", value); + */ + + assert: function(condition){ + if (!condition){ + var args = $A(arguments, 1); + debug.log.apply(debug, args.length ? args : ["Assertion Failure"]); + throw new Error("Assertion Failure"); + } + }, + + /* + Property: time + Starts a timer. + Argument: + name - the name of the timer + */ + + time: function(name){ + debug.timers[name] = new Date().getTime(); + }, + + /* + Property: timeEnd + Ends a timer and logs that value to the console. + Argument: + name - the name of the timer + */ + + timeEnd: function(name){ + if (debug.timers[name]) debug.log('%s: %s', name, new Date().getTime() - debug.timers[name]); + else debug.log('no such timer: %s', name); + }, + + /* + Property: create + Displays the console area. + */ + create: function(){ + //main element + debug._body = new Element('div').setStyles({ + 'position': window.ie6 ? 'absolute' : 'fixed', + 'background': '#fff', + 'font': '11px Andale Mono, Monaco, Courier New', + 'z-index': '996' + }).injectInside(document.body); + + //links + debug._actions = new Element('div').setStyles({ + 'text-align': 'right', + 'background-color': '#f5f5f5', + 'border-bottom': '1px solid #ddd', + 'border-top': '1px solid #ddd', + 'padding': '2px 10px', + 'margin': '0px', + 'font-size': '10px' + }).injectInside(debug._body); + new Element('span').setHTML('CLEAR').injectInside(debug._actions).addEvent('click', function(){ + debug._contents.setHTML(''); + }).setStyle('cursor', 'pointer'); + new Element('span').setHTML(' | ').injectInside(debug._actions); + debug._minLink = new Element('span').setHTML('MIN').injectInside(debug._actions).addEvent('click', function(){ + debug.minmax(); + }).setStyle('cursor', 'pointer'); + debug._maxLink = new Element('span').setHTML('MAX').injectInside(debug._actions).addEvent('click', function(){ + debug.minmax(true); + }).setStyle('cursor', 'pointer'); + + var debuggerStatus = Cookie.get('mootools-debugger-status'); + ((debuggerStatus && (debuggerStatus.toInt() < 50)) ? debug._minLink : debug._maxLink).setStyle('display', 'none'); + + new Element('span').setHTML(' | ').injectInside(debug._actions); + new Element('span').setHTML('CLOSE').injectInside(debug._actions).addEvent('click', function(){ + window.removeEvent('resize', debug.resize); + debug._body.remove(); + debug._body = false; + }).setStyle('cursor', 'pointer'); + + //messages container + debug._contents = new Element('div').setStyles({ + 'position': 'relative', + 'z-index': '9997', + 'height': debuggerStatus || '112px', + 'border-bottom': '1px solid #ddd', + 'overflow': 'auto', + 'background': '#fff' + }).injectInside(debug._body); + if (window.ie6) debug._contents.setStyle('width', '100%'); + + //input box + debug._input = new Element('input').setProperty('type', 'text').setStyles({ + 'z-index': '9996', + 'width': '98%', + 'background': '#fff', + 'color': '#222', + 'font': '12px Andale Mono, Monaco, Courier New', + 'height': '16px', + 'border': '0', + 'padding': '2px 2px 2px 31px', + 'position': 'relative', + 'margin-top': '-1px' + }).injectInside(debug._body); + + //>>> + debug._gts = new Element('div').setHTML(">>>").setStyles({ + 'color': '#3e72b2', + 'padding': '2px 5px', + 'background': '#fff', + 'z-index': '9999', + 'position': 'absolute', + 'left': '0' + }).injectInside(debug._body); + + if (window.webkit){ + debug._input.setStyles({ + 'margin-top': '-2px', + 'margin-left': '29px', + 'font-size': '12px', + 'opacity': '0.99' + }); + }; + + debug._scroll = new Fx.Scroll(debug._contents, {duration: 300, wait: false}); + debug.resetHeight(); + window.addEvent('resize', debug.resize); + if (window.ie6) window.addEvent('scroll', debug.resetHeight); + + debug._input.onkeydown = debug.parseKey.bindWithEvent(debug); + }, + + resetHeight: function(){ + debug._hgt = debug._body.offsetHeight; + if (!window.webkit) debug._hgt -= 3; + else debug._hgt -= 1; + debug._gts.setStyle('top', (debug._hgt - debug._gts.offsetHeight - 1)); + debug.resize(); + debug._scroll.toBottom(); + }, + + resize: function(){ + if (window.ie6){ + debug._body.setStyles({ + 'top': (window.getScrollTop() + window.getHeight() - debug._hgt - 5), + 'width': (window.getWidth() - 16) + }); + } else { + debug._body.setStyles({ + 'top': (window.getHeight() - debug._hgt + 1), + 'width': (window.getWidth()) + }); + } + + }, + + minmax: function(maximize){ + debug._maxLink.setStyle('display', maximize ? 'none' : ''); + debug._minLink.setStyle('display', maximize ? '' : 'none'); + var size = maximize ? '112px' : '18px'; + debug._contents.style.height = size; + Cookie.set('mootools-debugger-status', size); + debug.resetHeight(); + }, + + parseKey: function(e){ + var value = debug._input.value; + + switch(e.key){ + case 'enter': + if (!value) return; + debug._input.value = ''; + switch(value){ + case 'exit': debug._body.remove(); debug._body = false; return; + case 'clear': + case 'clr': debug._contents.setHTML(''); return; + case 'max': this.minmax(true); return; + case 'min': this.minmax(); return; + } + + debug.pre('>>> ' + value, '#3e72b2'); + + try { + var evaluation = eval(value); + if (evaluation !== undefined) debug.result([evaluation]); + } catch (err){ + debug.error(err); + } + debug.register(value); + break; + + case 'up': + e.stop(); + var i = debug.idx - 1; + if (debug.messages[i]){ + debug._input.value = debug.messages[i]; + debug.idx = i; + } + break; + + case 'down': + e.stop(); + var i = debug.idx + 1; + if (debug.messages[i]){ + debug._input.value = debug.messages[i]; + debug.idx = i; + } else { + debug._input.value = ''; + debug.idx = debug.messages.length; + } + } + } + +}; + +debug.messages = Cookie.get('mootools-debugger-history'); +debug.messages = debug.messages ? debug.messages.replace(/%%%/g, ';').split('-:-:-') : []; +debug.idx = debug.messages.length; + +if ((typeof console == 'undefined') || !console.warn){ + var console = debug; + window.onerror = function(msg, url, line){ + console.error({ + 'message': msg + '\n >>>>> ' + url + ' (' + line + ')', + 'name': 'Run Time Error' + }); + }; + if (typeof Ajax != 'undefined'){ + Ajax = Ajax.extend({ + + onStateChange: function(){ + this.parent(); + this.log(); + }, + + log: function(){ + if (this.transport.readyState == 4){ + try { + if (debug._body){ + var txt = this.transport.responseText; + if ($chk(txt)){ + if (txt.length > 100) txt = txt.substring(0, 100) + " ..."; + } else { + txt = 'undefined'; + } + debug.log("%s: %s"+"\n"+"status: %s"+"\n"+"responseText: %s", this.options.method, this.url, this.transport.status, txt); + } + } catch(e){} + } + } + }); + } +} + + diff --git a/trunk/includes/js/LSdefault.js b/trunk/includes/js/LSdefault.js new file mode 100644 index 00000000..17416699 --- /dev/null +++ b/trunk/includes/js/LSdefault.js @@ -0,0 +1,60 @@ +var LSdefault = new Class({ + initialize: function(){ + LSdebug('toto'); + this.LSdebug = $('LSdebug'); + this.LSdebugInfos = $('LSdebug_infos'); + this.LSdebug.setOpacity(0); + if (this.LSdebugInfos.innerHTML != '') { + this.displayDebugBox(); + } + + this.LSdebugHidden = $('LSdebug_hidden'); + this.LSdebugHidden.addEvent('click',this.onLSdebugHiddenClick.bind(this)); + this.LSerror = $('LSerror'); + this.LSerror.setOpacity(0); + if (this.LSerror.innerHTML != '') { + this.displayLSerror(); + } + }, + + onLSdebugHiddenClick: function(){ + new Fx.Style(this.LSdebug,'opacity',{duration:500}).start(1,0); + }, + + displayDebugBox: function() { + new Fx.Style(this.LSdebug,'opacity',{duration:500}).start(0,0.8); + }, + + displayError: function(html) { + this.LSerror.empty(); + this.LSerror.setHTML(html); + this.displayLSerror(); + }, + + displayLSerror: function() { + new Fx.Style(this.LSerror,'opacity',{duration:500}).start(0,0.8); + (function(){new Fx.Style(this.LSerror,'opacity',{duration:500}).start(0.8,0);}).delay(5000, this); + }, + + loadingImgDisplay: function(el) { + this.loading_img = new Element('img'); + this.loading_img.src='templates/images/ajax-loader.gif'; + this.loading_img.injectAfter(el); + }, + + loadingImgHide: function() { + this.loading_img.remove(); + } + +}); +window.addEvent(window.ie ? 'load' : 'domready', function() { + varLSdefault = new LSdefault(); +}); + +LSdebug_active = 1; + +function LSdebug() { + if (LSdebug_active != 1) return; + if (typeof console == 'undefined') return; + console.log.apply(this, arguments); +} diff --git a/trunk/includes/js/LSform.js b/trunk/includes/js/LSform.js new file mode 100644 index 00000000..89dcbfed --- /dev/null +++ b/trunk/includes/js/LSform.js @@ -0,0 +1,70 @@ +var LSform = new Class({ + initialize: function(){ + this.objecttype = $('LSform_objecttype').value; + this.idform = $('LSform_idform').value; + + $$('img.LSform-add-field-btn').each(function(el) { + el.addEvent('click',this.onAddFieldBtnClick.bind(this,el)); + }, this); + + $$('img.LSform-remove-field-btn').each(function(el) { + el.addEvent('click',this.onRemoveFieldBtnClick.bind(this,el)); + }, this); + }, + + onAddFieldBtnClick: function(img){ + + var getAttrName = /LSform_add_field_btn_(.*)_.*/ + var attrName = getAttrName.exec(img.id)[1]; + LSdebug(attrName); + + var data = { + template: 'LSform', + action: 'onAddFieldBtnClick', + attribute: attrName, + objecttype: this.objecttype, + idform: this.idform, + img: img.id + }; + LSdebug(data); + varLSdefault.loadingImgDisplay(img); + new Ajax('index_ajax.php', {data: data, onComplete: this.onAddFieldBtnClickComplete.bind(this)}).request(); + }, + + onAddFieldBtnClickComplete: function(responseText, responseXML) { + varLSdefault.loadingImgHide(); + var data = Json.evaluate(responseText); + LSdebug(data); + if ( data ) { + if ( typeof(data.LSerror) != "undefined" ) { + varLSdefault.displayError(data.LSerror); + return; + } + else { + var li = new Element('li'); + var img = $(data.img); + li.setHTML(data.html); + li.injectAfter(img.getParent()); + li.getElements('img[class=LSform-add-field-btn]').each(function(el) { + el.addEvent('click',this.onAddFieldBtnClick.bind(this,el)); + }, this); + li.getElements('img[class=LSform-remove-field-btn]').each(function(el) { + el.addEvent('click',this.onRemoveFieldBtnClick.bind(this,el)); + }, this); + } + } + }, + + onRemoveFieldBtnClick: function(img) { + if (img.getParent().getParent().getChildren().length == 1) { + img.getPrevious().getPrevious().value=''; + } + else { + img.getParent().remove(); + } + } + +}); +window.addEvent(window.ie ? 'load' : 'domready', function() { + varLSform = new LSform(); +}); diff --git a/trunk/includes/js/LSsession_login.js b/trunk/includes/js/LSsession_login.js new file mode 100644 index 00000000..44d41418 --- /dev/null +++ b/trunk/includes/js/LSsession_login.js @@ -0,0 +1,47 @@ +var LSsession_login = new Class({ + initialize: function(){ + this.select_ldapserver = $('LSsession_ldapserver'); + if ( ! this.select_ldapserver ) + return; + this.select_ldapserver.addEvent('change',this.onLdapServerChanged.bind(this)); + }, + + onLdapServerChanged: function(){ + varLSdefault.loadingImgDisplay(this.select_ldapserver); + var server = this.select_ldapserver.value; + var data = { + template: 'login', + action: 'onLdapServerChanged', + server: server + }; + new Ajax('index_ajax.php', {data: data, onComplete: this.onLdapServerChangedComplete.bind(this)}).request(); + }, + + onLdapServerChangedComplete: function(responseText, responseXML){ + varLSdefault.loadingImgHide(); + var data = Json.evaluate(responseText); + LSdebug(data); + if ( data ) { + if (data.LSerror) { + varLSdefault.displayError(data.LSerror); + return; + } + else { + $('LSsession_topDn').getParent().setHTML(data.list_topDn); + LSdebug($('LSsession_topDn').innerHTML); + $$('.loginform-level').each(function(el) { + el.setStyle('display','block'); + }); + } + } + else { + $$('.loginform-level').each(function(el) { + el.setStyle('display','none'); + }); + $('LSsession_topDn').empty(); + } + } +}); +window.addEvent(window.ie ? 'load' : 'domready', function() { + varLSsession_login = new LSsession_login(); +}); diff --git a/trunk/includes/js/mootools.js b/trunk/includes/js/mootools.js new file mode 100644 index 00000000..592f6aba --- /dev/null +++ b/trunk/includes/js/mootools.js @@ -0,0 +1,7102 @@ +/* +Script: Core.js + Mootools - My Object Oriented javascript. + +License: + MIT-style license. + +MooTools Copyright: + copyright (c) 2007 Valerio Proietti, <http://mad4milk.net> + +MooTools Credits: + - Class is slightly based on Base.js <http://dean.edwards.name/weblog/2006/03/base/> (c) 2006 Dean Edwards, License <http://creativecommons.org/licenses/LGPL/2.1/> + - Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license + - Documentation by Aaron Newton (aaron.newton [at] cnet [dot] com) and Valerio Proietti. +*/ + +var MooTools = { + version: '1.11' +}; + +/* Section: Core Functions */ + +/* +Function: $defined + Returns true if the passed in value/object is defined, that means is not null or undefined. + +Arguments: + obj - object to inspect +*/ + +function $defined(obj){ + return (obj != undefined); +}; + +/* +Function: $type + Returns the type of object that matches the element passed in. + +Arguments: + obj - the object to inspect. + +Example: + >var myString = 'hello'; + >$type(myString); //returns "string" + +Returns: + 'element' - if obj is a DOM element node + 'textnode' - if obj is a DOM text node + 'whitespace' - if obj is a DOM whitespace node + 'arguments' - if obj is an arguments object + 'object' - if obj is an object + 'string' - if obj is a string + 'number' - if obj is a number + 'boolean' - if obj is a boolean + 'function' - if obj is a function + 'regexp' - if obj is a regular expression + 'class' - if obj is a Class. (created with new Class, or the extend of another class). + 'collection' - if obj is a native htmlelements collection, such as childNodes, getElementsByTagName .. etc. + false - (boolean) if the object is not defined or none of the above. +*/ + +function $type(obj){ + if (!$defined(obj)) return false; + if (obj.htmlElement) return 'element'; + var type = typeof obj; + if (type == 'object' && obj.nodeName){ + switch(obj.nodeType){ + case 1: return 'element'; + case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace'; + } + } + if (type == 'object' || type == 'function'){ + switch(obj.constructor){ + case Array: return 'array'; + case RegExp: return 'regexp'; + case Class: return 'class'; + } + if (typeof obj.length == 'number'){ + if (obj.item) return 'collection'; + if (obj.callee) return 'arguments'; + } + } + return type; +}; + +/* +Function: $merge + merges a number of objects recursively without referencing them or their sub-objects. + +Arguments: + any number of objects. + +Example: + >var mergedObj = $merge(obj1, obj2, obj3); + >//obj1, obj2, and obj3 are unaltered +*/ + +function $merge(){ + var mix = {}; + for (var i = 0; i < arguments.length; i++){ + for (var property in arguments[i]){ + var ap = arguments[i][property]; + var mp = mix[property]; + if (mp && $type(ap) == 'object' && $type(mp) == 'object') mix[property] = $merge(mp, ap); + else mix[property] = ap; + } + } + return mix; +}; + +/* +Function: $extend + Copies all the properties from the second passed object to the first passed Object. + If you do myWhatever.extend = $extend the first parameter will become myWhatever, and your extend function will only need one parameter. + +Example: + (start code) + var firstOb = { + 'name': 'John', + 'lastName': 'Doe' + }; + var secondOb = { + 'age': '20', + 'sex': 'male', + 'lastName': 'Dorian' + }; + $extend(firstOb, secondOb); + //firstOb will become: + { + 'name': 'John', + 'lastName': 'Dorian', + 'age': '20', + 'sex': 'male' + }; + (end) + +Returns: + The first object, extended. +*/ + +var $extend = function(){ + var args = arguments; + if (!args[1]) args = [this, args[0]]; + for (var property in args[1]) args[0][property] = args[1][property]; + return args[0]; +}; + +/* +Function: $native + Will add a .extend method to the objects passed as a parameter, but the property passed in will be copied to the object's prototype only if non previously existent. + Its handy if you dont want the .extend method of an object to overwrite existing methods. + Used automatically in MooTools to implement Array/String/Function/Number methods to browser that dont support them whitout manual checking. + +Arguments: + a number of classes/native javascript objects + +*/ + +var $native = function(){ + for (var i = 0, l = arguments.length; i < l; i++){ + arguments[i].extend = function(props){ + for (var prop in props){ + if (!this.prototype[prop]) this.prototype[prop] = props[prop]; + if (!this[prop]) this[prop] = $native.generic(prop); + } + }; + } +}; + +$native.generic = function(prop){ + return function(bind){ + return this.prototype[prop].apply(bind, Array.prototype.slice.call(arguments, 1)); + }; +}; + +$native(Function, Array, String, Number); + +/* +Function: $chk + Returns true if the passed in value/object exists or is 0, otherwise returns false. + Useful to accept zeroes. + +Arguments: + obj - object to inspect +*/ + +function $chk(obj){ + return !!(obj || obj === 0); +}; + +/* +Function: $pick + Returns the first object if defined, otherwise returns the second. + +Arguments: + obj - object to test + picked - the default to return + +Example: + (start code) + function say(msg){ + alert($pick(msg, 'no meessage supplied')); + } + (end) +*/ + +function $pick(obj, picked){ + return $defined(obj) ? obj : picked; +}; + +/* +Function: $random + Returns a random integer number between the two passed in values. + +Arguments: + min - integer, the minimum value (inclusive). + max - integer, the maximum value (inclusive). + +Returns: + a random integer between min and max. +*/ + +function $random(min, max){ + return Math.floor(Math.random() * (max - min + 1) + min); +}; + +/* +Function: $time + Returns the current timestamp + +Returns: + a timestamp integer. +*/ + +function $time(){ + return new Date().getTime(); +}; + +/* +Function: $clear + clears a timeout or an Interval. + +Returns: + null + +Arguments: + timer - the setInterval or setTimeout to clear. + +Example: + >var myTimer = myFunction.delay(5000); //wait 5 seconds and execute my function. + >myTimer = $clear(myTimer); //nevermind + +See also: + <Function.delay>, <Function.periodical> +*/ + +function $clear(timer){ + clearTimeout(timer); + clearInterval(timer); + return null; +}; + +/* +Class: Abstract + Abstract class, to be used as singleton. Will add .extend to any object + +Arguments: + an object + +Returns: + the object with an .extend property, equivalent to <$extend>. +*/ + +var Abstract = function(obj){ + obj = obj || {}; + obj.extend = $extend; + return obj; +}; + +//window, document + +var Window = new Abstract(window); +var Document = new Abstract(document); +document.head = document.getElementsByTagName('head')[0]; + +/* +Class: window + Some properties are attached to the window object by the browser detection. + +Note: + browser detection is entirely object-based. We dont sniff. + +Properties: + window.ie - will be set to true if the current browser is internet explorer (any). + window.ie6 - will be set to true if the current browser is internet explorer 6. + window.ie7 - will be set to true if the current browser is internet explorer 7. + window.gecko - will be set to true if the current browser is Mozilla/Gecko. + window.webkit - will be set to true if the current browser is Safari/Konqueror. + window.webkit419 - will be set to true if the current browser is Safari2 / webkit till version 419. + window.webkit420 - will be set to true if the current browser is Safari3 (Webkit SVN Build) / webkit over version 419. + window.opera - is set to true by opera itself. +*/ + +window.xpath = !!(document.evaluate); +if (window.ActiveXObject) window.ie = window[window.XMLHttpRequest ? 'ie7' : 'ie6'] = true; +else if (document.childNodes && !document.all && !navigator.taintEnabled) window.webkit = window[window.xpath ? 'webkit420' : 'webkit419'] = true; +else if (document.getBoxObjectFor != null) window.gecko = true; + +/*compatibility*/ + +window.khtml = window.webkit; + +Object.extend = $extend; + +/*end compatibility*/ + +//htmlelement + +if (typeof HTMLElement == 'undefined'){ + var HTMLElement = function(){}; + if (window.webkit) document.createElement("iframe"); //fixes safari + HTMLElement.prototype = (window.webkit) ? window["[[DOMElement.prototype]]"] : {}; +} +HTMLElement.prototype.htmlElement = function(){}; + +//enables background image cache for internet explorer 6 + +if (window.ie6) try {document.execCommand("BackgroundImageCache", false, true);} catch(e){}; + +/* +Script: Class.js + Contains the Class Function, aims to ease the creation of reusable Classes. + +License: + MIT-style license. +*/ + +/* +Class: Class + The base class object of the <http://mootools.net> framework. + Creates a new class, its initialize method will fire upon class instantiation. + Initialize wont fire on instantiation when you pass *null*. + +Arguments: + properties - the collection of properties that apply to the class. + +Example: + (start code) + var Cat = new Class({ + initialize: function(name){ + this.name = name; + } + }); + var myCat = new Cat('Micia'); + alert(myCat.name); //alerts 'Micia' + (end) +*/ + +var Class = function(properties){ + var klass = function(){ + return (arguments[0] !== null && this.initialize && $type(this.initialize) == 'function') ? this.initialize.apply(this, arguments) : this; + }; + $extend(klass, this); + klass.prototype = properties; + klass.constructor = Class; + return klass; +}; + +/* +Property: empty + Returns an empty function +*/ + +Class.empty = function(){}; + +Class.prototype = { + + /* + Property: extend + Returns the copy of the Class extended with the passed in properties. + + Arguments: + properties - the properties to add to the base class in this new Class. + + Example: + (start code) + var Animal = new Class({ + initialize: function(age){ + this.age = age; + } + }); + var Cat = Animal.extend({ + initialize: function(name, age){ + this.parent(age); //will call the previous initialize; + this.name = name; + } + }); + var myCat = new Cat('Micia', 20); + alert(myCat.name); //alerts 'Micia' + alert(myCat.age); //alerts 20 + (end) + */ + + extend: function(properties){ + var proto = new this(null); + for (var property in properties){ + var pp = proto[property]; + proto[property] = Class.Merge(pp, properties[property]); + } + return new Class(proto); + }, + + /* + Property: implement + Implements the passed in properties to the base Class prototypes, altering the base class, unlike <Class.extend>. + + Arguments: + properties - the properties to add to the base class. + + Example: + (start code) + var Animal = new Class({ + initialize: function(age){ + this.age = age; + } + }); + Animal.implement({ + setName: function(name){ + this.name = name + } + }); + var myAnimal = new Animal(20); + myAnimal.setName('Micia'); + alert(myAnimal.name); //alerts 'Micia' + (end) + */ + + implement: function(){ + for (var i = 0, l = arguments.length; i < l; i++) $extend(this.prototype, arguments[i]); + } + +}; + +//internal + +Class.Merge = function(previous, current){ + if (previous && previous != current){ + var type = $type(current); + if (type != $type(previous)) return current; + switch(type){ + case 'function': + var merged = function(){ + this.parent = arguments.callee.parent; + return current.apply(this, arguments); + }; + merged.parent = previous; + return merged; + case 'object': return $merge(previous, current); + } + } + return current; +}; + +/* +Script: Class.Extras.js + Contains common implementations for custom classes. In Mootools is implemented in <Ajax>, <XHR> and <Fx.Base> and many more. + +License: + MIT-style license. +*/ + +/* +Class: Chain + An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>. + Currently implemented in <Fx.Base>, <XHR> and <Ajax>. In <Fx.Base> for example, is used to execute a list of function, one after another, once the effect is completed. + The functions will not be fired all togheter, but one every completion, to create custom complex animations. + +Example: + (start code) + var myFx = new Fx.Style('element', 'opacity'); + + myFx.start(1,0).chain(function(){ + myFx.start(0,1); + }).chain(function(){ + myFx.start(1,0); + }).chain(function(){ + myFx.start(0,1); + }); + //the element will appear and disappear three times + (end) +*/ + +var Chain = new Class({ + + /* + Property: chain + adds a function to the Chain instance stack. + + Arguments: + fn - the function to append. + */ + + chain: function(fn){ + this.chains = this.chains || []; + this.chains.push(fn); + return this; + }, + + /* + Property: callChain + Executes the first function of the Chain instance stack, then removes it. The first function will then become the second. + */ + + callChain: function(){ + if (this.chains && this.chains.length) this.chains.shift().delay(10, this); + }, + + /* + Property: clearChain + Clears the stack of a Chain instance. + */ + + clearChain: function(){ + this.chains = []; + } + +}); + +/* +Class: Events + An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>. + In <Fx.Base> Class, for example, is used to give the possibility add any number of functions to the Effects events, like onComplete, onStart, onCancel. + Events in a Class that implements <Events> can be either added as an option, or with addEvent. Never with .options.onEventName. + +Example: + (start code) + var myFx = new Fx.Style('element', 'opacity').addEvent('onComplete', function(){ + alert('the effect is completed'); + }).addEvent('onComplete', function(){ + alert('I told you the effect is completed'); + }); + + myFx.start(0,1); + //upon completion it will display the 2 alerts, in order. + (end) + +Implementing: + This class can be implemented into other classes to add the functionality to them. + Goes well with the <Options> class. + +Example: + (start code) + var Widget = new Class({ + initialize: function(){}, + finish: function(){ + this.fireEvent('onComplete'); + } + }); + Widget.implement(new Events); + //later... + var myWidget = new Widget(); + myWidget.addEvent('onComplete', myfunction); + (end) +*/ + +var Events = new Class({ + + /* + Property: addEvent + adds an event to the stack of events of the Class instance. + + Arguments: + type - string; the event name (e.g. 'onComplete') + fn - function to execute + */ + + addEvent: function(type, fn){ + if (fn != Class.empty){ + this.$events = this.$events || {}; + this.$events[type] = this.$events[type] || []; + this.$events[type].include(fn); + } + return this; + }, + + /* + Property: fireEvent + fires all events of the specified type in the Class instance. + + Arguments: + type - string; the event name (e.g. 'onComplete') + args - array or single object; arguments to pass to the function; if more than one argument, must be an array + delay - (integer) delay (in ms) to wait to execute the event + + Example: + (start code) + var Widget = new Class({ + initialize: function(arg1, arg2){ + ... + this.fireEvent("onInitialize", [arg1, arg2], 50); + } + }); + Widget.implement(new Events); + (end) + */ + + fireEvent: function(type, args, delay){ + if (this.$events && this.$events[type]){ + this.$events[type].each(function(fn){ + fn.create({'bind': this, 'delay': delay, 'arguments': args})(); + }, this); + } + return this; + }, + + /* + Property: removeEvent + removes an event from the stack of events of the Class instance. + + Arguments: + type - string; the event name (e.g. 'onComplete') + fn - function that was added + */ + + removeEvent: function(type, fn){ + if (this.$events && this.$events[type]) this.$events[type].remove(fn); + return this; + } + +}); + +/* +Class: Options + An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>. + Used to automate the options settings, also adding Class <Events> when the option begins with on. + + Example: + (start code) + var Widget = new Class({ + options: { + color: '#fff', + size: { + width: 100 + height: 100 + } + }, + initialize: function(options){ + this.setOptions(options); + } + }); + Widget.implement(new Options); + //later... + var myWidget = new Widget({ + color: '#f00', + size: { + width: 200 + } + }); + //myWidget.options = {color: #f00, size: {width: 200, height: 100}} + (end) +*/ + +var Options = new Class({ + + /* + Property: setOptions + sets this.options + + Arguments: + defaults - object; the default set of options + options - object; the user entered options. can be empty too. + + Note: + if your Class has <Events> implemented, every option beginning with on, followed by a capital letter (onComplete) becomes an Class instance event. + */ + + setOptions: function(){ + this.options = $merge.apply(null, [this.options].extend(arguments)); + if (this.addEvent){ + for (var option in this.options){ + if ($type(this.options[option] == 'function') && (/^on[A-Z]/).test(option)) this.addEvent(option, this.options[option]); + } + } + return this; + } + +}); + +/* +Script: Array.js + Contains Array prototypes, <$A>, <$each> + +License: + MIT-style license. +*/ + +/* +Class: Array + A collection of The Array Object prototype methods. +*/ + +//custom methods + +Array.extend({ + + /* + Property: forEach + Iterates through an array; This method is only available for browsers without native *forEach* support. + For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:forEach> + + *forEach* executes the provided function (callback) once for each element present in the array. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values. + + Arguments: + fn - function to execute with each item in the array; passed the item and the index of that item in the array + bind - the object to bind "this" to (see <Function.bind>) + + Example: + >['apple','banana','lemon'].each(function(item, index){ + > alert(index + " = " + item); //alerts "0 = apple" etc. + >}, bindObj); //optional second arg for binding, not used here + */ + + forEach: function(fn, bind){ + for (var i = 0, j = this.length; i < j; i++) fn.call(bind, this[i], i, this); + }, + + /* + Property: filter + This method is provided only for browsers without native *filter* support. + For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Objects:Array:filter> + + *filter* calls a provided callback function once for each element in an array, and constructs a new array of all the values for which callback returns a true value. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values. Array elements which do not pass the callback test are simply skipped, and are not included in the new array. + + Arguments: + fn - function to execute with each item in the array; passed the item and the index of that item in the array + bind - the object to bind "this" to (see <Function.bind>) + + Example: + >var biggerThanTwenty = [10,3,25,100].filter(function(item, index){ + > return item > 20; + >}); + >//biggerThanTwenty = [25,100] + */ + + filter: function(fn, bind){ + var results = []; + for (var i = 0, j = this.length; i < j; i++){ + if (fn.call(bind, this[i], i, this)) results.push(this[i]); + } + return results; + }, + + /* + Property: map + This method is provided only for browsers without native *map* support. + For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:map> + + *map* calls a provided callback function once for each element in an array, in order, and constructs a new array from the results. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values. + + Arguments: + fn - function to execute with each item in the array; passed the item and the index of that item in the array + bind - the object to bind "this" to (see <Function.bind>) + + Example: + >var timesTwo = [1,2,3].map(function(item, index){ + > return item*2; + >}); + >//timesTwo = [2,4,6]; + */ + + map: function(fn, bind){ + var results = []; + for (var i = 0, j = this.length; i < j; i++) results[i] = fn.call(bind, this[i], i, this); + return results; + }, + + /* + Property: every + This method is provided only for browsers without native *every* support. + For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:every> + + *every* executes the provided callback function once for each element present in the array until it finds one where callback returns a false value. If such an element is found, the every method immediately returns false. Otherwise, if callback returned a true value for all elements, every will return true. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values. + + Arguments: + fn - function to execute with each item in the array; passed the item and the index of that item in the array + bind - the object to bind "this" to (see <Function.bind>) + + Example: + >var areAllBigEnough = [10,4,25,100].every(function(item, index){ + > return item > 20; + >}); + >//areAllBigEnough = false + */ + + every: function(fn, bind){ + for (var i = 0, j = this.length; i < j; i++){ + if (!fn.call(bind, this[i], i, this)) return false; + } + return true; + }, + + /* + Property: some + This method is provided only for browsers without native *some* support. + For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:some> + + *some* executes the callback function once for each element present in the array until it finds one where callback returns a true value. If such an element is found, some immediately returns true. Otherwise, some returns false. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values. + + Arguments: + fn - function to execute with each item in the array; passed the item and the index of that item in the array + bind - the object to bind "this" to (see <Function.bind>) + + Example: + >var isAnyBigEnough = [10,4,25,100].some(function(item, index){ + > return item > 20; + >}); + >//isAnyBigEnough = true + */ + + some: function(fn, bind){ + for (var i = 0, j = this.length; i < j; i++){ + if (fn.call(bind, this[i], i, this)) return true; + } + return false; + }, + + /* + Property: indexOf + This method is provided only for browsers without native *indexOf* support. + For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:indexOf> + + *indexOf* compares a search element to elements of the Array using strict equality (the same method used by the ===, or triple-equals, operator). + + Arguments: + item - any type of object; element to locate in the array + from - integer; optional; the index of the array at which to begin the search (defaults to 0) + + Example: + >['apple','lemon','banana'].indexOf('lemon'); //returns 1 + >['apple','lemon'].indexOf('banana'); //returns -1 + */ + + indexOf: function(item, from){ + var len = this.length; + for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++){ + if (this[i] === item) return i; + } + return -1; + }, + + /* + Property: each + Same as <Array.forEach>. + + Arguments: + fn - function to execute with each item in the array; passed the item and the index of that item in the array + bind - optional, the object that the "this" of the function will refer to. + + Example: + >var Animals = ['Cat', 'Dog', 'Coala']; + >Animals.each(function(animal){ + > document.write(animal) + >}); + */ + + /* + Property: copy + returns a copy of the array. + + Returns: + a new array which is a copy of the current one. + + Arguments: + start - integer; optional; the index where to start the copy, default is 0. If negative, it is taken as the offset from the end of the array. + length - integer; optional; the number of elements to copy. By default, copies all elements from start to the end of the array. + + Example: + >var letters = ["a","b","c"]; + >var copy = letters.copy(); // ["a","b","c"] (new instance) + */ + + copy: function(start, length){ + start = start || 0; + if (start < 0) start = this.length + start; + length = length || (this.length - start); + var newArray = []; + for (var i = 0; i < length; i++) newArray[i] = this[start++]; + return newArray; + }, + + /* + Property: remove + Removes all occurrences of an item from the array. + + Arguments: + item - the item to remove + + Returns: + the Array with all occurrences of the item removed. + + Example: + >["1","2","3","2"].remove("2") // ["1","3"]; + */ + + remove: function(item){ + var i = 0; + var len = this.length; + while (i < len){ + if (this[i] === item){ + this.splice(i, 1); + len--; + } else { + i++; + } + } + return this; + }, + + /* + Property: contains + Tests an array for the presence of an item. + + Arguments: + item - the item to search for in the array. + from - integer; optional; the index at which to begin the search, default is 0. If negative, it is taken as the offset from the end of the array. + + Returns: + true - the item was found + false - it wasn't + + Example: + >["a","b","c"].contains("a"); // true + >["a","b","c"].contains("d"); // false + */ + + contains: function(item, from){ + return this.indexOf(item, from) != -1; + }, + + /* + Property: associate + Creates an object with key-value pairs based on the array of keywords passed in + and the current content of the array. + + Arguments: + keys - the array of keywords. + + Example: + (start code) + var Animals = ['Cat', 'Dog', 'Coala', 'Lizard']; + var Speech = ['Miao', 'Bau', 'Fruuu', 'Mute']; + var Speeches = Animals.associate(Speech); + //Speeches['Miao'] is now Cat. + //Speeches['Bau'] is now Dog. + //... + (end) + */ + + associate: function(keys){ + var obj = {}, length = Math.min(this.length, keys.length); + for (var i = 0; i < length; i++) obj[keys[i]] = this[i]; + return obj; + }, + + /* + Property: extend + Extends an array with another one. + + Arguments: + array - the array to extend ours with + + Example: + >var Animals = ['Cat', 'Dog', 'Coala']; + >Animals.extend(['Lizard']); + >//Animals is now: ['Cat', 'Dog', 'Coala', 'Lizard']; + */ + + extend: function(array){ + for (var i = 0, j = array.length; i < j; i++) this.push(array[i]); + return this; + }, + + /* + Property: merge + merges an array in another array, without duplicates. (case- and type-sensitive) + + Arguments: + array - the array to merge from. + + Example: + >['Cat','Dog'].merge(['Dog','Coala']); //returns ['Cat','Dog','Coala'] + */ + + merge: function(array){ + for (var i = 0, l = array.length; i < l; i++) this.include(array[i]); + return this; + }, + + /* + Property: include + includes the passed in element in the array, only if its not already present. (case- and type-sensitive) + + Arguments: + item - item to add to the array (if not present) + + Example: + >['Cat','Dog'].include('Dog'); //returns ['Cat','Dog'] + >['Cat','Dog'].include('Coala'); //returns ['Cat','Dog','Coala'] + */ + + include: function(item){ + if (!this.contains(item)) this.push(item); + return this; + }, + + /* + Property: getRandom + returns a random item in the Array + */ + + getRandom: function(){ + return this[$random(0, this.length - 1)] || null; + }, + + /* + Property: getLast + returns the last item in the Array + */ + + getLast: function(){ + return this[this.length - 1] || null; + } + +}); + +//copies + +Array.prototype.each = Array.prototype.forEach; +Array.each = Array.forEach; + +/* Section: Utility Functions */ + +/* +Function: $A() + Same as <Array.copy>, but as function. + Useful to apply Array prototypes to iterable objects, as a collection of DOM elements or the arguments object. + +Example: + (start code) + function myFunction(){ + $A(arguments).each(argument, function(){ + alert(argument); + }); + }; + //the above will alert all the arguments passed to the function myFunction. + (end) +*/ + +function $A(array){ + return Array.copy(array); +}; + +/* +Function: $each + Use to iterate through iterables that are not regular arrays, such as builtin getElementsByTagName calls, arguments of a function, or an object. + +Arguments: + iterable - an iterable element or an objct. + function - function to apply to the iterable. + bind - optional, the 'this' of the function will refer to this object. + +Function argument: + The function argument will be passed the following arguments. + + item - the current item in the iterator being procesed + index - integer; the index of the item, or key in case of an object. + +Examples: + (start code) + $each(['Sun','Mon','Tue'], function(day, index){ + alert('name:' + day + ', index: ' + index); + }); + //alerts "name: Sun, index: 0", "name: Mon, index: 1", etc. + //over an object + $each({first: "Sunday", second: "Monday", third: "Tuesday"}, function(value, key){ + alert("the " + key + " day of the week is " + value); + }); + //alerts "the first day of the week is Sunday", + //"the second day of the week is Monday", etc. + (end) +*/ + +function $each(iterable, fn, bind){ + if (iterable && typeof iterable.length == 'number' && $type(iterable) != 'object'){ + Array.forEach(iterable, fn, bind); + } else { + for (var name in iterable) fn.call(bind || iterable, iterable[name], name); + } +}; + +/*compatibility*/ + +Array.prototype.test = Array.prototype.contains; + +/*end compatibility*/ + +/* +Script: String.js + Contains String prototypes. + +License: + MIT-style license. +*/ + +/* +Class: String + A collection of The String Object prototype methods. +*/ + +String.extend({ + + /* + Property: test + Tests a string with a regular expression. + + Arguments: + regex - a string or regular expression object, the regular expression you want to match the string with + params - optional, if first parameter is a string, any parameters you want to pass to the regex ('g' has no effect) + + Returns: + true if a match for the regular expression is found in the string, false if not. + See <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Objects:RegExp:test> + + Example: + >"I like cookies".test("cookie"); // returns true + >"I like cookies".test("COOKIE", "i") // ignore case, returns true + >"I like cookies".test("cake"); // returns false + */ + + test: function(regex, params){ + return (($type(regex) == 'string') ? new RegExp(regex, params) : regex).test(this); + }, + + /* + Property: toInt + parses a string to an integer. + + Returns: + either an int or "NaN" if the string is not a number. + + Example: + >var value = "10px".toInt(); // value is 10 + */ + + toInt: function(){ + return parseInt(this, 10); + }, + + /* + Property: toFloat + parses a string to an float. + + Returns: + either a float or "NaN" if the string is not a number. + + Example: + >var value = "10.848".toFloat(); // value is 10.848 + */ + + toFloat: function(){ + return parseFloat(this); + }, + + /* + Property: camelCase + Converts a hiphenated string to a camelcase string. + + Example: + >"I-like-cookies".camelCase(); //"ILikeCookies" + + Returns: + the camel cased string + */ + + camelCase: function(){ + return this.replace(/-\D/g, function(match){ + return match.charAt(1).toUpperCase(); + }); + }, + + /* + Property: hyphenate + Converts a camelCased string to a hyphen-ated string. + + Example: + >"ILikeCookies".hyphenate(); //"I-like-cookies" + */ + + hyphenate: function(){ + return this.replace(/\w[A-Z]/g, function(match){ + return (match.charAt(0) + '-' + match.charAt(1).toLowerCase()); + }); + }, + + /* + Property: capitalize + Converts the first letter in each word of a string to Uppercase. + + Example: + >"i like cookies".capitalize(); //"I Like Cookies" + + Returns: + the capitalized string + */ + + capitalize: function(){ + return this.replace(/\b[a-z]/g, function(match){ + return match.toUpperCase(); + }); + }, + + /* + Property: trim + Trims the leading and trailing spaces off a string. + + Example: + >" i like cookies ".trim() //"i like cookies" + + Returns: + the trimmed string + */ + + trim: function(){ + return this.replace(/^\s+|\s+$/g, ''); + }, + + /* + Property: clean + trims (<String.trim>) a string AND removes all the double spaces in a string. + + Returns: + the cleaned string + + Example: + >" i like cookies \n\n".clean() //"i like cookies" + */ + + clean: function(){ + return this.replace(/\s{2,}/g, ' ').trim(); + }, + + /* + Property: rgbToHex + Converts an RGB value to hexidecimal. The string must be in the format of "rgb(255,255,255)" or "rgba(255,255,255,1)"; + + Arguments: + array - boolean value, defaults to false. Use true if you want the array ['FF','33','00'] as output instead of "#FF3300" + + Returns: + hex string or array. returns "transparent" if the output is set as string and the fourth value of rgba in input string is 0. + + Example: + >"rgb(17,34,51)".rgbToHex(); //"#112233" + >"rgba(17,34,51,0)".rgbToHex(); //"transparent" + >"rgb(17,34,51)".rgbToHex(true); //['11','22','33'] + */ + + rgbToHex: function(array){ + var rgb = this.match(/\d{1,3}/g); + return (rgb) ? rgb.rgbToHex(array) : false; + }, + + /* + Property: hexToRgb + Converts a hexidecimal color value to RGB. Input string must be the hex color value (with or without the hash). Also accepts triplets ('333'); + + Arguments: + array - boolean value, defaults to false. Use true if you want the array [255,255,255] as output instead of "rgb(255,255,255)"; + + Returns: + rgb string or array. + + Example: + >"#112233".hexToRgb(); //"rgb(17,34,51)" + >"#112233".hexToRgb(true); //[17,34,51] + */ + + hexToRgb: function(array){ + var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/); + return (hex) ? hex.slice(1).hexToRgb(array) : false; + }, + + /* + Property: contains + checks if the passed in string is contained in the String. also accepts an optional second parameter, to check if the string is contained in a list of separated values. + + Example: + >'a b c'.contains('c', ' '); //true + >'a bc'.contains('bc'); //true + >'a bc'.contains('b', ' '); //false + */ + + contains: function(string, s){ + return (s) ? (s + this + s).indexOf(s + string + s) > -1 : this.indexOf(string) > -1; + }, + + /* + Property: escapeRegExp + Returns string with escaped regular expression characters + + Example: + >var search = 'animals.sheeps[1]'.escapeRegExp(); // search is now 'animals\.sheeps\[1\]' + + Returns: + Escaped string + */ + + escapeRegExp: function(){ + return this.replace(/([.*+?^${}()|[\]\/\\])/g, '\\$1'); + } + +}); + +Array.extend({ + + /* + Property: rgbToHex + see <String.rgbToHex>, but as an array method. + */ + + rgbToHex: function(array){ + if (this.length < 3) return false; + if (this.length == 4 && this[3] == 0 && !array) return 'transparent'; + var hex = []; + for (var i = 0; i < 3; i++){ + var bit = (this[i] - 0).toString(16); + hex.push((bit.length == 1) ? '0' + bit : bit); + } + return array ? hex : '#' + hex.join(''); + }, + + /* + Property: hexToRgb + same as <String.hexToRgb>, but as an array method. + */ + + hexToRgb: function(array){ + if (this.length != 3) return false; + var rgb = []; + for (var i = 0; i < 3; i++){ + rgb.push(parseInt((this[i].length == 1) ? this[i] + this[i] : this[i], 16)); + } + return array ? rgb : 'rgb(' + rgb.join(',') + ')'; + } + +}); + +/* +Script: Function.js + Contains Function prototypes and utility functions . + +License: + MIT-style license. + +Credits: + - Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license +*/ + +/* +Class: Function + A collection of The Function Object prototype methods. +*/ + +Function.extend({ + + /* + Property: create + Main function to create closures. + + Returns: + a function. + + Arguments: + options - An Options object. + + Options: + bind - The object that the "this" of the function will refer to. Default is the current function. + event - If set to true, the function will act as an event listener and receive an event as first argument. + If set to a class name, the function will receive a new instance of this class (with the event passed as argument's constructor) as first argument. + Default is false. + arguments - A single argument or array of arguments that will be passed to the function when called. + + If both the event and arguments options are set, the event is passed as first argument and the arguments array will follow. + + Default is no custom arguments, the function will receive the standard arguments when called. + + delay - Numeric value: if set, the returned function will delay the actual execution by this amount of milliseconds and return a timer handle when called. + Default is no delay. + periodical - Numeric value: if set, the returned function will periodically perform the actual execution with this specified interval and return a timer handle when called. + Default is no periodical execution. + attempt - If set to true, the returned function will try to execute and return either the results or false on error. Default is false. + */ + + create: function(options){ + var fn = this; + options = $merge({ + 'bind': fn, + 'event': false, + 'arguments': null, + 'delay': false, + 'periodical': false, + 'attempt': false + }, options); + if ($chk(options.arguments) && $type(options.arguments) != 'array') options.arguments = [options.arguments]; + return function(event){ + var args; + if (options.event){ + event = event || window.event; + args = [(options.event === true) ? event : new options.event(event)]; + if (options.arguments) args.extend(options.arguments); + } + else args = options.arguments || arguments; + var returns = function(){ + return fn.apply($pick(options.bind, fn), args); + }; + if (options.delay) return setTimeout(returns, options.delay); + if (options.periodical) return setInterval(returns, options.periodical); + if (options.attempt) try {return returns();} catch(err){return false;}; + return returns(); + }; + }, + + /* + Property: pass + Shortcut to create closures with arguments and bind. + + Returns: + a function. + + Arguments: + args - the arguments passed. must be an array if arguments > 1 + bind - optional, the object that the "this" of the function will refer to. + + Example: + >myFunction.pass([arg1, arg2], myElement); + */ + + pass: function(args, bind){ + return this.create({'arguments': args, 'bind': bind}); + }, + + /* + Property: attempt + Tries to execute the function, returns either the result of the function or false on error. + + Arguments: + args - the arguments passed. must be an array if arguments > 1 + bind - optional, the object that the "this" of the function will refer to. + + Example: + >myFunction.attempt([arg1, arg2], myElement); + */ + + attempt: function(args, bind){ + return this.create({'arguments': args, 'bind': bind, 'attempt': true})(); + }, + + /* + Property: bind + method to easily create closures with "this" altered. + + Arguments: + bind - optional, the object that the "this" of the function will refer to. + args - optional, the arguments passed. must be an array if arguments > 1 + + Returns: + a function. + + Example: + >function myFunction(){ + > this.setStyle('color', 'red'); + > // note that 'this' here refers to myFunction, not an element + > // we'll need to bind this function to the element we want to alter + >}; + >var myBoundFunction = myFunction.bind(myElement); + >myBoundFunction(); // this will make the element myElement red. + */ + + bind: function(bind, args){ + return this.create({'bind': bind, 'arguments': args}); + }, + + /* + Property: bindAsEventListener + cross browser method to pass event firer + + Arguments: + bind - optional, the object that the "this" of the function will refer to. + args - optional, the arguments passed. must be an array if arguments > 1 + + Returns: + a function with the parameter bind as its "this" and as a pre-passed argument event or window.event, depending on the browser. + + Example: + >function myFunction(event){ + > alert(event.clientx) //returns the coordinates of the mouse.. + >}; + >myElement.onclick = myFunction.bindAsEventListener(myElement); + */ + + bindAsEventListener: function(bind, args){ + return this.create({'bind': bind, 'event': true, 'arguments': args}); + }, + + /* + Property: delay + Delays the execution of a function by a specified duration. + + Arguments: + delay - the duration to wait in milliseconds. + bind - optional, the object that the "this" of the function will refer to. + args - optional, the arguments passed. must be an array if arguments > 1 + + Example: + >myFunction.delay(50, myElement) //wait 50 milliseconds, then call myFunction and bind myElement to it + >(function(){alert('one second later...')}).delay(1000); //wait a second and alert + */ + + delay: function(delay, bind, args){ + return this.create({'delay': delay, 'bind': bind, 'arguments': args})(); + }, + + /* + Property: periodical + Executes a function in the specified intervals of time + + Arguments: + interval - the duration of the intervals between executions. + bind - optional, the object that the "this" of the function will refer to. + args - optional, the arguments passed. must be an array if arguments > 1 + */ + + periodical: function(interval, bind, args){ + return this.create({'periodical': interval, 'bind': bind, 'arguments': args})(); + } + +}); + +/* +Script: Number.js + Contains the Number prototypes. + +License: + MIT-style license. +*/ + +/* +Class: Number + A collection of The Number Object prototype methods. +*/ + +Number.extend({ + + /* + Property: toInt + Returns this number; useful because toInt must work on both Strings and Numbers. + */ + + toInt: function(){ + return parseInt(this); + }, + + /* + Property: toFloat + Returns this number as a float; useful because toFloat must work on both Strings and Numbers. + */ + + toFloat: function(){ + return parseFloat(this); + }, + + /* + Property: limit + Limits the number. + + Arguments: + min - number, minimum value + max - number, maximum value + + Returns: + the number in the given limits. + + Example: + >(12).limit(2, 6.5) // returns 6.5 + >(-4).limit(2, 6.5) // returns 2 + >(4.3).limit(2, 6.5) // returns 4.3 + */ + + limit: function(min, max){ + return Math.min(max, Math.max(min, this)); + }, + + /* + Property: round + Returns the number rounded to specified precision. + + Arguments: + precision - integer, number of digits after the decimal point. Can also be negative or zero (default). + + Example: + >12.45.round() // returns 12 + >12.45.round(1) // returns 12.5 + >12.45.round(-1) // returns 10 + + Returns: + The rounded number. + */ + + round: function(precision){ + precision = Math.pow(10, precision || 0); + return Math.round(this * precision) / precision; + }, + + /* + Property: times + Executes a passed in function the specified number of times + + Arguments: + function - the function to be executed on each iteration of the loop + + Example: + >(4).times(alert); + */ + + times: function(fn){ + for (var i = 0; i < this; i++) fn(i); + } + +}); + +/* +Script: Element.js + Contains useful Element prototypes, to be used with the dollar function <$>. + +License: + MIT-style license. + +Credits: + - Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license +*/ + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +var Element = new Class({ + + /* + Property: initialize + Creates a new element of the type passed in. + + Arguments: + el - string; the tag name for the element you wish to create. you can also pass in an element reference, in which case it will be extended. + props - object; the properties you want to add to your element. + Accepts the same keys as <Element.setProperties>, but also allows events and styles + + Props: + the key styles will be used as setStyles, the key events will be used as addEvents. any other key is used as setProperty. + + Example: + (start code) + new Element('a', { + 'styles': { + 'display': 'block', + 'border': '1px solid black' + }, + 'events': { + 'click': function(){ + //aaa + }, + 'mousedown': function(){ + //aaa + } + }, + 'class': 'myClassSuperClass', + 'href': 'http://mad4milk.net' + }); + + (end) + */ + + initialize: function(el, props){ + if ($type(el) == 'string'){ + if (window.ie && props && (props.name || props.type)){ + var name = (props.name) ? ' name="' + props.name + '"' : ''; + var type = (props.type) ? ' type="' + props.type + '"' : ''; + delete props.name; + delete props.type; + el = '<' + el + name + type + '>'; + } + el = document.createElement(el); + } + el = $(el); + return (!props || !el) ? el : el.set(props); + } + +}); + +/* +Class: Elements + - Every dom function such as <$$>, or in general every function that returns a collection of nodes in mootools, returns them as an Elements class. + - The purpose of the Elements class is to allow <Element> methods to work also on <Elements> array. + - Elements is also an Array, so it accepts all the <Array> methods. + - Every node of the Elements instance is already extended with <$>. + +Example: + >$$('myselector').each(function(el){ + > //... + >}); + + some iterations here, $$('myselector') is also an array. + + >$$('myselector').setStyle('color', 'red'); + every element returned by $$('myselector') also accepts <Element> methods, in this example every element will be made red. +*/ + +var Elements = new Class({ + + initialize: function(elements){ + return (elements) ? $extend(elements, this) : this; + } + +}); + +Elements.extend = function(props){ + for (var prop in props){ + this.prototype[prop] = props[prop]; + this[prop] = $native.generic(prop); + } +}; + +/* +Section: Utility Functions + +Function: $ + returns the element passed in with all the Element prototypes applied. + +Arguments: + el - a reference to an actual element or a string representing the id of an element + +Example: + >$('myElement') // gets a DOM element by id with all the Element prototypes applied. + >var div = document.getElementById('myElement'); + >$(div) //returns an Element also with all the mootools extentions applied. + + You'll use this when you aren't sure if a variable is an actual element or an id, as + well as just shorthand for document.getElementById(). + +Returns: + a DOM element or false (if no id was found). + +Note: + you need to call $ on an element only once to get all the prototypes. + But its no harm to call it multiple times, as it will detect if it has been already extended. +*/ + +function $(el){ + if (!el) return null; + if (el.htmlElement) return Garbage.collect(el); + if ([window, document].contains(el)) return el; + var type = $type(el); + if (type == 'string'){ + el = document.getElementById(el); + type = (el) ? 'element' : false; + } + if (type != 'element') return null; + if (el.htmlElement) return Garbage.collect(el); + if (['object', 'embed'].contains(el.tagName.toLowerCase())) return el; + $extend(el, Element.prototype); + el.htmlElement = function(){}; + return Garbage.collect(el); +}; + +/* +Function: $$ + Selects, and extends DOM elements. Elements arrays returned with $$ will also accept all the <Element> methods. + The return type of element methods run through $$ is always an array. If the return array is only made by elements, + $$ will be applied automatically. + +Arguments: + HTML Collections, arrays of elements, arrays of strings as element ids, elements, strings as selectors. + Any number of the above as arguments are accepted. + +Note: + if you load <Element.Selectors.js>, $$ will also accept CSS Selectors, otherwise the only selectors supported are tag names. + +Example: + >$$('a') //an array of all anchor tags on the page + >$$('a', 'b') //an array of all anchor and bold tags on the page + >$$('#myElement') //array containing only the element with id = myElement. (only with <Element.Selectors.js>) + >$$('#myElement a.myClass') //an array of all anchor tags with the class "myClass" + >//within the DOM element with id "myElement" (only with <Element.Selectors.js>) + >$$(myelement, myelement2, 'a', ['myid', myid2, 'myid3'], document.getElementsByTagName('div')) //an array containing: + >// the element referenced as myelement if existing, + >// the element referenced as myelement2 if existing, + >// all the elements with a as tag in the page, + >// the element with id = myid if existing + >// the element with id = myid2 if existing + >// the element with id = myid3 if existing + >// all the elements with div as tag in the page + +Returns: + array - array of all the dom elements matched, extended with <$>. Returns as <Elements>. +*/ + +document.getElementsBySelector = document.getElementsByTagName; + +function $$(){ + var elements = []; + for (var i = 0, j = arguments.length; i < j; i++){ + var selector = arguments[i]; + switch($type(selector)){ + case 'element': elements.push(selector); + case 'boolean': break; + case false: break; + case 'string': selector = document.getElementsBySelector(selector, true); + default: elements.extend(selector); + } + } + return $$.unique(elements); +}; + +$$.unique = function(array){ + var elements = []; + for (var i = 0, l = array.length; i < l; i++){ + if (array[i].$included) continue; + var element = $(array[i]); + if (element && !element.$included){ + element.$included = true; + elements.push(element); + } + } + for (var n = 0, d = elements.length; n < d; n++) elements[n].$included = null; + return new Elements(elements); +}; + +Elements.Multi = function(property){ + return function(){ + var args = arguments; + var items = []; + var elements = true; + for (var i = 0, j = this.length, returns; i < j; i++){ + returns = this[i][property].apply(this[i], args); + if ($type(returns) != 'element') elements = false; + items.push(returns); + }; + return (elements) ? $$.unique(items) : items; + }; +}; + +Element.extend = function(properties){ + for (var property in properties){ + HTMLElement.prototype[property] = properties[property]; + Element.prototype[property] = properties[property]; + Element[property] = $native.generic(property); + var elementsProperty = (Array.prototype[property]) ? property + 'Elements' : property; + Elements.prototype[elementsProperty] = Elements.Multi(property); + } +}; + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.extend({ + + /* + Property: set + you can set events, styles and properties with this shortcut. same as calling new Element. + */ + + set: function(props){ + for (var prop in props){ + var val = props[prop]; + switch(prop){ + case 'styles': this.setStyles(val); break; + case 'events': if (this.addEvents) this.addEvents(val); break; + case 'properties': this.setProperties(val); break; + default: this.setProperty(prop, val); + } + } + return this; + }, + + inject: function(el, where){ + el = $(el); + switch(where){ + case 'before': el.parentNode.insertBefore(this, el); break; + case 'after': + var next = el.getNext(); + if (!next) el.parentNode.appendChild(this); + else el.parentNode.insertBefore(this, next); + break; + case 'top': + var first = el.firstChild; + if (first){ + el.insertBefore(this, first); + break; + } + default: el.appendChild(this); + } + return this; + }, + + /* + Property: injectBefore + Inserts the Element before the passed element. + + Arguments: + el - an element reference or the id of the element to be injected in. + + Example: + >html: + ><div id="myElement"></div> + ><div id="mySecondElement"></div> + >js: + >$('mySecondElement').injectBefore('myElement'); + >resulting html: + ><div id="mySecondElement"></div> + ><div id="myElement"></div> + */ + + injectBefore: function(el){ + return this.inject(el, 'before'); + }, + + /* + Property: injectAfter + Same as <Element.injectBefore>, but inserts the element after. + */ + + injectAfter: function(el){ + return this.inject(el, 'after'); + }, + + /* + Property: injectInside + Same as <Element.injectBefore>, but inserts the element inside. + */ + + injectInside: function(el){ + return this.inject(el, 'bottom'); + }, + + /* + Property: injectTop + Same as <Element.injectInside>, but inserts the element inside, at the top. + */ + + injectTop: function(el){ + return this.inject(el, 'top'); + }, + + /* + Property: adopt + Inserts the passed elements inside the Element. + + Arguments: + accepts elements references, element ids as string, selectors ($$('stuff')) / array of elements, array of ids as strings and collections. + */ + + adopt: function(){ + var elements = []; + $each(arguments, function(argument){ + elements = elements.concat(argument); + }); + $$(elements).inject(this); + return this; + }, + + /* + Property: remove + Removes the Element from the DOM. + + Example: + >$('myElement').remove() //bye bye + */ + + remove: function(){ + return this.parentNode.removeChild(this); + }, + + /* + Property: clone + Clones the Element and returns the cloned one. + + Arguments: + contents - boolean, when true the Element is cloned with childNodes, default true + + Returns: + the cloned element + + Example: + >var clone = $('myElement').clone().injectAfter('myElement'); + >//clones the Element and append the clone after the Element. + */ + + clone: function(contents){ + var el = $(this.cloneNode(contents !== false)); + if (!el.$events) return el; + el.$events = {}; + for (var type in this.$events) el.$events[type] = { + 'keys': $A(this.$events[type].keys), + 'values': $A(this.$events[type].values) + }; + return el.removeEvents(); + }, + + /* + Property: replaceWith + Replaces the Element with an element passed. + + Arguments: + el - a string representing the element to be injected in (myElementId, or div), or an element reference. + If you pass div or another tag, the element will be created. + + Returns: + the passed in element + + Example: + >$('myOldElement').replaceWith($('myNewElement')); //$('myOldElement') is gone, and $('myNewElement') is in its place. + */ + + replaceWith: function(el){ + el = $(el); + this.parentNode.replaceChild(el, this); + return el; + }, + + /* + Property: appendText + Appends text node to a DOM element. + + Arguments: + text - the text to append. + + Example: + ><div id="myElement">hey</div> + >$('myElement').appendText(' howdy'); //myElement innerHTML is now "hey howdy" + */ + + appendText: function(text){ + this.appendChild(document.createTextNode(text)); + return this; + }, + + /* + Property: hasClass + Tests the Element to see if it has the passed in className. + + Returns: + true - the Element has the class + false - it doesn't + + Arguments: + className - string; the class name to test. + + Example: + ><div id="myElement" class="testClass"></div> + >$('myElement').hasClass('testClass'); //returns true + */ + + hasClass: function(className){ + return this.className.contains(className, ' '); + }, + + /* + Property: addClass + Adds the passed in class to the Element, if the element doesnt already have it. + + Arguments: + className - string; the class name to add + + Example: + ><div id="myElement" class="testClass"></div> + >$('myElement').addClass('newClass'); //<div id="myElement" class="testClass newClass"></div> + */ + + addClass: function(className){ + if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean(); + return this; + }, + + /* + Property: removeClass + Works like <Element.addClass>, but removes the class from the element. + */ + + removeClass: function(className){ + this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean(); + return this; + }, + + /* + Property: toggleClass + Adds or removes the passed in class name to the element, depending on if it's present or not. + + Arguments: + className - the class to add or remove + + Example: + ><div id="myElement" class="myClass"></div> + >$('myElement').toggleClass('myClass'); + ><div id="myElement" class=""></div> + >$('myElement').toggleClass('myClass'); + ><div id="myElement" class="myClass"></div> + */ + + toggleClass: function(className){ + return this.hasClass(className) ? this.removeClass(className) : this.addClass(className); + }, + + /* + Property: setStyle + Sets a css property to the Element. + + Arguments: + property - the property to set + value - the value to which to set it; for numeric values that require "px" you can pass an integer + + Example: + >$('myElement').setStyle('width', '300px'); //the width is now 300px + >$('myElement').setStyle('width', 300); //the width is now 300px + */ + + setStyle: function(property, value){ + switch(property){ + case 'opacity': return this.setOpacity(parseFloat(value)); + case 'float': property = (window.ie) ? 'styleFloat' : 'cssFloat'; + } + property = property.camelCase(); + switch($type(value)){ + case 'number': if (!['zIndex', 'zoom'].contains(property)) value += 'px'; break; + case 'array': value = 'rgb(' + value.join(',') + ')'; + } + this.style[property] = value; + return this; + }, + + /* + Property: setStyles + Applies a collection of styles to the Element. + + Arguments: + source - an object or string containing all the styles to apply. When its a string it overrides old style. + + Examples: + >$('myElement').setStyles({ + > border: '1px solid #000', + > width: 300, + > height: 400 + >}); + + OR + + >$('myElement').setStyles('border: 1px solid #000; width: 300px; height: 400px;'); + */ + + setStyles: function(source){ + switch($type(source)){ + case 'object': Element.setMany(this, 'setStyle', source); break; + case 'string': this.style.cssText = source; + } + return this; + }, + + /* + Property: setOpacity + Sets the opacity of the Element, and sets also visibility == "hidden" if opacity == 0, and visibility = "visible" if opacity > 0. + + Arguments: + opacity - float; Accepts values from 0 to 1. + + Example: + >$('myElement').setOpacity(0.5) //make it 50% transparent + */ + + setOpacity: function(opacity){ + if (opacity == 0){ + if (this.style.visibility != "hidden") this.style.visibility = "hidden"; + } else { + if (this.style.visibility != "visible") this.style.visibility = "visible"; + } + if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1; + if (window.ie) this.style.filter = (opacity == 1) ? '' : "alpha(opacity=" + opacity * 100 + ")"; + this.style.opacity = this.$tmp.opacity = opacity; + return this; + }, + + /* + Property: getStyle + Returns the style of the Element given the property passed in. + + Arguments: + property - the css style property you want to retrieve + + Example: + >$('myElement').getStyle('width'); //returns "400px" + >//but you can also use + >$('myElement').getStyle('width').toInt(); //returns 400 + + Returns: + the style as a string + */ + + getStyle: function(property){ + property = property.camelCase(); + var result = this.style[property]; + if (!$chk(result)){ + if (property == 'opacity') return this.$tmp.opacity; + result = []; + for (var style in Element.Styles){ + if (property == style){ + Element.Styles[style].each(function(s){ + var style = this.getStyle(s); + result.push(parseInt(style) ? style : '0px'); + }, this); + if (property == 'border'){ + var every = result.every(function(bit){ + return (bit == result[0]); + }); + return (every) ? result[0] : false; + } + return result.join(' '); + } + } + if (property.contains('border')){ + if (Element.Styles.border.contains(property)){ + return ['Width', 'Style', 'Color'].map(function(p){ + return this.getStyle(property + p); + }, this).join(' '); + } else if (Element.borderShort.contains(property)){ + return ['Top', 'Right', 'Bottom', 'Left'].map(function(p){ + return this.getStyle('border' + p + property.replace('border', '')); + }, this).join(' '); + } + } + if (document.defaultView) result = document.defaultView.getComputedStyle(this, null).getPropertyValue(property.hyphenate()); + else if (this.currentStyle) result = this.currentStyle[property]; + } + if (window.ie) result = Element.fixStyle(property, result, this); + if (result && property.test(/color/i) && result.contains('rgb')){ + return result.split('rgb').splice(1,4).map(function(color){ + return color.rgbToHex(); + }).join(' '); + } + return result; + }, + + /* + Property: getStyles + Returns an object of styles of the Element for each argument passed in. + Arguments: + properties - strings; any number of style properties + Example: + >$('myElement').getStyles('width','height','padding'); + >//returns an object like: + >{width: "10px", height: "10px", padding: "10px 0px 10px 0px"} + */ + + getStyles: function(){ + return Element.getMany(this, 'getStyle', arguments); + }, + + walk: function(brother, start){ + brother += 'Sibling'; + var el = (start) ? this[start] : this[brother]; + while (el && $type(el) != 'element') el = el[brother]; + return $(el); + }, + + /* + Property: getPrevious + Returns the previousSibling of the Element, excluding text nodes. + + Example: + >$('myElement').getPrevious(); //get the previous DOM element from myElement + + Returns: + the sibling element or undefined if none found. + */ + + getPrevious: function(){ + return this.walk('previous'); + }, + + /* + Property: getNext + Works as Element.getPrevious, but tries to find the nextSibling. + */ + + getNext: function(){ + return this.walk('next'); + }, + + /* + Property: getFirst + Works as <Element.getPrevious>, but tries to find the firstChild. + */ + + getFirst: function(){ + return this.walk('next', 'firstChild'); + }, + + /* + Property: getLast + Works as <Element.getPrevious>, but tries to find the lastChild. + */ + + getLast: function(){ + return this.walk('previous', 'lastChild'); + }, + + /* + Property: getParent + returns the $(element.parentNode) + */ + + getParent: function(){ + return $(this.parentNode); + }, + + /* + Property: getChildren + returns all the $(element.childNodes), excluding text nodes. Returns as <Elements>. + */ + + getChildren: function(){ + return $$(this.childNodes); + }, + + /* + Property: hasChild + returns true if the passed in element is a child of the $(element). + */ + + hasChild: function(el){ + return !!$A(this.getElementsByTagName('*')).contains(el); + }, + + /* + Property: getProperty + Gets the an attribute of the Element. + + Arguments: + property - string; the attribute to retrieve + + Example: + >$('myImage').getProperty('src') // returns whatever.gif + + Returns: + the value, or an empty string + */ + + getProperty: function(property){ + var index = Element.Properties[property]; + if (index) return this[index]; + var flag = Element.PropertiesIFlag[property] || 0; + if (!window.ie || flag) return this.getAttribute(property, flag); + var node = this.attributes[property]; + return (node) ? node.nodeValue : null; + }, + + /* + Property: removeProperty + Removes an attribute from the Element + + Arguments: + property - string; the attribute to remove + */ + + removeProperty: function(property){ + var index = Element.Properties[property]; + if (index) this[index] = ''; + else this.removeAttribute(property); + return this; + }, + + /* + Property: getProperties + same as <Element.getStyles>, but for properties + */ + + getProperties: function(){ + return Element.getMany(this, 'getProperty', arguments); + }, + + /* + Property: setProperty + Sets an attribute for the Element. + + Arguments: + property - string; the property to assign the value passed in + value - the value to assign to the property passed in + + Example: + >$('myImage').setProperty('src', 'whatever.gif'); //myImage now points to whatever.gif for its source + */ + + setProperty: function(property, value){ + var index = Element.Properties[property]; + if (index) this[index] = value; + else this.setAttribute(property, value); + return this; + }, + + /* + Property: setProperties + Sets numerous attributes for the Element. + + Arguments: + source - an object with key/value pairs. + + Example: + (start code) + $('myElement').setProperties({ + src: 'whatever.gif', + alt: 'whatever dude' + }); + <img src="whatever.gif" alt="whatever dude"> + (end) + */ + + setProperties: function(source){ + return Element.setMany(this, 'setProperty', source); + }, + + /* + Property: setHTML + Sets the innerHTML of the Element. + + Arguments: + html - string; the new innerHTML for the element. + + Example: + >$('myElement').setHTML(newHTML) //the innerHTML of myElement is now = newHTML + */ + + setHTML: function(){ + this.innerHTML = $A(arguments).join(''); + return this; + }, + + /* + Property: setText + Sets the inner text of the Element. + + Arguments: + text - string; the new text content for the element. + + Example: + >$('myElement').setText('some text') //the text of myElement is now = 'some text' + */ + + setText: function(text){ + var tag = this.getTag(); + if (['style', 'script'].contains(tag)){ + if (window.ie){ + if (tag == 'style') this.styleSheet.cssText = text; + else if (tag == 'script') this.setProperty('text', text); + return this; + } else { + this.removeChild(this.firstChild); + return this.appendText(text); + } + } + this[$defined(this.innerText) ? 'innerText' : 'textContent'] = text; + return this; + }, + + /* + Property: getText + Gets the inner text of the Element. + */ + + getText: function(){ + var tag = this.getTag(); + if (['style', 'script'].contains(tag)){ + if (window.ie){ + if (tag == 'style') return this.styleSheet.cssText; + else if (tag == 'script') return this.getProperty('text'); + } else { + return this.innerHTML; + } + } + return ($pick(this.innerText, this.textContent)); + }, + + /* + Property: getTag + Returns the tagName of the element in lower case. + + Example: + >$('myImage').getTag() // returns 'img' + + Returns: + The tag name in lower case + */ + + getTag: function(){ + return this.tagName.toLowerCase(); + }, + + /* + Property: empty + Empties an element of all its children. + + Example: + >$('myDiv').empty() // empties the Div and returns it + + Returns: + The element. + */ + + empty: function(){ + Garbage.trash(this.getElementsByTagName('*')); + return this.setHTML(''); + } + +}); + +Element.fixStyle = function(property, result, element){ + if ($chk(parseInt(result))) return result; + if (['height', 'width'].contains(property)){ + var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom']; + var size = 0; + values.each(function(value){ + size += element.getStyle('border-' + value + '-width').toInt() + element.getStyle('padding-' + value).toInt(); + }); + return element['offset' + property.capitalize()] - size + 'px'; + } else if (property.test(/border(.+)Width|margin|padding/)){ + return '0px'; + } + return result; +}; + +Element.Styles = {'border': [], 'padding': [], 'margin': []}; +['Top', 'Right', 'Bottom', 'Left'].each(function(direction){ + for (var style in Element.Styles) Element.Styles[style].push(style + direction); +}); + +Element.borderShort = ['borderWidth', 'borderStyle', 'borderColor']; + +Element.getMany = function(el, method, keys){ + var result = {}; + $each(keys, function(key){ + result[key] = el[method](key); + }); + return result; +}; + +Element.setMany = function(el, method, pairs){ + for (var key in pairs) el[method](key, pairs[key]); + return el; +}; + +Element.Properties = new Abstract({ + 'class': 'className', 'for': 'htmlFor', 'colspan': 'colSpan', 'rowspan': 'rowSpan', + 'accesskey': 'accessKey', 'tabindex': 'tabIndex', 'maxlength': 'maxLength', + 'readonly': 'readOnly', 'frameborder': 'frameBorder', 'value': 'value', + 'disabled': 'disabled', 'checked': 'checked', 'multiple': 'multiple', 'selected': 'selected' +}); +Element.PropertiesIFlag = { + 'href': 2, 'src': 2 +}; + +Element.Methods = { + Listeners: { + addListener: function(type, fn){ + if (this.addEventListener) this.addEventListener(type, fn, false); + else this.attachEvent('on' + type, fn); + return this; + }, + + removeListener: function(type, fn){ + if (this.removeEventListener) this.removeEventListener(type, fn, false); + else this.detachEvent('on' + type, fn); + return this; + } + } +}; + +window.extend(Element.Methods.Listeners); +document.extend(Element.Methods.Listeners); +Element.extend(Element.Methods.Listeners); + +var Garbage = { + + elements: [], + + collect: function(el){ + if (!el.$tmp){ + Garbage.elements.push(el); + el.$tmp = {'opacity': 1}; + } + return el; + }, + + trash: function(elements){ + for (var i = 0, j = elements.length, el; i < j; i++){ + if (!(el = elements[i]) || !el.$tmp) continue; + if (el.$events) el.fireEvent('trash').removeEvents(); + for (var p in el.$tmp) el.$tmp[p] = null; + for (var d in Element.prototype) el[d] = null; + Garbage.elements[Garbage.elements.indexOf(el)] = null; + el.htmlElement = el.$tmp = el = null; + } + Garbage.elements.remove(null); + }, + + empty: function(){ + Garbage.collect(window); + Garbage.collect(document); + Garbage.trash(Garbage.elements); + } + +}; + +window.addListener('beforeunload', function(){ + window.addListener('unload', Garbage.empty); + if (window.ie) window.addListener('unload', CollectGarbage); +}); + +/* +Script: Element.Event.js + Contains the Event Class, Element methods to deal with Element events, custom Events, and the Function prototype bindWithEvent. + +License: + MIT-style license. +*/ + +/* +Class: Event + Cross browser methods to manage events. + +Arguments: + event - the event + +Properties: + shift - true if the user pressed the shift + control - true if the user pressed the control + alt - true if the user pressed the alt + meta - true if the user pressed the meta key + wheel - the amount of third button scrolling + code - the keycode of the key pressed + page.x - the x position of the mouse, relative to the full window + page.y - the y position of the mouse, relative to the full window + client.x - the x position of the mouse, relative to the viewport + client.y - the y position of the mouse, relative to the viewport + key - the key pressed as a lowercase string. key also returns 'enter', 'up', 'down', 'left', 'right', 'space', 'backspace', 'delete', 'esc'. Handy for these special keys. + target - the event target + relatedTarget - the event related target + +Example: + (start code) + $('myLink').onkeydown = function(event){ + var event = new Event(event); + //event is now the Event class. + alert(event.key); //returns the lowercase letter pressed + alert(event.shift); //returns true if the key pressed is shift + if (event.key == 's' && event.control) alert('document saved'); + }; + (end) +*/ + +var Event = new Class({ + + initialize: function(event){ + if (event && event.$extended) return event; + this.$extended = true; + event = event || window.event; + this.event = event; + this.type = event.type; + this.target = event.target || event.srcElement; + if (this.target.nodeType == 3) this.target = this.target.parentNode; + this.shift = event.shiftKey; + this.control = event.ctrlKey; + this.alt = event.altKey; + this.meta = event.metaKey; + if (['DOMMouseScroll', 'mousewheel'].contains(this.type)){ + this.wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3; + } else if (this.type.contains('key')){ + this.code = event.which || event.keyCode; + for (var name in Event.keys){ + if (Event.keys[name] == this.code){ + this.key = name; + break; + } + } + if (this.type == 'keydown'){ + var fKey = this.code - 111; + if (fKey > 0 && fKey < 13) this.key = 'f' + fKey; + } + this.key = this.key || String.fromCharCode(this.code).toLowerCase(); + } else if (this.type.test(/(click|mouse|menu)/)){ + this.page = { + 'x': event.pageX || event.clientX + document.documentElement.scrollLeft, + 'y': event.pageY || event.clientY + document.documentElement.scrollTop + }; + this.client = { + 'x': event.pageX ? event.pageX - window.pageXOffset : event.clientX, + 'y': event.pageY ? event.pageY - window.pageYOffset : event.clientY + }; + this.rightClick = (event.which == 3) || (event.button == 2); + switch(this.type){ + case 'mouseover': this.relatedTarget = event.relatedTarget || event.fromElement; break; + case 'mouseout': this.relatedTarget = event.relatedTarget || event.toElement; + } + this.fixRelatedTarget(); + } + return this; + }, + + /* + Property: stop + cross browser method to stop an event + */ + + stop: function(){ + return this.stopPropagation().preventDefault(); + }, + + /* + Property: stopPropagation + cross browser method to stop the propagation of an event + */ + + stopPropagation: function(){ + if (this.event.stopPropagation) this.event.stopPropagation(); + else this.event.cancelBubble = true; + return this; + }, + + /* + Property: preventDefault + cross browser method to prevent the default action of the event + */ + + preventDefault: function(){ + if (this.event.preventDefault) this.event.preventDefault(); + else this.event.returnValue = false; + return this; + } + +}); + +Event.fix = { + + relatedTarget: function(){ + if (this.relatedTarget && this.relatedTarget.nodeType == 3) this.relatedTarget = this.relatedTarget.parentNode; + }, + + relatedTargetGecko: function(){ + try {Event.fix.relatedTarget.call(this);} catch(e){this.relatedTarget = this.target;} + } + +}; + +Event.prototype.fixRelatedTarget = (window.gecko) ? Event.fix.relatedTargetGecko : Event.fix.relatedTarget; + +/* +Property: keys + you can add additional Event keys codes this way: + +Example: + (start code) + Event.keys.whatever = 80; + $(myelement).addEvent(keydown, function(event){ + event = new Event(event); + if (event.key == 'whatever') console.log(whatever key clicked). + }); + (end) +*/ + +Event.keys = new Abstract({ + 'enter': 13, + 'up': 38, + 'down': 40, + 'left': 37, + 'right': 39, + 'esc': 27, + 'space': 32, + 'backspace': 8, + 'tab': 9, + 'delete': 46 +}); + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.Methods.Events = { + + /* + Property: addEvent + Attaches an event listener to a DOM element. + + Arguments: + type - the event to monitor ('click', 'load', etc) without the prefix 'on'. + fn - the function to execute + + Example: + >$('myElement').addEvent('click', function(){alert('clicked!')}); + */ + + addEvent: function(type, fn){ + this.$events = this.$events || {}; + this.$events[type] = this.$events[type] || {'keys': [], 'values': []}; + if (this.$events[type].keys.contains(fn)) return this; + this.$events[type].keys.push(fn); + var realType = type; + var custom = Element.Events[type]; + if (custom){ + if (custom.add) custom.add.call(this, fn); + if (custom.map) fn = custom.map; + if (custom.type) realType = custom.type; + } + if (!this.addEventListener) fn = fn.create({'bind': this, 'event': true}); + this.$events[type].values.push(fn); + return (Element.NativeEvents.contains(realType)) ? this.addListener(realType, fn) : this; + }, + + /* + Property: removeEvent + Works as Element.addEvent, but instead removes the previously added event listener. + */ + + removeEvent: function(type, fn){ + if (!this.$events || !this.$events[type]) return this; + var pos = this.$events[type].keys.indexOf(fn); + if (pos == -1) return this; + var key = this.$events[type].keys.splice(pos,1)[0]; + var value = this.$events[type].values.splice(pos,1)[0]; + var custom = Element.Events[type]; + if (custom){ + if (custom.remove) custom.remove.call(this, fn); + if (custom.type) type = custom.type; + } + return (Element.NativeEvents.contains(type)) ? this.removeListener(type, value) : this; + }, + + /* + Property: addEvents + As <addEvent>, but accepts an object and add multiple events at once. + */ + + addEvents: function(source){ + return Element.setMany(this, 'addEvent', source); + }, + + /* + Property: removeEvents + removes all events of a certain type from an element. if no argument is passed in, removes all events. + + Arguments: + type - string; the event name (e.g. 'click') + */ + + removeEvents: function(type){ + if (!this.$events) return this; + if (!type){ + for (var evType in this.$events) this.removeEvents(evType); + this.$events = null; + } else if (this.$events[type]){ + this.$events[type].keys.each(function(fn){ + this.removeEvent(type, fn); + }, this); + this.$events[type] = null; + } + return this; + }, + + /* + Property: fireEvent + executes all events of the specified type present in the element. + + Arguments: + type - string; the event name (e.g. 'click') + args - array or single object; arguments to pass to the function; if more than one argument, must be an array + delay - (integer) delay (in ms) to wait to execute the event + */ + + fireEvent: function(type, args, delay){ + if (this.$events && this.$events[type]){ + this.$events[type].keys.each(function(fn){ + fn.create({'bind': this, 'delay': delay, 'arguments': args})(); + }, this); + } + return this; + }, + + /* + Property: cloneEvents + Clones all events from an element to this element. + + Arguments: + from - element, copy all events from this element + type - optional, copies only events of this type + */ + + cloneEvents: function(from, type){ + if (!from.$events) return this; + if (!type){ + for (var evType in from.$events) this.cloneEvents(from, evType); + } else if (from.$events[type]){ + from.$events[type].keys.each(function(fn){ + this.addEvent(type, fn); + }, this); + } + return this; + } + +}; + +window.extend(Element.Methods.Events); +document.extend(Element.Methods.Events); +Element.extend(Element.Methods.Events); + +/* Section: Custom Events */ + +Element.Events = new Abstract({ + + /* + Event: mouseenter + In addition to the standard javascript events (load, mouseover, mouseout, click, etc.) <Event.js> contains two custom events + this event fires when the mouse enters the area of the dom element; will not be fired again if the mouse crosses over children of the element (unlike mouseover) + + + Example: + >$(myElement).addEvent('mouseenter', myFunction); + */ + + 'mouseenter': { + type: 'mouseover', + map: function(event){ + event = new Event(event); + if (event.relatedTarget != this && !this.hasChild(event.relatedTarget)) this.fireEvent('mouseenter', event); + } + }, + + /* + Event: mouseleave + this event fires when the mouse exits the area of the dom element; will not be fired again if the mouse crosses over children of the element (unlike mouseout) + + + Example: + >$(myElement).addEvent('mouseleave', myFunction); + */ + + 'mouseleave': { + type: 'mouseout', + map: function(event){ + event = new Event(event); + if (event.relatedTarget != this && !this.hasChild(event.relatedTarget)) this.fireEvent('mouseleave', event); + } + }, + + 'mousewheel': { + type: (window.gecko) ? 'DOMMouseScroll' : 'mousewheel' + } + +}); + +Element.NativeEvents = [ + 'click', 'dblclick', 'mouseup', 'mousedown', //mouse buttons + 'mousewheel', 'DOMMouseScroll', //mouse wheel + 'mouseover', 'mouseout', 'mousemove', //mouse movement + 'keydown', 'keypress', 'keyup', //keys + 'load', 'unload', 'beforeunload', 'resize', 'move', //window + 'focus', 'blur', 'change', 'submit', 'reset', 'select', //forms elements + 'error', 'abort', 'contextmenu', 'scroll' //misc +]; + +/* +Class: Function + A collection of The Function Object prototype methods. +*/ + +Function.extend({ + + /* + Property: bindWithEvent + automatically passes MooTools Event Class. + + Arguments: + bind - optional, the object that the "this" of the function will refer to. + args - optional, an argument to pass to the function; if more than one argument, it must be an array of arguments. + + Returns: + a function with the parameter bind as its "this" and as a pre-passed argument event or window.event, depending on the browser. + + Example: + >function myFunction(event){ + > alert(event.client.x) //returns the coordinates of the mouse.. + >}; + >myElement.addEvent('click', myFunction.bindWithEvent(myElement)); + */ + + bindWithEvent: function(bind, args){ + return this.create({'bind': bind, 'arguments': args, 'event': Event}); + } + +}); + + +/* +Script: Element.Filters.js + add Filters capability to <Elements>. + +License: + MIT-style license. +*/ + +/* +Class: Elements + A collection of methods to be used with <$$> elements collections. +*/ + +Elements.extend({ + + /* + Property: filterByTag + Filters the collection by a specified tag name. + Returns a new Elements collection, while the original remains untouched. + */ + + filterByTag: function(tag){ + return new Elements(this.filter(function(el){ + return (Element.getTag(el) == tag); + })); + }, + + /* + Property: filterByClass + Filters the collection by a specified class name. + Returns a new Elements collection, while the original remains untouched. + */ + + filterByClass: function(className, nocash){ + var elements = this.filter(function(el){ + return (el.className && el.className.contains(className, ' ')); + }); + return (nocash) ? elements : new Elements(elements); + }, + + /* + Property: filterById + Filters the collection by a specified ID. + Returns a new Elements collection, while the original remains untouched. + */ + + filterById: function(id, nocash){ + var elements = this.filter(function(el){ + return (el.id == id); + }); + return (nocash) ? elements : new Elements(elements); + }, + + /* + Property: filterByAttribute + Filters the collection by a specified attribute. + Returns a new Elements collection, while the original remains untouched. + + Arguments: + name - the attribute name. + operator - optional, the attribute operator. + value - optional, the attribute value, only valid if the operator is specified. + */ + + filterByAttribute: function(name, operator, value, nocash){ + var elements = this.filter(function(el){ + var current = Element.getProperty(el, name); + if (!current) return false; + if (!operator) return true; + switch(operator){ + case '=': return (current == value); + case '*=': return (current.contains(value)); + case '^=': return (current.substr(0, value.length) == value); + case '$=': return (current.substr(current.length - value.length) == value); + case '!=': return (current != value); + case '~=': return current.contains(value, ' '); + } + return false; + }); + return (nocash) ? elements : new Elements(elements); + } + +}); + +/* +Script: Element.Selectors.js + Css Query related functions and <Element> extensions + +License: + MIT-style license. +*/ + +/* Section: Utility Functions */ + +/* +Function: $E + Selects a single (i.e. the first found) Element based on the selector passed in and an optional filter element. + Returns as <Element>. + +Arguments: + selector - string; the css selector to match + filter - optional; a DOM element to limit the scope of the selector match; defaults to document. + +Example: + >$E('a', 'myElement') //find the first anchor tag inside the DOM element with id 'myElement' + +Returns: + a DOM element - the first element that matches the selector +*/ + +function $E(selector, filter){ + return ($(filter) || document).getElement(selector); +}; + +/* +Function: $ES + Returns a collection of Elements that match the selector passed in limited to the scope of the optional filter. + See Also: <Element.getElements> for an alternate syntax. + Returns as <Elements>. + +Returns: + an array of dom elements that match the selector within the filter + +Arguments: + selector - string; css selector to match + filter - optional; a DOM element to limit the scope of the selector match; defaults to document. + +Examples: + >$ES("a") //gets all the anchor tags; synonymous with $$("a") + >$ES('a','myElement') //get all the anchor tags within $('myElement') +*/ + +function $ES(selector, filter){ + return ($(filter) || document).getElementsBySelector(selector); +}; + +$$.shared = { + + 'regexp': /^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?([^"'\]]*)["']?)?])?$/, + + 'xpath': { + + getParam: function(items, context, param, i){ + var temp = [context.namespaceURI ? 'xhtml:' : '', param[1]]; + if (param[2]) temp.push('[@id="', param[2], '"]'); + if (param[3]) temp.push('[contains(concat(" ", @class, " "), " ', param[3], ' ")]'); + if (param[4]){ + if (param[5] && param[6]){ + switch(param[5]){ + case '*=': temp.push('[contains(@', param[4], ', "', param[6], '")]'); break; + case '^=': temp.push('[starts-with(@', param[4], ', "', param[6], '")]'); break; + case '$=': temp.push('[substring(@', param[4], ', string-length(@', param[4], ') - ', param[6].length, ' + 1) = "', param[6], '"]'); break; + case '=': temp.push('[@', param[4], '="', param[6], '"]'); break; + case '!=': temp.push('[@', param[4], '!="', param[6], '"]'); + } + } else { + temp.push('[@', param[4], ']'); + } + } + items.push(temp.join('')); + return items; + }, + + getItems: function(items, context, nocash){ + var elements = []; + var xpath = document.evaluate('.//' + items.join('//'), context, $$.shared.resolver, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); + for (var i = 0, j = xpath.snapshotLength; i < j; i++) elements.push(xpath.snapshotItem(i)); + return (nocash) ? elements : new Elements(elements.map($)); + } + + }, + + 'normal': { + + getParam: function(items, context, param, i){ + if (i == 0){ + if (param[2]){ + var el = context.getElementById(param[2]); + if (!el || ((param[1] != '*') && (Element.getTag(el) != param[1]))) return false; + items = [el]; + } else { + items = $A(context.getElementsByTagName(param[1])); + } + } else { + items = $$.shared.getElementsByTagName(items, param[1]); + if (param[2]) items = Elements.filterById(items, param[2], true); + } + if (param[3]) items = Elements.filterByClass(items, param[3], true); + if (param[4]) items = Elements.filterByAttribute(items, param[4], param[5], param[6], true); + return items; + }, + + getItems: function(items, context, nocash){ + return (nocash) ? items : $$.unique(items); + } + + }, + + resolver: function(prefix){ + return (prefix == 'xhtml') ? 'http://www.w3.org/1999/xhtml' : false; + }, + + getElementsByTagName: function(context, tagName){ + var found = []; + for (var i = 0, j = context.length; i < j; i++) found.extend(context[i].getElementsByTagName(tagName)); + return found; + } + +}; + +$$.shared.method = (window.xpath) ? 'xpath' : 'normal'; + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.Methods.Dom = { + + /* + Property: getElements + Gets all the elements within an element that match the given (single) selector. + Returns as <Elements>. + + Arguments: + selector - string; the css selector to match + + Examples: + >$('myElement').getElements('a'); // get all anchors within myElement + >$('myElement').getElements('input[name=dialog]') //get all input tags with name 'dialog' + >$('myElement').getElements('input[name$=log]') //get all input tags with names ending with 'log' + + Notes: + Supports these operators in attribute selectors: + + - = : is equal to + - ^= : starts-with + - $= : ends-with + - != : is not equal to + + Xpath is used automatically for compliant browsers. + */ + + getElements: function(selector, nocash){ + var items = []; + selector = selector.trim().split(' '); + for (var i = 0, j = selector.length; i < j; i++){ + var sel = selector[i]; + var param = sel.match($$.shared.regexp); + if (!param) break; + param[1] = param[1] || '*'; + var temp = $$.shared[$$.shared.method].getParam(items, this, param, i); + if (!temp) break; + items = temp; + } + return $$.shared[$$.shared.method].getItems(items, this, nocash); + }, + + /* + Property: getElement + Same as <Element.getElements>, but returns only the first. Alternate syntax for <$E>, where filter is the Element. + Returns as <Element>. + + Arguments: + selector - string; css selector + */ + + getElement: function(selector){ + return $(this.getElements(selector, true)[0] || false); + }, + + /* + Property: getElementsBySelector + Same as <Element.getElements>, but allows for comma separated selectors, as in css. Alternate syntax for <$$>, where filter is the Element. + Returns as <Elements>. + + Arguments: + selector - string; css selector + */ + + getElementsBySelector: function(selector, nocash){ + var elements = []; + selector = selector.split(','); + for (var i = 0, j = selector.length; i < j; i++) elements = elements.concat(this.getElements(selector[i], true)); + return (nocash) ? elements : $$.unique(elements); + } + +}; + +Element.extend({ + + /* + Property: getElementById + Targets an element with the specified id found inside the Element. Does not overwrite document.getElementById. + + Arguments: + id - string; the id of the element to find. + */ + + getElementById: function(id){ + var el = document.getElementById(id); + if (!el) return false; + for (var parent = el.parentNode; parent != this; parent = parent.parentNode){ + if (!parent) return false; + } + return el; + }/*compatibility*/, + + getElementsByClassName: function(className){ + return this.getElements('.' + className); + } + + /*end compatibility*/ + +}); + +document.extend(Element.Methods.Dom); +Element.extend(Element.Methods.Dom); + +/* +Script: Element.Form.js + Contains Element prototypes to deal with Forms and their elements. + +License: + MIT-style license. +*/ + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.extend({ + + /* + Property: getValue + Returns the value of the Element, if its tag is textarea, select or input. getValue called on a multiple select will return an array. + */ + + getValue: function(){ + switch(this.getTag()){ + case 'select': + var values = []; + $each(this.options, function(option){ + if (option.selected) values.push($pick(option.value, option.text)); + }); + return (this.multiple) ? values : values[0]; + case 'input': if (!(this.checked && ['checkbox', 'radio'].contains(this.type)) && !['hidden', 'text', 'password'].contains(this.type)) break; + case 'textarea': return this.value; + } + return false; + }, + + getFormElements: function(){ + return $$(this.getElementsByTagName('input'), this.getElementsByTagName('select'), this.getElementsByTagName('textarea')); + }, + + /* + Property: toQueryString + Reads the children inputs of the Element and generates a query string, based on their values. Used internally in <Ajax> + + Example: + (start code) + <form id="myForm" action="submit.php"> + <input name="email" value="bob@bob.com"> + <input name="zipCode" value="90210"> + </form> + + <script> + $('myForm').toQueryString() + </script> + (end) + + Returns: + email=bob@bob.com&zipCode=90210 + */ + + toQueryString: function(){ + var queryString = []; + this.getFormElements().each(function(el){ + var name = el.name; + var value = el.getValue(); + if (value === false || !name || el.disabled) return; + var qs = function(val){ + queryString.push(name + '=' + encodeURIComponent(val)); + }; + if ($type(value) == 'array') value.each(qs); + else qs(value); + }); + return queryString.join('&'); + } + +}); + +/* +Script: Element.Dimensions.js + Contains Element prototypes to deal with Element size and position in space. + +Note: + The functions in this script require n XHTML doctype. + +License: + MIT-style license. +*/ + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.extend({ + + /* + Property: scrollTo + Scrolls the element to the specified coordinated (if the element has an overflow) + + Arguments: + x - the x coordinate + y - the y coordinate + + Example: + >$('myElement').scrollTo(0, 100) + */ + + scrollTo: function(x, y){ + this.scrollLeft = x; + this.scrollTop = y; + }, + + /* + Property: getSize + Return an Object representing the size/scroll values of the element. + + Example: + (start code) + $('myElement').getSize(); + (end) + + Returns: + (start code) + { + 'scroll': {'x': 100, 'y': 100}, + 'size': {'x': 200, 'y': 400}, + 'scrollSize': {'x': 300, 'y': 500} + } + (end) + */ + + getSize: function(){ + return { + 'scroll': {'x': this.scrollLeft, 'y': this.scrollTop}, + 'size': {'x': this.offsetWidth, 'y': this.offsetHeight}, + 'scrollSize': {'x': this.scrollWidth, 'y': this.scrollHeight} + }; + }, + + /* + Property: getPosition + Returns the real offsets of the element. + + Arguments: + overflown - optional, an array of nested scrolling containers for scroll offset calculation, use this if your element is inside any element containing scrollbars + + Example: + >$('element').getPosition(); + + Returns: + >{x: 100, y:500}; + */ + + getPosition: function(overflown){ + overflown = overflown || []; + var el = this, left = 0, top = 0; + do { + left += el.offsetLeft || 0; + top += el.offsetTop || 0; + el = el.offsetParent; + } while (el); + overflown.each(function(element){ + left -= element.scrollLeft || 0; + top -= element.scrollTop || 0; + }); + return {'x': left, 'y': top}; + }, + + /* + Property: getTop + Returns the distance from the top of the window to the Element. + + Arguments: + overflown - optional, an array of nested scrolling containers, see Element::getPosition + */ + + getTop: function(overflown){ + return this.getPosition(overflown).y; + }, + + /* + Property: getLeft + Returns the distance from the left of the window to the Element. + + Arguments: + overflown - optional, an array of nested scrolling containers, see Element::getPosition + */ + + getLeft: function(overflown){ + return this.getPosition(overflown).x; + }, + + /* + Property: getCoordinates + Returns an object with width, height, left, right, top, and bottom, representing the values of the Element + + Arguments: + overflown - optional, an array of nested scrolling containers, see Element::getPosition + + Example: + (start code) + var myValues = $('myElement').getCoordinates(); + (end) + + Returns: + (start code) + { + width: 200, + height: 300, + left: 100, + top: 50, + right: 300, + bottom: 350 + } + (end) + */ + + getCoordinates: function(overflown){ + var position = this.getPosition(overflown); + var obj = { + 'width': this.offsetWidth, + 'height': this.offsetHeight, + 'left': position.x, + 'top': position.y + }; + obj.right = obj.left + obj.width; + obj.bottom = obj.top + obj.height; + return obj; + } + +}); + +/* +Script: Window.DomReady.js + Contains the custom event domready, for window. + +License: + MIT-style license. +*/ + +/* Section: Custom Events */ + +/* +Event: domready + executes a function when the dom tree is loaded, without waiting for images. Only works when called from window. + +Credits: + (c) Dean Edwards/Matthias Miller/John Resig, remastered for MooTools. + +Arguments: + fn - the function to execute when the DOM is ready + +Example: + > window.addEvent('domready', function(){ + > alert('the dom is ready'); + > }); +*/ + +Element.Events.domready = { + + add: function(fn){ + if (window.loaded){ + fn.call(this); + return; + } + var domReady = function(){ + if (window.loaded) return; + window.loaded = true; + window.timer = $clear(window.timer); + this.fireEvent('domready'); + }.bind(this); + if (document.readyState && window.webkit){ + window.timer = function(){ + if (['loaded','complete'].contains(document.readyState)) domReady(); + }.periodical(50); + } else if (document.readyState && window.ie){ + if (!$('ie_ready')){ + var src = (window.location.protocol == 'https:') ? '://0' : 'javascript:void(0)'; + document.write('<script id="ie_ready" defer src="' + src + '"><\/script>'); + $('ie_ready').onreadystatechange = function(){ + if (this.readyState == 'complete') domReady(); + }; + } + } else { + window.addListener("load", domReady); + document.addListener("DOMContentLoaded", domReady); + } + } + +}; + +/*compatibility*/ + +window.onDomReady = function(fn){ + return this.addEvent('domready', fn); +}; + +/*end compatibility*/ + +/* +Script: Window.Size.js + Window cross-browser dimensions methods. + +Note: + The Functions in this script require an XHTML doctype. + +License: + MIT-style license. +*/ + +/* +Class: window + Cross browser methods to get various window dimensions. + Warning: All these methods require that the browser operates in strict mode, not quirks mode. +*/ + +window.extend({ + + /* + Property: getWidth + Returns an integer representing the width of the browser window (without the scrollbar). + */ + + getWidth: function(){ + if (this.webkit419) return this.innerWidth; + if (this.opera) return document.body.clientWidth; + return document.documentElement.clientWidth; + }, + + /* + Property: getHeight + Returns an integer representing the height of the browser window (without the scrollbar). + */ + + getHeight: function(){ + if (this.webkit419) return this.innerHeight; + if (this.opera) return document.body.clientHeight; + return document.documentElement.clientHeight; + }, + + /* + Property: getScrollWidth + Returns an integer representing the scrollWidth of the window. + This value is equal to or bigger than <getWidth>. + + See Also: + <http://developer.mozilla.org/en/docs/DOM:element.scrollWidth> + */ + + getScrollWidth: function(){ + if (this.ie) return Math.max(document.documentElement.offsetWidth, document.documentElement.scrollWidth); + if (this.webkit) return document.body.scrollWidth; + return document.documentElement.scrollWidth; + }, + + /* + Property: getScrollHeight + Returns an integer representing the scrollHeight of the window. + This value is equal to or bigger than <getHeight>. + + See Also: + <http://developer.mozilla.org/en/docs/DOM:element.scrollHeight> + */ + + getScrollHeight: function(){ + if (this.ie) return Math.max(document.documentElement.offsetHeight, document.documentElement.scrollHeight); + if (this.webkit) return document.body.scrollHeight; + return document.documentElement.scrollHeight; + }, + + /* + Property: getScrollLeft + Returns an integer representing the scrollLeft of the window (the number of pixels the window has scrolled from the left). + + See Also: + <http://developer.mozilla.org/en/docs/DOM:element.scrollLeft> + */ + + getScrollLeft: function(){ + return this.pageXOffset || document.documentElement.scrollLeft; + }, + + /* + Property: getScrollTop + Returns an integer representing the scrollTop of the window (the number of pixels the window has scrolled from the top). + + See Also: + <http://developer.mozilla.org/en/docs/DOM:element.scrollTop> + */ + + getScrollTop: function(){ + return this.pageYOffset || document.documentElement.scrollTop; + }, + + /* + Property: getSize + Same as <Element.getSize> + */ + + getSize: function(){ + return { + 'size': {'x': this.getWidth(), 'y': this.getHeight()}, + 'scrollSize': {'x': this.getScrollWidth(), 'y': this.getScrollHeight()}, + 'scroll': {'x': this.getScrollLeft(), 'y': this.getScrollTop()} + }; + }, + + //ignore + getPosition: function(){return {'x': 0, 'y': 0};} + +}); + +/* +Script: Fx.Base.js + Contains <Fx.Base>, the foundamentals of the MooTools Effects. + +License: + MIT-style license. +*/ + +var Fx = {}; + +/* +Class: Fx.Base + Base class for the Effects. + +Options: + transition - the equation to use for the effect see <Fx.Transitions>; default is <Fx.Transitions.Sine.easeInOut> + duration - the duration of the effect in ms; 500 is the default. + unit - the unit is 'px' by default (other values include things like 'em' for fonts or '%'). + wait - boolean: to wait or not to wait for a current transition to end before running another of the same instance. defaults to true. + fps - the frames per second for the transition; default is 50 + +Events: + onStart - the function to execute as the effect begins; nothing (<Class.empty>) by default. + onComplete - the function to execute after the effect has processed; nothing (<Class.empty>) by default. + onCancel - the function to execute when you manually stop the effect. +*/ + +Fx.Base = new Class({ + + options: { + onStart: Class.empty, + onComplete: Class.empty, + onCancel: Class.empty, + transition: function(p){ + return -(Math.cos(Math.PI * p) - 1) / 2; + }, + duration: 500, + unit: 'px', + wait: true, + fps: 50 + }, + + initialize: function(options){ + this.element = this.element || null; + this.setOptions(options); + if (this.options.initialize) this.options.initialize.call(this); + }, + + step: function(){ + var time = $time(); + if (time < this.time + this.options.duration){ + this.delta = this.options.transition((time - this.time) / this.options.duration); + this.setNow(); + this.increase(); + } else { + this.stop(true); + this.set(this.to); + this.fireEvent('onComplete', this.element, 10); + this.callChain(); + } + }, + + /* + Property: set + Immediately sets the value with no transition. + + Arguments: + to - the point to jump to + + Example: + >var myFx = new Fx.Style('myElement', 'opacity').set(0); //will make it immediately transparent + */ + + set: function(to){ + this.now = to; + this.increase(); + return this; + }, + + setNow: function(){ + this.now = this.compute(this.from, this.to); + }, + + compute: function(from, to){ + return (to - from) * this.delta + from; + }, + + /* + Property: start + Executes an effect from one position to the other. + + Arguments: + from - integer: staring value + to - integer: the ending value + + Examples: + >var myFx = new Fx.Style('myElement', 'opacity').start(0,1); //display a transition from transparent to opaque. + */ + + start: function(from, to){ + if (!this.options.wait) this.stop(); + else if (this.timer) return this; + this.from = from; + this.to = to; + this.change = this.to - this.from; + this.time = $time(); + this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this); + this.fireEvent('onStart', this.element); + return this; + }, + + /* + Property: stop + Stops the transition. + */ + + stop: function(end){ + if (!this.timer) return this; + this.timer = $clear(this.timer); + if (!end) this.fireEvent('onCancel', this.element); + return this; + }/*compatibility*/, + + custom: function(from, to){ + return this.start(from, to); + }, + + clearTimer: function(end){ + return this.stop(end); + } + + /*end compatibility*/ + +}); + +Fx.Base.implement(new Chain, new Events, new Options); + +/* +Script: Fx.CSS.js + Css parsing class for effects. Required by <Fx.Style>, <Fx.Styles>, <Fx.Elements>. No documentation needed, as its used internally. + +License: + MIT-style license. +*/ + +Fx.CSS = { + + select: function(property, to){ + if (property.test(/color/i)) return this.Color; + var type = $type(to); + if ((type == 'array') || (type == 'string' && to.contains(' '))) return this.Multi; + return this.Single; + }, + + parse: function(el, property, fromTo){ + if (!fromTo.push) fromTo = [fromTo]; + var from = fromTo[0], to = fromTo[1]; + if (!$chk(to)){ + to = from; + from = el.getStyle(property); + } + var css = this.select(property, to); + return {'from': css.parse(from), 'to': css.parse(to), 'css': css}; + } + +}; + +Fx.CSS.Single = { + + parse: function(value){ + return parseFloat(value); + }, + + getNow: function(from, to, fx){ + return fx.compute(from, to); + }, + + getValue: function(value, unit, property){ + if (unit == 'px' && property != 'opacity') value = Math.round(value); + return value + unit; + } + +}; + +Fx.CSS.Multi = { + + parse: function(value){ + return value.push ? value : value.split(' ').map(function(v){ + return parseFloat(v); + }); + }, + + getNow: function(from, to, fx){ + var now = []; + for (var i = 0; i < from.length; i++) now[i] = fx.compute(from[i], to[i]); + return now; + }, + + getValue: function(value, unit, property){ + if (unit == 'px' && property != 'opacity') value = value.map(Math.round); + return value.join(unit + ' ') + unit; + } + +}; + +Fx.CSS.Color = { + + parse: function(value){ + return value.push ? value : value.hexToRgb(true); + }, + + getNow: function(from, to, fx){ + var now = []; + for (var i = 0; i < from.length; i++) now[i] = Math.round(fx.compute(from[i], to[i])); + return now; + }, + + getValue: function(value){ + return 'rgb(' + value.join(',') + ')'; + } + +}; + +/* +Script: Fx.Style.js + Contains <Fx.Style> + +License: + MIT-style license. +*/ + +/* +Class: Fx.Style + The Style effect, used to transition any css property from one value to another. Includes colors. + Colors must be in hex format. + Inherits methods, properties, options and events from <Fx.Base>. + +Arguments: + el - the $(element) to apply the style transition to + property - the property to transition + options - the Fx.Base options (see: <Fx.Base>) + +Example: + >var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500}); + >marginChange.start(10, 100); +*/ + +Fx.Style = Fx.Base.extend({ + + initialize: function(el, property, options){ + this.element = $(el); + this.property = property; + this.parent(options); + }, + + /* + Property: hide + Same as <Fx.Base.set> (0); hides the element immediately without transition. + */ + + hide: function(){ + return this.set(0); + }, + + setNow: function(){ + this.now = this.css.getNow(this.from, this.to, this); + }, + + /* + Property: set + Sets the element's css property (specified at instantiation) to the specified value immediately. + + Example: + (start code) + var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500}); + marginChange.set(10); //margin-top is set to 10px immediately + (end) + */ + + set: function(to){ + this.css = Fx.CSS.select(this.property, to); + return this.parent(this.css.parse(to)); + }, + + /* + Property: start + Displays the transition to the value/values passed in + + Arguments: + from - (integer; optional) the starting position for the transition + to - (integer) the ending position for the transition + + Note: + If you provide only one argument, the transition will use the current css value for its starting value. + + Example: + (start code) + var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500}); + marginChange.start(10); //tries to read current margin top value and goes from current to 10 + (end) + */ + + start: function(from, to){ + if (this.timer && this.options.wait) return this; + var parsed = Fx.CSS.parse(this.element, this.property, [from, to]); + this.css = parsed.css; + return this.parent(parsed.from, parsed.to); + }, + + increase: function(){ + this.element.setStyle(this.property, this.css.getValue(this.now, this.options.unit, this.property)); + } + +}); + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.extend({ + + /* + Property: effect + Applies an <Fx.Style> to the Element; This a shortcut for <Fx.Style>. + + Arguments: + property - (string) the css property to alter + options - (object; optional) key/value set of options (see <Fx.Style>) + + Example: + >var myEffect = $('myElement').effect('height', {duration: 1000, transition: Fx.Transitions.linear}); + >myEffect.start(10, 100); + >//OR + >$('myElement').effect('height', {duration: 1000, transition: Fx.Transitions.linear}).start(10,100); + */ + + effect: function(property, options){ + return new Fx.Style(this, property, options); + } + +}); + +/* +Script: Fx.Styles.js + Contains <Fx.Styles> + +License: + MIT-style license. +*/ + +/* +Class: Fx.Styles + Allows you to animate multiple css properties at once; + Colors must be in hex format. + Inherits methods, properties, options and events from <Fx.Base>. + +Arguments: + el - the $(element) to apply the styles transition to + options - the fx options (see: <Fx.Base>) + +Example: + (start code) + var myEffects = new Fx.Styles('myElement', {duration: 1000, transition: Fx.Transitions.linear}); + + //height from 10 to 100 and width from 900 to 300 + myEffects.start({ + 'height': [10, 100], + 'width': [900, 300] + }); + + //or height from current height to 100 and width from current width to 300 + myEffects.start({ + 'height': 100, + 'width': 300 + }); + (end) +*/ + +Fx.Styles = Fx.Base.extend({ + + initialize: function(el, options){ + this.element = $(el); + this.parent(options); + }, + + setNow: function(){ + for (var p in this.from) this.now[p] = this.css[p].getNow(this.from[p], this.to[p], this); + }, + + set: function(to){ + var parsed = {}; + this.css = {}; + for (var p in to){ + this.css[p] = Fx.CSS.select(p, to[p]); + parsed[p] = this.css[p].parse(to[p]); + } + return this.parent(parsed); + }, + + /* + Property: start + Executes a transition for any number of css properties in tandem. + + Arguments: + obj - an object containing keys that specify css properties to alter and values that specify either the from/to values (as an array) or just the end value (an integer). + + Example: + see <Fx.Styles> + */ + + start: function(obj){ + if (this.timer && this.options.wait) return this; + this.now = {}; + this.css = {}; + var from = {}, to = {}; + for (var p in obj){ + var parsed = Fx.CSS.parse(this.element, p, obj[p]); + from[p] = parsed.from; + to[p] = parsed.to; + this.css[p] = parsed.css; + } + return this.parent(from, to); + }, + + increase: function(){ + for (var p in this.now) this.element.setStyle(p, this.css[p].getValue(this.now[p], this.options.unit, p)); + } + +}); + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.extend({ + + /* + Property: effects + Applies an <Fx.Styles> to the Element; This a shortcut for <Fx.Styles>. + + Example: + >var myEffects = $(myElement).effects({duration: 1000, transition: Fx.Transitions.Sine.easeInOut}); + >myEffects.start({'height': [10, 100], 'width': [900, 300]}); + */ + + effects: function(options){ + return new Fx.Styles(this, options); + } + +}); + +/* +Script: Fx.Elements.js + Contains <Fx.Elements> + +License: + MIT-style license. +*/ + +/* +Class: Fx.Elements + Fx.Elements allows you to apply any number of styles transitions to a selection of elements. Includes colors (must be in hex format). + Inherits methods, properties, options and events from <Fx.Base>. + +Arguments: + elements - a collection of elements the effects will be applied to. + options - same as <Fx.Base> options. +*/ + +Fx.Elements = Fx.Base.extend({ + + initialize: function(elements, options){ + this.elements = $$(elements); + this.parent(options); + }, + + setNow: function(){ + for (var i in this.from){ + var iFrom = this.from[i], iTo = this.to[i], iCss = this.css[i], iNow = this.now[i] = {}; + for (var p in iFrom) iNow[p] = iCss[p].getNow(iFrom[p], iTo[p], this); + } + }, + + set: function(to){ + var parsed = {}; + this.css = {}; + for (var i in to){ + var iTo = to[i], iCss = this.css[i] = {}, iParsed = parsed[i] = {}; + for (var p in iTo){ + iCss[p] = Fx.CSS.select(p, iTo[p]); + iParsed[p] = iCss[p].parse(iTo[p]); + } + } + return this.parent(parsed); + }, + + /* + Property: start + Applies the passed in style transitions to each object named (see example). Each item in the collection is refered to as a numerical string ("1" for instance). The first item is "0", the second "1", etc. + + Example: + (start code) + var myElementsEffects = new Fx.Elements($$('a')); + myElementsEffects.start({ + '0': { //let's change the first element's opacity and width + 'opacity': [0,1], + 'width': [100,200] + }, + '4': { //and the fifth one's opacity + 'opacity': [0.2, 0.5] + } + }); + (end) + */ + + start: function(obj){ + if (this.timer && this.options.wait) return this; + this.now = {}; + this.css = {}; + var from = {}, to = {}; + for (var i in obj){ + var iProps = obj[i], iFrom = from[i] = {}, iTo = to[i] = {}, iCss = this.css[i] = {}; + for (var p in iProps){ + var parsed = Fx.CSS.parse(this.elements[i], p, iProps[p]); + iFrom[p] = parsed.from; + iTo[p] = parsed.to; + iCss[p] = parsed.css; + } + } + return this.parent(from, to); + }, + + increase: function(){ + for (var i in this.now){ + var iNow = this.now[i], iCss = this.css[i]; + for (var p in iNow) this.elements[i].setStyle(p, iCss[p].getValue(iNow[p], this.options.unit, p)); + } + } + +}); + +/* +Script: Fx.Scroll.js + Contains <Fx.Scroll> + +License: + MIT-style license. +*/ + +/* +Class: Fx.Scroll + Scroll any element with an overflow, including the window element. + Inherits methods, properties, options and events from <Fx.Base>. + +Note: + Fx.Scroll requires an XHTML doctype. + +Arguments: + element - the element to scroll + options - optional, see Options below. + +Options: + all the Fx.Base options and events, plus: + offset - the distance for the scrollTo point/element. an Object with x/y properties. + overflown - an array of nested scrolling containers, see <Element.getPosition> +*/ + +Fx.Scroll = Fx.Base.extend({ + + options: { + overflown: [], + offset: {'x': 0, 'y': 0}, + wheelStops: true + }, + + initialize: function(element, options){ + this.now = []; + this.element = $(element); + this.bound = {'stop': this.stop.bind(this, false)}; + this.parent(options); + if (this.options.wheelStops){ + this.addEvent('onStart', function(){ + document.addEvent('mousewheel', this.bound.stop); + }.bind(this)); + this.addEvent('onComplete', function(){ + document.removeEvent('mousewheel', this.bound.stop); + }.bind(this)); + } + }, + + setNow: function(){ + for (var i = 0; i < 2; i++) this.now[i] = this.compute(this.from[i], this.to[i]); + }, + + /* + Property: scrollTo + Scrolls the chosen element to the x/y coordinates. + + Arguments: + x - the x coordinate to scroll the element to + y - the y coordinate to scroll the element to + */ + + scrollTo: function(x, y){ + if (this.timer && this.options.wait) return this; + var el = this.element.getSize(); + var values = {'x': x, 'y': y}; + for (var z in el.size){ + var max = el.scrollSize[z] - el.size[z]; + if ($chk(values[z])) values[z] = ($type(values[z]) == 'number') ? values[z].limit(0, max) : max; + else values[z] = el.scroll[z]; + values[z] += this.options.offset[z]; + } + return this.start([el.scroll.x, el.scroll.y], [values.x, values.y]); + }, + + /* + Property: toTop + Scrolls the chosen element to its maximum top. + */ + + toTop: function(){ + return this.scrollTo(false, 0); + }, + + /* + Property: toBottom + Scrolls the chosen element to its maximum bottom. + */ + + toBottom: function(){ + return this.scrollTo(false, 'full'); + }, + + /* + Property: toLeft + Scrolls the chosen element to its maximum left. + */ + + toLeft: function(){ + return this.scrollTo(0, false); + }, + + /* + Property: toRight + Scrolls the chosen element to its maximum right. + */ + + toRight: function(){ + return this.scrollTo('full', false); + }, + + /* + Property: toElement + Scrolls the specified element to the position the passed in element is found. + + Arguments: + el - the $(element) to scroll the window to + */ + + toElement: function(el){ + var parent = this.element.getPosition(this.options.overflown); + var target = $(el).getPosition(this.options.overflown); + return this.scrollTo(target.x - parent.x, target.y - parent.y); + }, + + increase: function(){ + this.element.scrollTo(this.now[0], this.now[1]); + } + +}); + +/* +Script: Fx.Slide.js + Contains <Fx.Slide> + +License: + MIT-style license. +*/ + +/* +Class: Fx.Slide + The slide effect; slides an element in horizontally or vertically, the contents will fold inside. + Inherits methods, properties, options and events from <Fx.Base>. + +Note: + Fx.Slide requires an XHTML doctype. + +Options: + mode - set it to vertical or horizontal. Defaults to vertical. + options - all the <Fx.Base> options + +Example: + (start code) + var mySlider = new Fx.Slide('myElement', {duration: 500}); + mySlider.toggle() //toggle the slider up and down. + (end) +*/ + +Fx.Slide = Fx.Base.extend({ + + options: { + mode: 'vertical' + }, + + initialize: function(el, options){ + this.element = $(el); + this.wrapper = new Element('div', {'styles': $extend(this.element.getStyles('margin'), {'overflow': 'hidden'})}).injectAfter(this.element).adopt(this.element); + this.element.setStyle('margin', 0); + this.setOptions(options); + this.now = []; + this.parent(this.options); + this.open = true; + this.addEvent('onComplete', function(){ + this.open = (this.now[0] === 0); + }); + if (window.webkit419) this.addEvent('onComplete', function(){ + if (this.open) this.element.remove().inject(this.wrapper); + }); + }, + + setNow: function(){ + for (var i = 0; i < 2; i++) this.now[i] = this.compute(this.from[i], this.to[i]); + }, + + vertical: function(){ + this.margin = 'margin-top'; + this.layout = 'height'; + this.offset = this.element.offsetHeight; + }, + + horizontal: function(){ + this.margin = 'margin-left'; + this.layout = 'width'; + this.offset = this.element.offsetWidth; + }, + + /* + Property: slideIn + Slides the elements in view horizontally or vertically. + + Arguments: + mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode. + */ + + slideIn: function(mode){ + this[mode || this.options.mode](); + return this.start([this.element.getStyle(this.margin).toInt(), this.wrapper.getStyle(this.layout).toInt()], [0, this.offset]); + }, + + /* + Property: slideOut + Sides the elements out of view horizontally or vertically. + + Arguments: + mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode. + */ + + slideOut: function(mode){ + this[mode || this.options.mode](); + return this.start([this.element.getStyle(this.margin).toInt(), this.wrapper.getStyle(this.layout).toInt()], [-this.offset, 0]); + }, + + /* + Property: hide + Hides the element without a transition. + + Arguments: + mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode. + */ + + hide: function(mode){ + this[mode || this.options.mode](); + this.open = false; + return this.set([-this.offset, 0]); + }, + + /* + Property: show + Shows the element without a transition. + + Arguments: + mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode. + */ + + show: function(mode){ + this[mode || this.options.mode](); + this.open = true; + return this.set([0, this.offset]); + }, + + /* + Property: toggle + Slides in or Out the element, depending on its state + + Arguments: + mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode. + + */ + + toggle: function(mode){ + if (this.wrapper.offsetHeight == 0 || this.wrapper.offsetWidth == 0) return this.slideIn(mode); + return this.slideOut(mode); + }, + + increase: function(){ + this.element.setStyle(this.margin, this.now[0] + this.options.unit); + this.wrapper.setStyle(this.layout, this.now[1] + this.options.unit); + } + +}); + +/* +Script: Fx.Transitions.js + Effects transitions, to be used with all the effects. + +License: + MIT-style license. + +Credits: + Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>, modified & optimized to be used with mootools. +*/ + +/* +Class: Fx.Transitions + A collection of tweening transitions for use with the <Fx.Base> classes. + +Example: + >//Elastic.easeOut with default values: + >new Fx.Style('margin', {transition: Fx.Transitions.Elastic.easeOut}); + >//Elastic.easeOut with user-defined value for elasticity. + > var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 3); + >new Fx.Style('margin', {transition: myTransition.easeOut}); + +See also: + http://www.robertpenner.com/easing/ +*/ + +Fx.Transition = function(transition, params){ + params = params || []; + if ($type(params) != 'array') params = [params]; + return $extend(transition, { + easeIn: function(pos){ + return transition(pos, params); + }, + easeOut: function(pos){ + return 1 - transition(1 - pos, params); + }, + easeInOut: function(pos){ + return (pos <= 0.5) ? transition(2 * pos, params) / 2 : (2 - transition(2 * (1 - pos), params)) / 2; + } + }); +}; + +Fx.Transitions = new Abstract({ + + /* + Property: linear + displays a linear transition. + + Graph: + (see Linear.png) + */ + + linear: function(p){ + return p; + } + +}); + +Fx.Transitions.extend = function(transitions){ + for (var transition in transitions){ + Fx.Transitions[transition] = new Fx.Transition(transitions[transition]); + /*compatibility*/ + Fx.Transitions.compat(transition); + /*end compatibility*/ + } +}; + +/*compatibility*/ + +Fx.Transitions.compat = function(transition){ + ['In', 'Out', 'InOut'].each(function(easeType){ + Fx.Transitions[transition.toLowerCase() + easeType] = Fx.Transitions[transition]['ease' + easeType]; + }); +}; + +/*end compatibility*/ + +Fx.Transitions.extend({ + + /* + Property: Quad + displays a quadratic transition. Must be used as Quad.easeIn or Quad.easeOut or Quad.easeInOut + + Graph: + (see Quad.png) + */ + + //auto generated + + /* + Property: Cubic + displays a cubicular transition. Must be used as Cubic.easeIn or Cubic.easeOut or Cubic.easeInOut + + Graph: + (see Cubic.png) + */ + + //auto generated + + /* + Property: Quart + displays a quartetic transition. Must be used as Quart.easeIn or Quart.easeOut or Quart.easeInOut + + Graph: + (see Quart.png) + */ + + //auto generated + + /* + Property: Quint + displays a quintic transition. Must be used as Quint.easeIn or Quint.easeOut or Quint.easeInOut + + Graph: + (see Quint.png) + */ + + //auto generated + + /* + Property: Pow + Used to generate Quad, Cubic, Quart and Quint. + By default is p^6. + + Graph: + (see Pow.png) + */ + + Pow: function(p, x){ + return Math.pow(p, x[0] || 6); + }, + + /* + Property: Expo + displays a exponential transition. Must be used as Expo.easeIn or Expo.easeOut or Expo.easeInOut + + Graph: + (see Expo.png) + */ + + Expo: function(p){ + return Math.pow(2, 8 * (p - 1)); + }, + + /* + Property: Circ + displays a circular transition. Must be used as Circ.easeIn or Circ.easeOut or Circ.easeInOut + + Graph: + (see Circ.png) + */ + + Circ: function(p){ + return 1 - Math.sin(Math.acos(p)); + }, + + + /* + Property: Sine + displays a sineousidal transition. Must be used as Sine.easeIn or Sine.easeOut or Sine.easeInOut + + Graph: + (see Sine.png) + */ + + Sine: function(p){ + return 1 - Math.sin((1 - p) * Math.PI / 2); + }, + + /* + Property: Back + makes the transition go back, then all forth. Must be used as Back.easeIn or Back.easeOut or Back.easeInOut + + Graph: + (see Back.png) + */ + + Back: function(p, x){ + x = x[0] || 1.618; + return Math.pow(p, 2) * ((x + 1) * p - x); + }, + + /* + Property: Bounce + makes the transition bouncy. Must be used as Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut + + Graph: + (see Bounce.png) + */ + + Bounce: function(p){ + var value; + for (var a = 0, b = 1; 1; a += b, b /= 2){ + if (p >= (7 - 4 * a) / 11){ + value = - Math.pow((11 - 6 * a - 11 * p) / 4, 2) + b * b; + break; + } + } + return value; + }, + + /* + Property: Elastic + Elastic curve. Must be used as Elastic.easeIn or Elastic.easeOut or Elastic.easeInOut + + Graph: + (see Elastic.png) + */ + + Elastic: function(p, x){ + return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3); + } + +}); + +['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){ + Fx.Transitions[transition] = new Fx.Transition(function(p){ + return Math.pow(p, [i + 2]); + }); + + /*compatibility*/ + Fx.Transitions.compat(transition); + /*end compatibility*/ +}); + +/* +Script: Drag.Base.js + Contains <Drag.Base>, <Element.makeResizable> + +License: + MIT-style license. +*/ + +var Drag = {}; + +/* +Class: Drag.Base + Modify two css properties of an element based on the position of the mouse. + +Note: + Drag.Base requires an XHTML doctype. + +Arguments: + el - the $(element) to apply the transformations to. + options - optional. The options object. + +Options: + handle - the $(element) to act as the handle for the draggable element. defaults to the $(element) itself. + modifiers - an object. see Modifiers Below. + limit - an object, see Limit below. + grid - optional, distance in px for snap-to-grid dragging + snap - optional, the distance you have to drag before the element starts to respond to the drag. defaults to false + + modifiers: + x - string, the style you want to modify when the mouse moves in an horizontal direction. defaults to 'left' + y - string, the style you want to modify when the mouse moves in a vertical direction. defaults to 'top' + + limit: + x - array with start and end limit relative to modifiers.x + y - array with start and end limit relative to modifiers.y + +Events: + onStart - optional, function to execute when the user starts to drag (on mousedown); + onComplete - optional, function to execute when the user completes the drag. + onDrag - optional, function to execute at every step of the drag +*/ + +Drag.Base = new Class({ + + options: { + handle: false, + unit: 'px', + onStart: Class.empty, + onBeforeStart: Class.empty, + onComplete: Class.empty, + onSnap: Class.empty, + onDrag: Class.empty, + limit: false, + modifiers: {x: 'left', y: 'top'}, + grid: false, + snap: 6 + }, + + initialize: function(el, options){ + this.setOptions(options); + this.element = $(el); + this.handle = $(this.options.handle) || this.element; + this.mouse = {'now': {}, 'pos': {}}; + this.value = {'start': {}, 'now': {}}; + this.bound = { + 'start': this.start.bindWithEvent(this), + 'check': this.check.bindWithEvent(this), + 'drag': this.drag.bindWithEvent(this), + 'stop': this.stop.bind(this) + }; + this.attach(); + if (this.options.initialize) this.options.initialize.call(this); + }, + + attach: function(){ + this.handle.addEvent('mousedown', this.bound.start); + return this; + }, + + detach: function(){ + this.handle.removeEvent('mousedown', this.bound.start); + return this; + }, + + start: function(event){ + this.fireEvent('onBeforeStart', this.element); + this.mouse.start = event.page; + var limit = this.options.limit; + this.limit = {'x': [], 'y': []}; + for (var z in this.options.modifiers){ + if (!this.options.modifiers[z]) continue; + this.value.now[z] = this.element.getStyle(this.options.modifiers[z]).toInt(); + this.mouse.pos[z] = event.page[z] - this.value.now[z]; + if (limit && limit[z]){ + for (var i = 0; i < 2; i++){ + if ($chk(limit[z][i])) this.limit[z][i] = ($type(limit[z][i]) == 'function') ? limit[z][i]() : limit[z][i]; + } + } + } + if ($type(this.options.grid) == 'number') this.options.grid = {'x': this.options.grid, 'y': this.options.grid}; + document.addListener('mousemove', this.bound.check); + document.addListener('mouseup', this.bound.stop); + this.fireEvent('onStart', this.element); + event.stop(); + }, + + check: function(event){ + var distance = Math.round(Math.sqrt(Math.pow(event.page.x - this.mouse.start.x, 2) + Math.pow(event.page.y - this.mouse.start.y, 2))); + if (distance > this.options.snap){ + document.removeListener('mousemove', this.bound.check); + document.addListener('mousemove', this.bound.drag); + this.drag(event); + this.fireEvent('onSnap', this.element); + } + event.stop(); + }, + + drag: function(event){ + this.out = false; + this.mouse.now = event.page; + for (var z in this.options.modifiers){ + if (!this.options.modifiers[z]) continue; + this.value.now[z] = this.mouse.now[z] - this.mouse.pos[z]; + if (this.limit[z]){ + if ($chk(this.limit[z][1]) && (this.value.now[z] > this.limit[z][1])){ + this.value.now[z] = this.limit[z][1]; + this.out = true; + } else if ($chk(this.limit[z][0]) && (this.value.now[z] < this.limit[z][0])){ + this.value.now[z] = this.limit[z][0]; + this.out = true; + } + } + if (this.options.grid[z]) this.value.now[z] -= (this.value.now[z] % this.options.grid[z]); + this.element.setStyle(this.options.modifiers[z], this.value.now[z] + this.options.unit); + } + this.fireEvent('onDrag', this.element); + event.stop(); + }, + + stop: function(){ + document.removeListener('mousemove', this.bound.check); + document.removeListener('mousemove', this.bound.drag); + document.removeListener('mouseup', this.bound.stop); + this.fireEvent('onComplete', this.element); + } + +}); + +Drag.Base.implement(new Events, new Options); + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.extend({ + + /* + Property: makeResizable + Makes an element resizable (by dragging) with the supplied options. + + Arguments: + options - see <Drag.Base> for acceptable options. + */ + + makeResizable: function(options){ + return new Drag.Base(this, $merge({modifiers: {x: 'width', y: 'height'}}, options)); + } + +}); + +/* +Script: Drag.Move.js + Contains <Drag.Move>, <Element.makeDraggable> + +License: + MIT-style license. +*/ + +/* +Class: Drag.Move + Extends <Drag.Base>, has additional functionality for dragging an element, support snapping and droppables. + Drag.move supports either position absolute or relative. If no position is found, absolute will be set. + Inherits methods, properties, options and events from <Drag.Base>. + +Note: + Drag.Move requires an XHTML doctype. + +Arguments: + el - the $(element) to apply the drag to. + options - optional. see Options below. + +Options: + all the drag.Base options, plus: + container - an element, will fill automatically limiting options based on the $(element) size and position. defaults to false (no limiting) + droppables - an array of elements you can drop your draggable to. + overflown - an array of nested scrolling containers, see Element::getPosition +*/ + +Drag.Move = Drag.Base.extend({ + + options: { + droppables: [], + container: false, + overflown: [] + }, + + initialize: function(el, options){ + this.setOptions(options); + this.element = $(el); + this.droppables = $$(this.options.droppables); + this.container = $(this.options.container); + this.position = {'element': this.element.getStyle('position'), 'container': false}; + if (this.container) this.position.container = this.container.getStyle('position'); + if (!['relative', 'absolute', 'fixed'].contains(this.position.element)) this.position.element = 'absolute'; + var top = this.element.getStyle('top').toInt(); + var left = this.element.getStyle('left').toInt(); + if (this.position.element == 'absolute' && !['relative', 'absolute', 'fixed'].contains(this.position.container)){ + top = $chk(top) ? top : this.element.getTop(this.options.overflown); + left = $chk(left) ? left : this.element.getLeft(this.options.overflown); + } else { + top = $chk(top) ? top : 0; + left = $chk(left) ? left : 0; + } + this.element.setStyles({'top': top, 'left': left, 'position': this.position.element}); + this.parent(this.element); + }, + + start: function(event){ + this.overed = null; + if (this.container){ + var cont = this.container.getCoordinates(); + var el = this.element.getCoordinates(); + if (this.position.element == 'absolute' && !['relative', 'absolute', 'fixed'].contains(this.position.container)){ + this.options.limit = { + 'x': [cont.left, cont.right - el.width], + 'y': [cont.top, cont.bottom - el.height] + }; + } else { + this.options.limit = { + 'y': [0, cont.height - el.height], + 'x': [0, cont.width - el.width] + }; + } + } + this.parent(event); + }, + + drag: function(event){ + this.parent(event); + var overed = this.out ? false : this.droppables.filter(this.checkAgainst, this).getLast(); + if (this.overed != overed){ + if (this.overed) this.overed.fireEvent('leave', [this.element, this]); + this.overed = overed ? overed.fireEvent('over', [this.element, this]) : null; + } + return this; + }, + + checkAgainst: function(el){ + el = el.getCoordinates(this.options.overflown); + var now = this.mouse.now; + return (now.x > el.left && now.x < el.right && now.y < el.bottom && now.y > el.top); + }, + + stop: function(){ + if (this.overed && !this.out) this.overed.fireEvent('drop', [this.element, this]); + else this.element.fireEvent('emptydrop', this); + this.parent(); + return this; + } + +}); + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.extend({ + + /* + Property: makeDraggable + Makes an element draggable with the supplied options. + + Arguments: + options - see <Drag.Move> and <Drag.Base> for acceptable options. + */ + + makeDraggable: function(options){ + return new Drag.Move(this, options); + } + +}); + +/* +Script: XHR.js + Contains the basic XMLHttpRequest Class Wrapper. + +License: + MIT-style license. +*/ + +/* +Class: XHR + Basic XMLHttpRequest Wrapper. + +Arguments: + options - an object with options names as keys. See options below. + +Options: + method - 'post' or 'get' - the protocol for the request; optional, defaults to 'post'. + async - boolean: asynchronous option; true uses asynchronous requests. Defaults to true. + encoding - the encoding, defaults to utf-8. + autoCancel - cancels the already running request if another one is sent. defaults to false. + headers - accepts an object, that will be set to request headers. + +Events: + onRequest - function to execute when the XHR request is fired. + onSuccess - function to execute when the XHR request completes. + onStateChange - function to execute when the state of the XMLHttpRequest changes. + onFailure - function to execute when the state of the XMLHttpRequest changes. + +Properties: + running - true if the request is running. + response - object, text and xml as keys. You can access this property in the onSuccess event. + +Example: + >var myXHR = new XHR({method: 'get'}).send('http://site.com/requestHandler.php', 'name=john&lastname=dorian'); +*/ + +var XHR = new Class({ + + options: { + method: 'post', + async: true, + onRequest: Class.empty, + onSuccess: Class.empty, + onFailure: Class.empty, + urlEncoded: true, + encoding: 'utf-8', + autoCancel: false, + headers: {} + }, + + setTransport: function(){ + this.transport = (window.XMLHttpRequest) ? new XMLHttpRequest() : (window.ie ? new ActiveXObject('Microsoft.XMLHTTP') : false); + return this; + }, + + initialize: function(options){ + this.setTransport().setOptions(options); + this.options.isSuccess = this.options.isSuccess || this.isSuccess; + this.headers = {}; + if (this.options.urlEncoded && this.options.method == 'post'){ + var encoding = (this.options.encoding) ? '; charset=' + this.options.encoding : ''; + this.setHeader('Content-type', 'application/x-www-form-urlencoded' + encoding); + } + if (this.options.initialize) this.options.initialize.call(this); + }, + + onStateChange: function(){ + if (this.transport.readyState != 4 || !this.running) return; + this.running = false; + var status = 0; + try {status = this.transport.status;} catch(e){}; + if (this.options.isSuccess.call(this, status)) this.onSuccess(); + else this.onFailure(); + this.transport.onreadystatechange = Class.empty; + }, + + isSuccess: function(status){ + return ((status >= 200) && (status < 300)); + }, + + onSuccess: function(){ + this.response = { + 'text': this.transport.responseText, + 'xml': this.transport.responseXML + }; + this.fireEvent('onSuccess', [this.response.text, this.response.xml]); + this.callChain(); + }, + + onFailure: function(){ + this.fireEvent('onFailure', this.transport); + }, + + /* + Property: setHeader + Add/modify an header for the request. It will not override headers from the options. + + Example: + >var myXhr = new XHR(url, {method: 'get', headers: {'X-Request': 'JSON'}}); + >myXhr.setHeader('Last-Modified','Sat, 1 Jan 2005 05:00:00 GMT'); + */ + + setHeader: function(name, value){ + this.headers[name] = value; + return this; + }, + + /* + Property: send + Opens the XHR connection and sends the data. Data has to be null or a string. + + Example: + >var myXhr = new XHR({method: 'post'}); + >myXhr.send(url, querystring); + > + >var syncXhr = new XHR({async: false, method: 'post'}); + >syncXhr.send(url, null); + > + */ + + send: function(url, data){ + if (this.options.autoCancel) this.cancel(); + else if (this.running) return this; + this.running = true; + if (data && this.options.method == 'get'){ + url = url + (url.contains('?') ? '&' : '?') + data; + data = null; + } + this.transport.open(this.options.method.toUpperCase(), url, this.options.async); + this.transport.onreadystatechange = this.onStateChange.bind(this); + if ((this.options.method == 'post') && this.transport.overrideMimeType) this.setHeader('Connection', 'close'); + $extend(this.headers, this.options.headers); + for (var type in this.headers) try {this.transport.setRequestHeader(type, this.headers[type]);} catch(e){}; + this.fireEvent('onRequest'); + this.transport.send($pick(data, null)); + return this; + }, + + /* + Property: cancel + Cancels the running request. No effect if the request is not running. + + Example: + >var myXhr = new XHR({method: 'get'}).send(url); + >myXhr.cancel(); + */ + + cancel: function(){ + if (!this.running) return this; + this.running = false; + this.transport.abort(); + this.transport.onreadystatechange = Class.empty; + this.setTransport(); + this.fireEvent('onCancel'); + return this; + } + +}); + +XHR.implement(new Chain, new Events, new Options); + +/* +Script: Ajax.js + Contains the <Ajax> class. Also contains methods to generate querystings from forms and Objects. + +Credits: + Loosely based on the version from prototype.js <http://prototype.conio.net> + +License: + MIT-style license. +*/ + +/* +Class: Ajax + An Ajax class, For all your asynchronous needs. + Inherits methods, properties, options and events from <XHR>. + +Arguments: + url - the url pointing to the server-side script. + options - optional, an object containing options. + +Options: + data - you can write parameters here. Can be a querystring, an object or a Form element. + update - $(element) to insert the response text of the XHR into, upon completion of the request. + evalScripts - boolean; default is false. Execute scripts in the response text onComplete. When the response is javascript the whole response is evaluated. + evalResponse - boolean; default is false. Force global evalulation of the whole response, no matter what content-type it is. + +Events: + onComplete - function to execute when the ajax request completes. + +Example: + >var myAjax = new Ajax(url, {method: 'get'}).request(); +*/ + +var Ajax = XHR.extend({ + + options: { + data: null, + update: null, + onComplete: Class.empty, + evalScripts: false, + evalResponse: false + }, + + initialize: function(url, options){ + this.addEvent('onSuccess', this.onComplete); + this.setOptions(options); + /*compatibility*/ + this.options.data = this.options.data || this.options.postBody; + /*end compatibility*/ + if (!['post', 'get'].contains(this.options.method)){ + this._method = '_method=' + this.options.method; + this.options.method = 'post'; + } + this.parent(); + this.setHeader('X-Requested-With', 'XMLHttpRequest'); + this.setHeader('Accept', 'text/javascript, text/html, application/xml, text/xml, */*'); + this.url = url; + }, + + onComplete: function(){ + if (this.options.update) $(this.options.update).empty().setHTML(this.response.text); + if (this.options.evalScripts || this.options.evalResponse) this.evalScripts(); + this.fireEvent('onComplete', [this.response.text, this.response.xml], 20); + }, + + /* + Property: request + Executes the ajax request. + + Example: + >var myAjax = new Ajax(url, {method: 'get'}); + >myAjax.request(); + + OR + + >new Ajax(url, {method: 'get'}).request(); + */ + + request: function(data){ + data = data || this.options.data; + switch($type(data)){ + case 'element': data = $(data).toQueryString(); break; + case 'object': data = Object.toQueryString(data); + } + if (this._method) data = (data) ? [this._method, data].join('&') : this._method; + return this.send(this.url, data); + }, + + /* + Property: evalScripts + Executes scripts in the response text + */ + + evalScripts: function(){ + var script, scripts; + if (this.options.evalResponse || (/(ecma|java)script/).test(this.getHeader('Content-type'))) scripts = this.response.text; + else { + scripts = []; + var regexp = /<script[^>]*>([\s\S]*?)<\/script>/gi; + while ((script = regexp.exec(this.response.text))) scripts.push(script[1]); + scripts = scripts.join('\n'); + } + if (scripts) (window.execScript) ? window.execScript(scripts) : window.setTimeout(scripts, 0); + }, + + /* + Property: getHeader + Returns the given response header or null + */ + + getHeader: function(name){ + try {return this.transport.getResponseHeader(name);} catch(e){}; + return null; + } + +}); + +/* Section: Object related Functions */ + +/* +Function: Object.toQueryString + Generates a querystring from key/pair values in an object + +Arguments: + source - the object to generate the querystring from. + +Returns: + the query string. + +Example: + >Object.toQueryString({apple: "red", lemon: "yellow"}); //returns "apple=red&lemon=yellow" +*/ + +Object.toQueryString = function(source){ + var queryString = []; + for (var property in source) queryString.push(encodeURIComponent(property) + '=' + encodeURIComponent(source[property])); + return queryString.join('&'); +}; + +/* +Class: Element + Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>. +*/ + +Element.extend({ + + /* + Property: send + Sends a form with an ajax post request + + Arguments: + options - option collection for ajax request. See <Ajax> for the options list. + + Returns: + The Ajax Class Instance + + Example: + (start code) + <form id="myForm" action="submit.php"> + <input name="email" value="bob@bob.com"> + <input name="zipCode" value="90210"> + </form> + <script> + $('myForm').send() + </script> + (end) + */ + + send: function(options){ + return new Ajax(this.getProperty('action'), $merge({data: this.toQueryString()}, options, {method: 'post'})).request(); + } + +}); + +/* +Script: Cookie.js + A cookie reader/creator + +Credits: + based on the functions by Peter-Paul Koch (http://quirksmode.org) +*/ + +/* +Class: Cookie + Class for creating, getting, and removing cookies. +*/ + +var Cookie = new Abstract({ + + options: { + domain: false, + path: false, + duration: false, + secure: false + }, + + /* + Property: set + Sets a cookie in the browser. + + Arguments: + key - the key (name) for the cookie + value - the value to set, cannot contain semicolons + options - an object representing the Cookie options. See Options below. Default values are stored in Cookie.options. + + Options: + domain - the domain the Cookie belongs to. If you want to share the cookie with pages located on a different domain, you have to set this value. Defaults to the current domain. + path - the path the Cookie belongs to. If you want to share the cookie with pages located in a different path, you have to set this value, for example to "/" to share the cookie with all pages on the domain. Defaults to the current path. + duration - the duration of the Cookie before it expires, in days. + If set to false or 0, the cookie will be a session cookie that expires when the browser is closed. This is default. + secure - Stored cookie information can be accessed only from a secure environment. + + Returns: + An object with the options, the key and the value. You can give it as first parameter to Cookie.remove. + + Example: + >Cookie.set('username', 'Harald'); // session cookie (duration is false), or ... + >Cookie.set('username', 'JackBauer', {duration: 1}); // save this for 1 day + + */ + + set: function(key, value, options){ + options = $merge(this.options, options); + value = encodeURIComponent(value); + if (options.domain) value += '; domain=' + options.domain; + if (options.path) value += '; path=' + options.path; + if (options.duration){ + var date = new Date(); + date.setTime(date.getTime() + options.duration * 24 * 60 * 60 * 1000); + value += '; expires=' + date.toGMTString(); + } + if (options.secure) value += '; secure'; + document.cookie = key + '=' + value; + return $extend(options, {'key': key, 'value': value}); + }, + + /* + Property: get + Gets the value of a cookie. + + Arguments: + key - the name of the cookie you wish to retrieve. + + Returns: + The cookie string value, or false if not found. + + Example: + >Cookie.get("username") //returns JackBauer + */ + + get: function(key){ + var value = document.cookie.match('(?:^|;)\\s*' + key.escapeRegExp() + '=([^;]*)'); + return value ? decodeURIComponent(value[1]) : false; + }, + + /* + Property: remove + Removes a cookie from the browser. + + Arguments: + cookie - the name of the cookie to remove or a previous cookie (for domains) + options - optional. you can also pass the domain and path here. Same as options in <Cookie.set> + + Examples: + >Cookie.remove('username') //bye-bye JackBauer, cya in 24 hours + > + >var myCookie = Cookie.set('username', 'Aaron', {domain: 'mootools.net'}); // Cookie.set returns an object with all values need to remove the cookie + >Cookie.remove(myCookie); + */ + + remove: function(cookie, options){ + if ($type(cookie) == 'object') this.set(cookie.key, '', $merge(cookie, {duration: -1})); + else this.set(cookie, '', $merge(options, {duration: -1})); + } + +}); + +/* +Script: Json.js + Simple Json parser and Stringyfier, See: <http://www.json.org/> + +License: + MIT-style license. +*/ + +/* +Class: Json + Simple Json parser and Stringyfier, See: <http://www.json.org/> +*/ + +var Json = { + + /* + Property: toString + Converts an object to a string, to be passed in server-side scripts as a parameter. Although its not normal usage for this class, this method can also be used to convert functions and arrays to strings. + + Arguments: + obj - the object to convert to string + + Returns: + A json string + + Example: + (start code) + Json.toString({apple: 'red', lemon: 'yellow'}); '{"apple":"red","lemon":"yellow"}' + (end) + */ + + toString: function(obj){ + switch($type(obj)){ + case 'string': + return '"' + obj.replace(/(["\\])/g, '\\$1') + '"'; + case 'array': + return '[' + obj.map(Json.toString).join(',') + ']'; + case 'object': + var string = []; + for (var property in obj) string.push(Json.toString(property) + ':' + Json.toString(obj[property])); + return '{' + string.join(',') + '}'; + case 'number': + if (isFinite(obj)) break; + case false: + return 'null'; + } + return String(obj); + }, + + /* + Property: evaluate + converts a json string to an javascript Object. + + Arguments: + str - the string to evaluate. if its not a string, it returns false. + secure - optionally, performs syntax check on json string. Defaults to false. + + Credits: + Json test regexp is by Douglas Crockford <http://crockford.org>. + + Example: + >var myObject = Json.evaluate('{"apple":"red","lemon":"yellow"}'); + >//myObject will become {apple: 'red', lemon: 'yellow'} + */ + + evaluate: function(str, secure){ + return (($type(str) != 'string') || (secure && !str.test(/^("(\\.|[^"\\\n\r])*?"|[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t])+?$/))) ? null : eval('(' + str + ')'); + } + +}; + +/* +Script: Json.Remote.js + Contains <Json.Remote>. + +License: + MIT-style license. +*/ + +/* +Class: Json.Remote + Wrapped XHR with automated sending and receiving of Javascript Objects in Json Format. + Inherits methods, properties, options and events from <XHR>. + +Arguments: + url - the url you want to send your object to. + options - see <XHR> options + +Example: + this code will send user information based on name/last name + (start code) + var jSonRequest = new Json.Remote("http://site.com/tellMeAge.php", {onComplete: function(person){ + alert(person.age); //is 25 years + alert(person.height); //is 170 cm + alert(person.weight); //is 120 kg + }}).send({'name': 'John', 'lastName': 'Doe'}); + (end) +*/ + +Json.Remote = XHR.extend({ + + initialize: function(url, options){ + this.url = url; + this.addEvent('onSuccess', this.onComplete); + this.parent(options); + this.setHeader('X-Request', 'JSON'); + }, + + send: function(obj){ + return this.parent(this.url, 'json=' + Json.toString(obj)); + }, + + onComplete: function(){ + this.fireEvent('onComplete', [Json.evaluate(this.response.text, this.options.secure)]); + } + +}); + +/* +Script: Assets.js + provides dynamic loading for images, css and javascript files. + +License: + MIT-style license. +*/ + +var Asset = new Abstract({ + + /* + Property: javascript + Injects a javascript file in the page. + + Arguments: + source - the path of the javascript file + properties - some additional attributes you might want to add to the script element + + Example: + > new Asset.javascript('/scripts/myScript.js', {id: 'myScript'}); + */ + + javascript: function(source, properties){ + properties = $merge({ + 'onload': Class.empty + }, properties); + var script = new Element('script', {'src': source}).addEvents({ + 'load': properties.onload, + 'readystatechange': function(){ + if (this.readyState == 'complete') this.fireEvent('load'); + } + }); + delete properties.onload; + return script.setProperties(properties).inject(document.head); + }, + + /* + Property: css + Injects a css file in the page. + + Arguments: + source - the path of the css file + properties - some additional attributes you might want to add to the link element + + Example: + > new Asset.css('/css/myStyle.css', {id: 'myStyle', title: 'myStyle'}); + */ + + css: function(source, properties){ + return new Element('link', $merge({ + 'rel': 'stylesheet', 'media': 'screen', 'type': 'text/css', 'href': source + }, properties)).inject(document.head); + }, + + /* + Property: image + Preloads an image and returns the img element. does not inject it to the page. + + Arguments: + source - the path of the image file + properties - some additional attributes you might want to add to the img element + + Example: + > new Asset.image('/images/myImage.png', {id: 'myImage', title: 'myImage', onload: myFunction}); + + Returns: + the img element. you can inject it anywhere you want with <Element.injectInside>/<Element.injectAfter>/<Element.injectBefore> + */ + + image: function(source, properties){ + properties = $merge({ + 'onload': Class.empty, + 'onabort': Class.empty, + 'onerror': Class.empty + }, properties); + var image = new Image(); + image.src = source; + var element = new Element('img', {'src': source}); + ['load', 'abort', 'error'].each(function(type){ + var event = properties['on' + type]; + delete properties['on' + type]; + element.addEvent(type, function(){ + this.removeEvent(type, arguments.callee); + event.call(this); + }); + }); + if (image.width && image.height) element.fireEvent('load', element, 1); + return element.setProperties(properties); + }, + + /* + Property: images + Preloads an array of images (as strings) and returns an array of img elements. does not inject them to the page. + + Arguments: + sources - array, the paths of the image files + options - object, see below + + Options: + onComplete - a function to execute when all image files are loaded in the browser's cache + onProgress - a function to execute when one image file is loaded in the browser's cache + + Example: + (start code) + new Asset.images(['/images/myImage.png', '/images/myImage2.gif'], { + onComplete: function(){ + alert('all images loaded!'); + } + }); + (end) + + Returns: + the img elements as $$. you can inject them anywhere you want with <Element.injectInside>/<Element.injectAfter>/<Element.injectBefore> + */ + + images: function(sources, options){ + options = $merge({ + onComplete: Class.empty, + onProgress: Class.empty + }, options); + if (!sources.push) sources = [sources]; + var images = []; + var counter = 0; + sources.each(function(source){ + var img = new Asset.image(source, { + 'onload': function(){ + options.onProgress.call(this, counter); + counter++; + if (counter == sources.length) options.onComplete(); + } + }); + images.push(img); + }); + return new Elements(images); + } + +}); + +/* +Script: Hash.js + Contains the class Hash. + +License: + MIT-style license. +*/ + +/* +Class: Hash + It wraps an object that it uses internally as a map. The user must use set(), get(), and remove() to add/change, retrieve and remove values, it must not access the internal object directly. null/undefined values are allowed. + +Note: + Each hash instance has the length property. + +Arguments: + obj - an object to convert into a Hash instance. + +Example: + (start code) + var hash = new Hash({a: 'hi', b: 'world', c: 'howdy'}); + hash.remove('b'); // b is removed. + hash.set('c', 'hello'); + hash.get('c'); // returns 'hello' + hash.length // returns 2 (a and c) + (end) +*/ + +var Hash = new Class({ + + length: 0, + + initialize: function(object){ + this.obj = object || {}; + this.setLength(); + }, + + /* + Property: get + Retrieves a value from the hash. + + Arguments: + key - The key + + Returns: + The value + */ + + get: function(key){ + return (this.hasKey(key)) ? this.obj[key] : null; + }, + + /* + Property: hasKey + Check the presence of a specified key-value pair in the hash. + + Arguments: + key - The key + + Returns: + True if the Hash contains a value for the specified key, otherwise false + */ + + hasKey: function(key){ + return (key in this.obj); + }, + + /* + Property: set + Adds a key-value pair to the hash or replaces a previous value associated with the key. + + Arguments: + key - The key + value - The value + */ + + set: function(key, value){ + if (!this.hasKey(key)) this.length++; + this.obj[key] = value; + return this; + }, + + setLength: function(){ + this.length = 0; + for (var p in this.obj) this.length++; + return this; + }, + + /* + Property: remove + Removes a key-value pair from the hash. + + Arguments: + key - The key + */ + + remove: function(key){ + if (this.hasKey(key)){ + delete this.obj[key]; + this.length--; + } + return this; + }, + + /* + Property: each + Calls a function for each key-value pair. The first argument passed to the function will be the value, the second one will be the key, like $each. + + Arguments: + fn - The function to call for each key-value pair + bind - Optional, the object that will be referred to as "this" in the function + */ + + each: function(fn, bind){ + $each(this.obj, fn, bind); + }, + + /* + Property: extend + Extends the current hash with an object containing key-value pairs. Values for duplicate keys will be replaced by the new ones. + + Arguments: + obj - An object containing key-value pairs + */ + + extend: function(obj){ + $extend(this.obj, obj); + return this.setLength(); + }, + + /* + Property: merge + Merges the current hash with multiple objects. + */ + + merge: function(){ + this.obj = $merge.apply(null, [this.obj].extend(arguments)); + return this.setLength(); + }, + + /* + Property: empty + Empties all hash values properties and values. + */ + + empty: function(){ + this.obj = {}; + this.length = 0; + return this; + }, + + /* + Property: keys + Returns an array containing all the keys, in the same order as the values returned by <Hash.values>. + + Returns: + An array containing all the keys of the hash + */ + + keys: function(){ + var keys = []; + for (var property in this.obj) keys.push(property); + return keys; + }, + + /* + Property: values + Returns an array containing all the values, in the same order as the keys returned by <Hash.keys>. + + Returns: + An array containing all the values of the hash + */ + + values: function(){ + var values = []; + for (var property in this.obj) values.push(this.obj[property]); + return values; + } + +}); + +/* Section: Utility Functions */ + +/* +Function: $H + Shortcut to create a Hash from an Object. +*/ + +function $H(obj){ + return new Hash(obj); +}; + +/* +Script: Hash.Cookie.js + Stores and loads an Hash as a cookie using Json format. +*/ + +/* +Class: Hash.Cookie + Inherits all the methods from <Hash>, additional methods are save and load. + Hash json string has a limit of 4kb (4096byte), so be careful with your Hash size. + Creating a new instance automatically loads the data from the Cookie into the Hash. + If the Hash is emptied, the cookie is also removed. + +Arguments: + name - the key (name) for the cookie + options - options are identical to <Cookie> and are simply passed along to it. + In addition, it has the autoSave option, to save the cookie at every operation. defaults to true. + +Example: + (start code) + var fruits = new Hash.Cookie('myCookieName', {duration: 3600}); + fruits.extend({ + 'lemon': 'yellow', + 'apple': 'red' + }); + fruits.set('melon', 'green'); + fruits.get('lemon'); // yellow + + // ... on another page ... values load automatically + + var fruits = new Hash.Cookie('myCookieName', {duration: 365}); + fruits.get('melon'); // green + + fruits.erase(); // delete cookie + (end) +*/ + +Hash.Cookie = Hash.extend({ + + initialize: function(name, options){ + this.name = name; + this.options = $extend({'autoSave': true}, options || {}); + this.load(); + }, + + /* + Property: save + Saves the Hash to the cookie. If the hash is empty, removes the cookie. + + Returns: + Returns false when the JSON string cookie is too long (4kb), otherwise true. + + Example: + (start code) + var login = new Hash.Cookie('userstatus', {autoSave: false}); + + login.extend({ + 'username': 'John', + 'credentials': [4, 7, 9] + }); + login.set('last_message', 'User logged in!'); + + login.save(); // finally save the Hash + (end) + */ + + save: function(){ + if (this.length == 0){ + Cookie.remove(this.name, this.options); + return true; + } + var str = Json.toString(this.obj); + if (str.length > 4096) return false; //cookie would be truncated! + Cookie.set(this.name, str, this.options); + return true; + }, + + /* + Property: load + Loads the cookie and assigns it to the Hash. + */ + + load: function(){ + this.obj = Json.evaluate(Cookie.get(this.name), true) || {}; + this.setLength(); + } + +}); + +Hash.Cookie.Methods = {}; +['extend', 'set', 'merge', 'empty', 'remove'].each(function(method){ + Hash.Cookie.Methods[method] = function(){ + Hash.prototype[method].apply(this, arguments); + if (this.options.autoSave) this.save(); + return this; + }; +}); +Hash.Cookie.implement(Hash.Cookie.Methods); + +/* +Script: Color.js + Contains the Color class. + +License: + MIT-style license. +*/ + +/* +Class: Color + Creates a new Color Object, which is an array with some color specific methods. +Arguments: + color - the hex, the RGB array or the HSB array of the color to create. For HSB colors, you need to specify the second argument. + type - a string representing the type of the color to create. needs to be specified if you intend to create the color with HSB values, or an array of HEX values. Can be 'rgb', 'hsb' or 'hex'. + +Example: + (start code) + var black = new Color('#000'); + var purple = new Color([255,0,255]); + // mix black with white and purple, each time at 10% of the new color + var darkpurple = black.mix('#fff', purple, 10); + $('myDiv').setStyle('background-color', darkpurple); + (end) +*/ + +var Color = new Class({ + + initialize: function(color, type){ + type = type || (color.push ? 'rgb' : 'hex'); + var rgb, hsb; + switch(type){ + case 'rgb': + rgb = color; + hsb = rgb.rgbToHsb(); + break; + case 'hsb': + rgb = color.hsbToRgb(); + hsb = color; + break; + default: + rgb = color.hexToRgb(true); + hsb = rgb.rgbToHsb(); + } + rgb.hsb = hsb; + rgb.hex = rgb.rgbToHex(); + return $extend(rgb, Color.prototype); + }, + + /* + Property: mix + Mixes two or more colors with the Color. + + Arguments: + color - a color to mix. you can use as arguments how many colors as you want to mix with the original one. + alpha - if you use a number as the last argument, it will be threated as the amount of the color to mix. + */ + + mix: function(){ + var colors = $A(arguments); + var alpha = ($type(colors[colors.length - 1]) == 'number') ? colors.pop() : 50; + var rgb = this.copy(); + colors.each(function(color){ + color = new Color(color); + for (var i = 0; i < 3; i++) rgb[i] = Math.round((rgb[i] / 100 * (100 - alpha)) + (color[i] / 100 * alpha)); + }); + return new Color(rgb, 'rgb'); + }, + + /* + Property: invert + Inverts the Color. + */ + + invert: function(){ + return new Color(this.map(function(value){ + return 255 - value; + })); + }, + + /* + Property: setHue + Modifies the hue of the Color, and returns a new one. + + Arguments: + value - the hue to set + */ + + setHue: function(value){ + return new Color([value, this.hsb[1], this.hsb[2]], 'hsb'); + }, + + /* + Property: setSaturation + Changes the saturation of the Color, and returns a new one. + + Arguments: + percent - the percentage of the saturation to set + */ + + setSaturation: function(percent){ + return new Color([this.hsb[0], percent, this.hsb[2]], 'hsb'); + }, + + /* + Property: setBrightness + Changes the brightness of the Color, and returns a new one. + + Arguments: + percent - the percentage of the brightness to set + */ + + setBrightness: function(percent){ + return new Color([this.hsb[0], this.hsb[1], percent], 'hsb'); + } + +}); + +/* Section: Utility Functions */ + +/* +Function: $RGB + Shortcut to create a new color, based on red, green, blue values. + +Arguments: + r - (integer) red value (0-255) + g - (integer) green value (0-255) + b - (integer) blue value (0-255) + +*/ + +function $RGB(r, g, b){ + return new Color([r, g, b], 'rgb'); +}; + +/* +Function: $HSB + Shortcut to create a new color, based on hue, saturation, brightness values. + +Arguments: + h - (integer) hue value (0-100) + s - (integer) saturation value (0-100) + b - (integer) brightness value (0-100) +*/ + +function $HSB(h, s, b){ + return new Color([h, s, b], 'hsb'); +}; + +/* +Class: Array + A collection of The Array Object prototype methods. +*/ + +Array.extend({ + + /* + Property: rgbToHsb + Converts a RGB array to an HSB array. + + Returns: + the HSB array. + */ + + rgbToHsb: function(){ + var red = this[0], green = this[1], blue = this[2]; + var hue, saturation, brightness; + var max = Math.max(red, green, blue), min = Math.min(red, green, blue); + var delta = max - min; + brightness = max / 255; + saturation = (max != 0) ? delta / max : 0; + if (saturation == 0){ + hue = 0; + } else { + var rr = (max - red) / delta; + var gr = (max - green) / delta; + var br = (max - blue) / delta; + if (red == max) hue = br - gr; + else if (green == max) hue = 2 + rr - br; + else hue = 4 + gr - rr; + hue /= 6; + if (hue < 0) hue++; + } + return [Math.round(hue * 360), Math.round(saturation * 100), Math.round(brightness * 100)]; + }, + + /* + Property: hsbToRgb + Converts an HSB array to an RGB array. + + Returns: + the RGB array. + */ + + hsbToRgb: function(){ + var br = Math.round(this[2] / 100 * 255); + if (this[1] == 0){ + return [br, br, br]; + } else { + var hue = this[0] % 360; + var f = hue % 60; + var p = Math.round((this[2] * (100 - this[1])) / 10000 * 255); + var q = Math.round((this[2] * (6000 - this[1] * f)) / 600000 * 255); + var t = Math.round((this[2] * (6000 - this[1] * (60 - f))) / 600000 * 255); + switch(Math.floor(hue / 60)){ + case 0: return [br, t, p]; + case 1: return [q, br, p]; + case 2: return [p, br, t]; + case 3: return [p, q, br]; + case 4: return [t, p, br]; + case 5: return [br, p, q]; + } + } + return false; + } + +}); + +/* +Script: Scroller.js + Contains the <Scroller>. + +License: + MIT-style license. +*/ + +/* +Class: Scroller + The Scroller is a class to scroll any element with an overflow (including the window) when the mouse cursor reaches certain buondaries of that element. + You must call its start method to start listening to mouse movements. + +Note: + The Scroller requires an XHTML doctype. + +Arguments: + element - required, the element to scroll. + options - optional, see options below, and <Fx.Base> options. + +Options: + area - integer, the necessary boundaries to make the element scroll. + velocity - integer, velocity ratio, the modifier for the window scrolling speed. + +Events: + onChange - optionally, when the mouse reaches some boundaries, you can choose to alter some other values, instead of the scrolling offsets. + Automatically passes as parameters x and y values. +*/ + +var Scroller = new Class({ + + options: { + area: 20, + velocity: 1, + onChange: function(x, y){ + this.element.scrollTo(x, y); + } + }, + + initialize: function(element, options){ + this.setOptions(options); + this.element = $(element); + this.mousemover = ([window, document].contains(element)) ? $(document.body) : this.element; + }, + + /* + Property: start + The scroller starts listening to mouse movements. + */ + + start: function(){ + this.coord = this.getCoords.bindWithEvent(this); + this.mousemover.addListener('mousemove', this.coord); + }, + + /* + Property: stop + The scroller stops listening to mouse movements. + */ + + stop: function(){ + this.mousemover.removeListener('mousemove', this.coord); + this.timer = $clear(this.timer); + }, + + getCoords: function(event){ + this.page = (this.element == window) ? event.client : event.page; + if (!this.timer) this.timer = this.scroll.periodical(50, this); + }, + + scroll: function(){ + var el = this.element.getSize(); + var pos = this.element.getPosition(); + + var change = {'x': 0, 'y': 0}; + for (var z in this.page){ + if (this.page[z] < (this.options.area + pos[z]) && el.scroll[z] != 0) + change[z] = (this.page[z] - this.options.area - pos[z]) * this.options.velocity; + else if (this.page[z] + this.options.area > (el.size[z] + pos[z]) && el.scroll[z] + el.size[z] != el.scrollSize[z]) + change[z] = (this.page[z] - el.size[z] + this.options.area - pos[z]) * this.options.velocity; + } + if (change.y || change.x) this.fireEvent('onChange', [el.scroll.x + change.x, el.scroll.y + change.y]); + } + +}); + +Scroller.implement(new Events, new Options); + +/* +Script: Slider.js + Contains <Slider> + +License: + MIT-style license. +*/ + +/* +Class: Slider + Creates a slider with two elements: a knob and a container. Returns the values. + +Note: + The Slider requires an XHTML doctype. + +Arguments: + element - the knob container + knob - the handle + options - see Options below + +Options: + steps - the number of steps for your slider. + mode - either 'horizontal' or 'vertical'. defaults to horizontal. + offset - relative offset for knob position. default to 0. + +Events: + onChange - a function to fire when the value changes. + onComplete - a function to fire when you're done dragging. + onTick - optionally, you can alter the onTick behavior, for example displaying an effect of the knob moving to the desired position. + Passes as parameter the new position. +*/ + +var Slider = new Class({ + + options: { + onChange: Class.empty, + onComplete: Class.empty, + onTick: function(pos){ + this.knob.setStyle(this.p, pos); + }, + mode: 'horizontal', + steps: 100, + offset: 0 + }, + + initialize: function(el, knob, options){ + this.element = $(el); + this.knob = $(knob); + this.setOptions(options); + this.previousChange = -1; + this.previousEnd = -1; + this.step = -1; + this.element.addEvent('mousedown', this.clickedElement.bindWithEvent(this)); + var mod, offset; + switch(this.options.mode){ + case 'horizontal': + this.z = 'x'; + this.p = 'left'; + mod = {'x': 'left', 'y': false}; + offset = 'offsetWidth'; + break; + case 'vertical': + this.z = 'y'; + this.p = 'top'; + mod = {'x': false, 'y': 'top'}; + offset = 'offsetHeight'; + } + this.max = this.element[offset] - this.knob[offset] + (this.options.offset * 2); + this.half = this.knob[offset]/2; + this.getPos = this.element['get' + this.p.capitalize()].bind(this.element); + this.knob.setStyle('position', 'relative').setStyle(this.p, - this.options.offset); + var lim = {}; + lim[this.z] = [- this.options.offset, this.max - this.options.offset]; + this.drag = new Drag.Base(this.knob, { + limit: lim, + modifiers: mod, + snap: 0, + onStart: function(){ + this.draggedKnob(); + }.bind(this), + onDrag: function(){ + this.draggedKnob(); + }.bind(this), + onComplete: function(){ + this.draggedKnob(); + this.end(); + }.bind(this) + }); + if (this.options.initialize) this.options.initialize.call(this); + }, + + /* + Property: set + The slider will get the step you pass. + + Arguments: + step - one integer + */ + + set: function(step){ + this.step = step.limit(0, this.options.steps); + this.checkStep(); + this.end(); + this.fireEvent('onTick', this.toPosition(this.step)); + return this; + }, + + clickedElement: function(event){ + var position = event.page[this.z] - this.getPos() - this.half; + position = position.limit(-this.options.offset, this.max -this.options.offset); + this.step = this.toStep(position); + this.checkStep(); + this.end(); + this.fireEvent('onTick', position); + }, + + draggedKnob: function(){ + this.step = this.toStep(this.drag.value.now[this.z]); + this.checkStep(); + }, + + checkStep: function(){ + if (this.previousChange != this.step){ + this.previousChange = this.step; + this.fireEvent('onChange', this.step); + } + }, + + end: function(){ + if (this.previousEnd !== this.step){ + this.previousEnd = this.step; + this.fireEvent('onComplete', this.step + ''); + } + }, + + toStep: function(position){ + return Math.round((position + this.options.offset) / this.max * this.options.steps); + }, + + toPosition: function(step){ + return this.max * step / this.options.steps; + } + +}); + +Slider.implement(new Events); +Slider.implement(new Options); + +/* +Script: SmoothScroll.js + Contains <SmoothScroll> + +License: + MIT-style license. +*/ + +/* +Class: SmoothScroll + Auto targets all the anchors in a page and display a smooth scrolling effect upon clicking them. + Inherits methods, properties, options and events from <Fx.Scroll>. + +Note: + SmoothScroll requires an XHTML doctype. + +Arguments: + options - the Fx.Scroll options (see: <Fx.Scroll>) plus links, a collection of elements you want your smoothscroll on. Defaults to document.links. + +Example: + >new SmoothScroll(); +*/ + +var SmoothScroll = Fx.Scroll.extend({ + + initialize: function(options){ + this.parent(window, options); + this.links = (this.options.links) ? $$(this.options.links) : $$(document.links); + var location = window.location.href.match(/^[^#]*/)[0] + '#'; + this.links.each(function(link){ + if (link.href.indexOf(location) != 0) return; + var anchor = link.href.substr(location.length); + if (anchor && $(anchor)) this.useLink(link, anchor); + }, this); + if (!window.webkit419) this.addEvent('onComplete', function(){ + window.location.hash = this.anchor; + }); + }, + + useLink: function(link, anchor){ + link.addEvent('click', function(event){ + this.anchor = anchor; + this.toElement(anchor); + event.stop(); + }.bindWithEvent(this)); + } + +}); + +/* +Script: Sortables.js + Contains <Sortables> Class. + +License: + MIT-style license. +*/ + +/* +Class: Sortables + Creates an interface for <Drag.Base> and drop, resorting of a list. + +Note: + The Sortables require an XHTML doctype. + +Arguments: + list - required, the list that will become sortable. + options - an Object, see options below. + +Options: + handles - a collection of elements to be used for drag handles. defaults to the elements. + +Events: + onStart - function executed when the item starts dragging + onComplete - function executed when the item ends dragging +*/ + +var Sortables = new Class({ + + options: { + handles: false, + onStart: Class.empty, + onComplete: Class.empty, + ghost: true, + snap: 3, + onDragStart: function(element, ghost){ + ghost.setStyle('opacity', 0.7); + element.setStyle('opacity', 0.7); + }, + onDragComplete: function(element, ghost){ + element.setStyle('opacity', 1); + ghost.remove(); + this.trash.remove(); + } + }, + + initialize: function(list, options){ + this.setOptions(options); + this.list = $(list); + this.elements = this.list.getChildren(); + this.handles = (this.options.handles) ? $$(this.options.handles) : this.elements; + this.bound = { + 'start': [], + 'moveGhost': this.moveGhost.bindWithEvent(this) + }; + for (var i = 0, l = this.handles.length; i < l; i++){ + this.bound.start[i] = this.start.bindWithEvent(this, this.elements[i]); + } + this.attach(); + if (this.options.initialize) this.options.initialize.call(this); + this.bound.move = this.move.bindWithEvent(this); + this.bound.end = this.end.bind(this); + }, + + attach: function(){ + this.handles.each(function(handle, i){ + handle.addEvent('mousedown', this.bound.start[i]); + }, this); + }, + + detach: function(){ + this.handles.each(function(handle, i){ + handle.removeEvent('mousedown', this.bound.start[i]); + }, this); + }, + + start: function(event, el){ + this.active = el; + this.coordinates = this.list.getCoordinates(); + if (this.options.ghost){ + var position = el.getPosition(); + this.offset = event.page.y - position.y; + this.trash = new Element('div').inject(document.body); + this.ghost = el.clone().inject(this.trash).setStyles({ + 'position': 'absolute', + 'left': position.x, + 'top': event.page.y - this.offset + }); + document.addListener('mousemove', this.bound.moveGhost); + this.fireEvent('onDragStart', [el, this.ghost]); + } + document.addListener('mousemove', this.bound.move); + document.addListener('mouseup', this.bound.end); + this.fireEvent('onStart', el); + event.stop(); + }, + + moveGhost: function(event){ + var value = event.page.y - this.offset; + value = value.limit(this.coordinates.top, this.coordinates.bottom - this.ghost.offsetHeight); + this.ghost.setStyle('top', value); + event.stop(); + }, + + move: function(event){ + var now = event.page.y; + this.previous = this.previous || now; + var up = ((this.previous - now) > 0); + var prev = this.active.getPrevious(); + var next = this.active.getNext(); + if (prev && up && now < prev.getCoordinates().bottom) this.active.injectBefore(prev); + if (next && !up && now > next.getCoordinates().top) this.active.injectAfter(next); + this.previous = now; + }, + + serialize: function(converter){ + return this.list.getChildren().map(converter || function(el){ + return this.elements.indexOf(el); + }, this); + }, + + end: function(){ + this.previous = null; + document.removeListener('mousemove', this.bound.move); + document.removeListener('mouseup', this.bound.end); + if (this.options.ghost){ + document.removeListener('mousemove', this.bound.moveGhost); + this.fireEvent('onDragComplete', [this.active, this.ghost]); + } + this.fireEvent('onComplete', this.active); + } + +}); + +Sortables.implement(new Events, new Options); + +/* +Script: Tips.js + Tooltips, BubbleTips, whatever they are, they will appear on mouseover + +License: + MIT-style license. + +Credits: + The idea behind Tips.js is based on Bubble Tooltips (<http://web-graphics.com/mtarchive/001717.php>) by Alessandro Fulcitiniti <http://web-graphics.com> +*/ + +/* +Class: Tips + Display a tip on any element with a title and/or href. + +Note: + Tips requires an XHTML doctype. + +Arguments: + elements - a collection of elements to apply the tooltips to on mouseover. + options - an object. See options Below. + +Options: + maxTitleChars - the maximum number of characters to display in the title of the tip. defaults to 30. + showDelay - the delay the onShow method is called. (defaults to 100 ms) + hideDelay - the delay the onHide method is called. (defaults to 100 ms) + + className - the prefix for your tooltip classNames. defaults to 'tool'. + + the whole tooltip will have as classname: tool-tip + + the title will have as classname: tool-title + + the text will have as classname: tool-text + + offsets - the distance of your tooltip from the mouse. an Object with x/y properties. + fixed - if set to true, the toolTip will not follow the mouse. + +Events: + onShow - optionally you can alter the default onShow behaviour with this option (like displaying a fade in effect); + onHide - optionally you can alter the default onHide behaviour with this option (like displaying a fade out effect); + +Example: + (start code) + <img src="/images/i.png" title="The body of the tooltip is stored in the title" class="toolTipImg"/> + <script> + var myTips = new Tips($$('.toolTipImg'), { + maxTitleChars: 50 //I like my captions a little long + }); + </script> + (end) + +Note: + The title of the element will always be used as the tooltip body. If you put :: on your title, the text before :: will become the tooltip title. +*/ + +var Tips = new Class({ + + options: { + onShow: function(tip){ + tip.setStyle('visibility', 'visible'); + }, + onHide: function(tip){ + tip.setStyle('visibility', 'hidden'); + }, + maxTitleChars: 30, + showDelay: 100, + hideDelay: 100, + className: 'tool', + offsets: {'x': 16, 'y': 16}, + fixed: false + }, + + initialize: function(elements, options){ + this.setOptions(options); + this.toolTip = new Element('div', { + 'class': this.options.className + '-tip', + 'styles': { + 'position': 'absolute', + 'top': '0', + 'left': '0', + 'visibility': 'hidden' + } + }).inject(document.body); + this.wrapper = new Element('div').inject(this.toolTip); + $$(elements).each(this.build, this); + if (this.options.initialize) this.options.initialize.call(this); + }, + + build: function(el){ + el.$tmp.myTitle = (el.href && el.getTag() == 'a') ? el.href.replace('http://', '') : (el.rel || false); + if (el.title){ + var dual = el.title.split('::'); + if (dual.length > 1){ + el.$tmp.myTitle = dual[0].trim(); + el.$tmp.myText = dual[1].trim(); + } else { + el.$tmp.myText = el.title; + } + el.removeAttribute('title'); + } else { + el.$tmp.myText = false; + } + if (el.$tmp.myTitle && el.$tmp.myTitle.length > this.options.maxTitleChars) el.$tmp.myTitle = el.$tmp.myTitle.substr(0, this.options.maxTitleChars - 1) + "…"; + el.addEvent('mouseenter', function(event){ + this.start(el); + if (!this.options.fixed) this.locate(event); + else this.position(el); + }.bind(this)); + if (!this.options.fixed) el.addEvent('mousemove', this.locate.bindWithEvent(this)); + var end = this.end.bind(this); + el.addEvent('mouseleave', end); + el.addEvent('trash', end); + }, + + start: function(el){ + this.wrapper.empty(); + if (el.$tmp.myTitle){ + this.title = new Element('span').inject(new Element('div', {'class': this.options.className + '-title'}).inject(this.wrapper)).setHTML(el.$tmp.myTitle); + } + if (el.$tmp.myText){ + this.text = new Element('span').inject(new Element('div', {'class': this.options.className + '-text'}).inject(this.wrapper)).setHTML(el.$tmp.myText); + } + $clear(this.timer); + this.timer = this.show.delay(this.options.showDelay, this); + }, + + end: function(event){ + $clear(this.timer); + this.timer = this.hide.delay(this.options.hideDelay, this); + }, + + position: function(element){ + var pos = element.getPosition(); + this.toolTip.setStyles({ + 'left': pos.x + this.options.offsets.x, + 'top': pos.y + this.options.offsets.y + }); + }, + + locate: function(event){ + var win = {'x': window.getWidth(), 'y': window.getHeight()}; + var scroll = {'x': window.getScrollLeft(), 'y': window.getScrollTop()}; + var tip = {'x': this.toolTip.offsetWidth, 'y': this.toolTip.offsetHeight}; + var prop = {'x': 'left', 'y': 'top'}; + for (var z in prop){ + var pos = event.page[z] + this.options.offsets[z]; + if ((pos + tip[z] - scroll[z]) > win[z]) pos = event.page[z] - this.options.offsets[z] - tip[z]; + this.toolTip.setStyle(prop[z], pos); + }; + }, + + show: function(){ + if (this.options.timeout) this.timer = this.hide.delay(this.options.timeout, this); + this.fireEvent('onShow', [this.toolTip]); + }, + + hide: function(){ + this.fireEvent('onHide', [this.toolTip]); + } + +}); + +Tips.implement(new Events, new Options); + +/* +Script: Group.js + For Grouping Classes or Elements Events. The Event added to the Group will fire when all of the events of the items of the group are fired. + +License: + MIT-style license. +*/ + +/* +Class: Group + An "Utility" Class. + +Arguments: + List of Class instances + +Example: + (start code) + xhr1 = new Ajax('data.js', {evalScript: true}); + xhr2 = new Ajax('abstraction.js', {evalScript: true}); + xhr3 = new Ajax('template.js', {evalScript: true}); + + var group = new Group(xhr1, xhr2, xhr3); + group.addEvent('onComplete', function(){ + alert('All Scripts loaded'); + }); + + xhr1.request(); + xhr2.request(); + xhr3.request(); + (end) + +*/ + +var Group = new Class({ + + initialize: function(){ + this.instances = $A(arguments); + this.events = {}; + this.checker = {}; + }, + + /* + Property: addEvent + adds an event to the stack of events of the Class instances. + + Arguments: + type - string; the event name (e.g. 'onComplete') + fn - function to execute when all instances fired this event + */ + + addEvent: function(type, fn){ + this.checker[type] = this.checker[type] || {}; + this.events[type] = this.events[type] || []; + if (this.events[type].contains(fn)) return false; + else this.events[type].push(fn); + this.instances.each(function(instance, i){ + instance.addEvent(type, this.check.bind(this, [type, instance, i])); + }, this); + return this; + }, + + check: function(type, instance, i){ + this.checker[type][i] = true; + var every = this.instances.every(function(current, j){ + return this.checker[type][j] || false; + }, this); + if (!every) return; + this.checker[type] = {}; + this.events[type].each(function(event){ + event.call(this, this.instances, instance); + }, this); + } + +}); + +/* +Script: Accordion.js + Contains <Accordion> + +License: + MIT-style license. +*/ + +/* +Class: Accordion + The Accordion class creates a group of elements that are toggled when their handles are clicked. When one elements toggles in, the others toggles back. + Inherits methods, properties, options and events from <Fx.Elements>. + +Note: + The Accordion requires an XHTML doctype. + +Arguments: + togglers - required, a collection of elements, the elements handlers that will be clickable. + elements - required, a collection of elements the transitions will be applied to. + options - optional, see options below, and <Fx.Base> options and events. + +Options: + show - integer, the Index of the element to show at start. + display - integer, the Index of the element to show at start (with a transition). defaults to 0. + fixedHeight - integer, if you want the elements to have a fixed height. defaults to false. + fixedWidth - integer, if you want the elements to have a fixed width. defaults to false. + height - boolean, will add a height transition to the accordion if true. defaults to true. + opacity - boolean, will add an opacity transition to the accordion if true. defaults to true. + width - boolean, will add a width transition to the accordion if true. defaults to false, css mastery is required to make this work! + alwaysHide - boolean, will allow to hide all elements if true, instead of always keeping one element shown. defaults to false. + +Events: + onActive - function to execute when an element starts to show + onBackground - function to execute when an element starts to hide +*/ + +var Accordion = Fx.Elements.extend({ + + options: { + onActive: Class.empty, + onBackground: Class.empty, + display: 0, + show: false, + height: true, + width: false, + opacity: true, + fixedHeight: false, + fixedWidth: false, + wait: false, + alwaysHide: false + }, + + initialize: function(){ + var options, togglers, elements, container; + $each(arguments, function(argument, i){ + switch($type(argument)){ + case 'object': options = argument; break; + case 'element': container = $(argument); break; + default: + var temp = $$(argument); + if (!togglers) togglers = temp; + else elements = temp; + } + }); + this.togglers = togglers || []; + this.elements = elements || []; + this.container = $(container); + this.setOptions(options); + this.previous = -1; + if (this.options.alwaysHide) this.options.wait = true; + if ($chk(this.options.show)){ + this.options.display = false; + this.previous = this.options.show; + } + if (this.options.start){ + this.options.display = false; + this.options.show = false; + } + this.effects = {}; + if (this.options.opacity) this.effects.opacity = 'fullOpacity'; + if (this.options.width) this.effects.width = this.options.fixedWidth ? 'fullWidth' : 'offsetWidth'; + if (this.options.height) this.effects.height = this.options.fixedHeight ? 'fullHeight' : 'scrollHeight'; + for (var i = 0, l = this.togglers.length; i < l; i++) this.addSection(this.togglers[i], this.elements[i]); + this.elements.each(function(el, i){ + if (this.options.show === i){ + this.fireEvent('onActive', [this.togglers[i], el]); + } else { + for (var fx in this.effects) el.setStyle(fx, 0); + } + }, this); + this.parent(this.elements); + if ($chk(this.options.display)) this.display(this.options.display); + }, + + /* + Property: addSection + Dynamically adds a new section into the accordion at the specified position. + + Arguments: + toggler - (dom element) the element that toggles the accordion section open. + element - (dom element) the element that stretches open when the toggler is clicked. + pos - (integer) the index where these objects are to be inserted within the accordion. + */ + + addSection: function(toggler, element, pos){ + toggler = $(toggler); + element = $(element); + var test = this.togglers.contains(toggler); + var len = this.togglers.length; + this.togglers.include(toggler); + this.elements.include(element); + if (len && (!test || pos)){ + pos = $pick(pos, len - 1); + toggler.injectBefore(this.togglers[pos]); + element.injectAfter(toggler); + } else if (this.container && !test){ + toggler.inject(this.container); + element.inject(this.container); + } + var idx = this.togglers.indexOf(toggler); + toggler.addEvent('click', this.display.bind(this, idx)); + if (this.options.height) element.setStyles({'padding-top': 0, 'border-top': 'none', 'padding-bottom': 0, 'border-bottom': 'none'}); + if (this.options.width) element.setStyles({'padding-left': 0, 'border-left': 'none', 'padding-right': 0, 'border-right': 'none'}); + element.fullOpacity = 1; + if (this.options.fixedWidth) element.fullWidth = this.options.fixedWidth; + if (this.options.fixedHeight) element.fullHeight = this.options.fixedHeight; + element.setStyle('overflow', 'hidden'); + if (!test){ + for (var fx in this.effects) element.setStyle(fx, 0); + } + return this; + }, + + /* + Property: display + Shows a specific section and hides all others. Useful when triggering an accordion from outside. + + Arguments: + index - integer, the index of the item to show, or the actual element to show. + */ + + display: function(index){ + index = ($type(index) == 'element') ? this.elements.indexOf(index) : index; + if ((this.timer && this.options.wait) || (index === this.previous && !this.options.alwaysHide)) return this; + this.previous = index; + var obj = {}; + this.elements.each(function(el, i){ + obj[i] = {}; + var hide = (i != index) || (this.options.alwaysHide && (el.offsetHeight > 0)); + this.fireEvent(hide ? 'onBackground' : 'onActive', [this.togglers[i], el]); + for (var fx in this.effects) obj[i][fx] = hide ? 0 : el[this.effects[fx]]; + }, this); + return this.start(obj); + }, + + showThisHideOpen: function(index){return this.display(index);} + +}); + +Fx.Accordion = Accordion; \ No newline at end of file diff --git a/trunk/index.php b/trunk/index.php index eb3aaaba..0f72ba87 100644 --- a/trunk/index.php +++ b/trunk/index.php @@ -1,4 +1,3 @@ -<pre> <?php /******************************************************************************* * Copyright (C) 2007 Easter-eggs @@ -21,93 +20,41 @@ ******************************************************************************/ -define('LS_CONF_DIR','conf/'); -define('LS_INCLUDE_DIR','includes/'); -define('LS_CLASS_DIR', LS_INCLUDE_DIR .'class/'); -define('LS_LIB_DIR', LS_INCLUDE_DIR .'libs/'); -define('LS_ADDONS_DIR', LS_INCLUDE_DIR .'addons/'); +require_once 'includes/functions.php'; +require_once 'includes/class/class.LSsession.php'; -require_once LS_CONF_DIR .'config.php'; -require_once LS_CONF_DIR .'error_code.php'; -require_once LS_CONF_DIR .'config.LSeepeople.php'; -require_once LS_CONF_DIR .'config.LSeegroup.php'; -require_once $GLOBALS['LSconfig']['NetLDAP']; +$GLOBALS['LSsession'] = new LSsession(); -require_once LS_INCLUDE_DIR .'functions.php'; +if($LSsession -> startLSsession()) { -require_once LS_CLASS_DIR .'class.LSerror.php'; -require_once LS_CLASS_DIR .'class.LSldap.php'; -require_once LS_CLASS_DIR .'class.LSldapObject.php'; -require_once LS_CLASS_DIR .'class.LSattribute.php'; -require_once LS_CLASS_DIR .'class.LSattr_ldap.php'; -require_once LS_CLASS_DIR .'class.LSattr_ldap_ascii.php'; -require_once LS_CLASS_DIR .'class.LSattr_ldap_password.php'; -require_once LS_CLASS_DIR .'class.LSattr_ldap_numeric.php'; -require_once LS_CLASS_DIR .'class.LSattr_html.php'; -require_once LS_CLASS_DIR .'class.LSattr_html_text.php'; -require_once LS_CLASS_DIR .'class.LSattr_html_textarea.php'; -require_once LS_CLASS_DIR .'class.LSattr_html_password.php'; -require_once LS_CLASS_DIR .'class.LSattr_html_select_list.php'; + // D�finition du Titre de la page + $GLOBALS['Smarty'] -> assign('pagetitle',_('Mon compte')); -require_once LS_CLASS_DIR .'class.LSeepeople.php'; -require_once LS_CLASS_DIR .'class.LSeegroup.php'; + // ---- les objets LDAP + // Cr�ation d'un LSeepeople + $eepeople = new LSeepeople(); + + // Chargement des donn�es de l'objet depuis l'annuaire et � partir de son DN + $eepeople-> loadData($GLOBALS['LSsession']->dn); + + // Cr�ation d'un formulaire � partir pour notre objet LDAP + $form=$eepeople -> getForm('test'); + + // Gestion de sa validation + if ($form->validate()) { + // M�J des donn�es de l'objet LDAP + $eepeople -> updateData('test'); + } + // Affichage du formulaire + $form -> display(); -require_once LS_CLASS_DIR .'class.LSform.php'; -require_once LS_CLASS_DIR .'class.LSformElement.php'; -require_once LS_CLASS_DIR .'class.LSformElement_text.php'; -require_once LS_CLASS_DIR .'class.LSformElement_textarea.php'; -require_once LS_CLASS_DIR .'class.LSformElement_select.php'; -require_once LS_CLASS_DIR .'class.LSformElement_password.php'; - -require_once LS_CLASS_DIR .'class.LSformRule.php'; -require_once LS_CLASS_DIR .'class.LSformRule_regex.php'; -require_once LS_CLASS_DIR .'class.LSformRule_alphanumeric.php'; -require_once LS_CLASS_DIR .'class.LSformRule_compare.php'; -require_once LS_CLASS_DIR .'class.LSformRule_email.php'; -require_once LS_CLASS_DIR .'class.LSformRule_lettersonly.php'; -require_once LS_CLASS_DIR .'class.LSformRule_maxlength.php'; -require_once LS_CLASS_DIR .'class.LSformRule_minlength.php'; -require_once LS_CLASS_DIR .'class.LSformRule_nonzero.php'; -require_once LS_CLASS_DIR .'class.LSformRule_nopunctuation.php'; -require_once LS_CLASS_DIR .'class.LSformRule_numeric.php'; -require_once LS_CLASS_DIR .'class.LSformRule_rangelength.php'; - -require_once LS_ADDONS_DIR .'LSaddons.samba.php'; -LSaddon_samba_support(); -require_once LS_ADDONS_DIR .'LSaddons.posix.php'; -LSaddon_posix_support(); - -// Simulation d'une LSsession -$GLOBALS['LSsession']['topDn']='o=lsexample'; - - -// "Activation" de la gestion des erreurs -$LSerror = new LSerror(); - -// Connexion � l'annuaire -$LSldap = new LSldap($GLOBALS['LSconfig']['ldap_config']); - -// ---- les objets LDAP -// Cr�ation d'un LSeepeople -$eepeople = new LSeepeople($GLOBALS['LSobjects']['LSeepeople']); - -// Chargement des donn�es de l'objet depuis l'annuaire et � partir de son DN -$eepeople-> loadData('uid=eeggs,ou=people,o=lsexample'); - -// Cr�ation d'un formulaire � partir pour notre objet LDAP -$form=$eepeople -> getForm('test'); - -// Gestion de sa validation -if ($form->validate()) { - // M�J des donn�es de l'objet LDAP - $eepeople -> updateData('test'); + // Template + $GLOBALS['LSsession'] -> setTemplate('base.tpl'); +} +else { + $GLOBALS['LSsession'] -> setTemplate('login.tpl'); } -// Affichage du formulaire -$form -> display(); - // Affichage des retours d'erreurs -$LSerror -> display(); +$GLOBALS['LSsession'] -> displayTemplate(); ?> -</pre> -<?php debug_print(); ?> diff --git a/trunk/index_ajax.php b/trunk/index_ajax.php new file mode 100644 index 00000000..8c884398 --- /dev/null +++ b/trunk/index_ajax.php @@ -0,0 +1,69 @@ +<?php + +require_once 'includes/functions.php'; +require_once 'includes/class/class.LSsession.php'; + +$GLOBALS['LSsession'] = new LSsession(); +$GLOBALS['LSsession'] -> loadLSobjects(); + +if ($_REQUEST['template'] != 'login') { + if ( !$GLOBALS['LSsession'] -> startLSsession() ) { + echo json_encode(array('LSerror' => 'LSsession : Impossible d\'initialiser la LSsession.' )); + } +} +switch($_REQUEST['template']) { + case 'login': + switch($_REQUEST['action']) { + case 'onLdapServerChanged': + if ( isset($_REQUEST['server']) ) { + $GLOBALS['LSsession'] -> setLdapServer($_REQUEST['server']); + if ( $GLOBALS['LSsession'] -> LSldapConnect() ) { + $list = $GLOBALS['LSsession'] -> getSubDnLdapServerOptions(); + if (is_string($list)) { + $list="<select name='LSsession_topDn' id='LSsession_topDn'>".$list."</select>"; + $data = array('list_topDn' => $list); + } + else if (is_array($list)){ + $data = array('LSerror' => $GLOBALS['LSerror']->getErrors()); + } + else { + $data = null; + } + } + else { + $data = array('LSerror' => $GLOBALS['LSerror']->getErrors()); + } + } + else { + $data=NULL; + } + break; + } + break; + case 'LSform': + switch($_REQUEST['action']) { + case 'onAddFieldBtnClick': + if ((isset($_REQUEST['attribute'])) && (isset($_REQUEST['objecttype'])) && (isset($_REQUEST['idform'])) && (isset($_REQUEST['img'])) ) { + $object = new $_REQUEST['objecttype'](); + $form = $object -> getForm($_REQUEST['idform']); + $emptyField=$form -> getEmptyField($_REQUEST['attribute']); + if ( $emptyField ) { + $data = array( + 'html' => $form -> getEmptyField($_REQUEST['attribute']), + 'img' => $_REQUEST['img'], + ); + } + else { + $data = array('LSerror' => $GLOBALS['LSerror']->getErrors()); + } + } + else { + $data=NULL; + } + break; + } + break; +} + +echo json_encode($data); +?> diff --git a/trunk/l10n/en_US.UTF8/LC_MESSAGES/ldapsaisie.mo b/trunk/l10n/en_US.UTF8/LC_MESSAGES/ldapsaisie.mo new file mode 100644 index 0000000000000000000000000000000000000000..f10f2139a990bf45262510618b2a2aeb635366b8 GIT binary patch literal 1739 zcmZ{kKWrRD6vhV#kR1O)2oNCzlMrMAT61g3vAqODVxNP>U3~a1C=DWWyU*(hyEB`a zSsM${P*XsGKtf6fQY6Z>R1pOgDX1yv=_o1ky}dg-m@x9(Z)fJs%zJO%=Rb}e`bMBV zkNzV1@8~b1fB67@&<;N+#FO9=@M-V__!#&)coaMfJ_=r(jMu>v7+(cXgS+5M;El=n zXOPeN6Xbn=gM9Zt;N#%&hsNWR6E1;#-v{6l_!0OB_$~M>cmq5R-U1&6e+9pS@4ta; zcNLTDe-83F+mrDZAg_N7J^_9Q;!pgDpI5-2K+eY<@D%tLcmzC(P3-pzAfI;%JPgi) z&wvXPz7Mkf$6yTV$@qJa{rLgp{M`a^wD<+&lyh#LL+3k?lEybcAe_C%dE&bdp&vuX z*5(YLX?*Te=$sdBEp+yU@8z6vV_&(k@0@>eK6B(fNs3CP3$eVV%1YW%p>q|ib|hBF zr%qQvTO&HoQSGEQsWqmilamQAE;?IRBrAs{U8zE>nLw^`6xco^ncA{cCL__EQ6V@z zs)Ky>GyeQsni=vzR?5q5Rp^XnMR!nSs*;Hu?&8#J#*VI0m|i<wUdLn_{@197aIhu2 zebZ~FMg@r;l_LZzdN$LWI#nE!tc|{2Q%NRZKCr8B#KZWWfgGrEq~vSe-kJN(UmBhf zmu$&FRs{voUmvVpk%PLbtYZhe3QNWZg`^<r=KJ2T;p3(@8iDs68C!~t+czt6P5vc5 zJhDwiGiyysQq{qha379~p$>SYzO$T+Xf2CAggpXFB&X0T?KQPFh&_pVKG#`vq0W6Y zw25r>*N4%vqb3p2iVBp-xpsRYisL9gE8~SEZokov+ie&|8?=q1tT|ve7t44qnV;Bo zl@HO-DdP)Nk4xkQGS^h8jocukTqe)q0r=xxf+e|#^4!lNZSS<Y%H*}mDH@V06WQ5c zm*<eMpwjT)O}({VXFuS0w%uBWDc&;T!bxPHPs5v4p|p8Rrd!H+3U6N?u11UdcI@mX zJn5jOGi~xjE{=3)U5WaZG999+UvSCfh4x$fO9NZGl%N<sH<8-gXmN3VDT?P?qBEA$ z23@ZqqD*dTDzblR>9YC6*c~IuIqMoFS?BSPx>Rmg<}4^N*rK8k!!11dL^NDKW7TLc z4QjNJ%v2Jnwehh~a3hX@G)x!w^m0Fw6=y5i{0Cr_poI88fyqf)Q|yX9B(Y;%CdNWw zh465!h=X&ihSj<#q){a*^MDri%73Z|<gE!LBWQrKS+S~}56#~9Yzg%ve<_M-SDc@e OeJb&0JLI_bA?v#>4#L?0 literal 0 HcmV?d00001 diff --git a/trunk/templates/base.tpl b/trunk/templates/base.tpl new file mode 100644 index 00000000..ed3c44f5 --- /dev/null +++ b/trunk/templates/base.tpl @@ -0,0 +1,49 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" + "http://www.w3.org/TR/html4/loose.dtd"> +<html> + <head> + <title>LdapSaisie{if $pagetitle != ''} - {$pagetitle}{/if}</title> + <link rel="stylesheet" type="text/css" href="templates/css/base.css" media="screen" title="Normal" /> + {$LSsession_css} + {$LSsession_js} + </head> +<body> +<div id='LSerror'> +{$LSerrors} +</div> +<div id='LSdebug'> + <a href='#' id='LSdebug_hidden'>X</a> + <div id='LSdebug_infos'>{if $LSdebug != ''}{$LSdebug}{/if}</div> +</div> + +<div id='main'> + <div id='left'> + <img src='templates/images/logo.png' alt='Logo' id='logo'/> + <ul class='menu'> + <li class='menu'><a href='index.php' class='menu'>Mon compte</a></li> + <li class='menu'><a href='mon_compte.php' class='menu'>Utilisateurs</a></li> + <li class='menu'><a href='mon_compte.php' class='menu'>Groupes</a></li> + </ul> + </div> + <div id='right'> + <p id='status'>Connect� en tant que <span id='user_name'>{$LSsession_username}</span></b> <a href='index.php?LSsession_logout'><img src='templates/images/logout.png' alt='Logout' title='Logout' /></a></p> + <h1>Mon compte</h1> + <form action='{$LSform_action}' method='post' class='LSform'> + {$LSform_header} + <dl class='LSform'> + {foreach from=$LSform_fields item=field} + <dt class='LSform'>{$field.label}</dt> + <dd class='LSform'>{$field.html}{if $field.add != ''} <span class='LSform-addfield'>+ Ajouter un champ</span>{/if}</dd> + {if $field.errors != ''} + {foreach from=$field.errors item=error} + <dd class='LSform LSform-errors'>{$error}</dd> + {/foreach} + {/if} + {/foreach} + </dl> + <input type='submit' value='{$LSform_submittxt}' class='LSform' /> + </div> + <hr class='spacer' /> +</div> +</body> +</html> diff --git a/trunk/templates/css/LSdefault.css b/trunk/templates/css/LSdefault.css new file mode 100644 index 00000000..36496fcc --- /dev/null +++ b/trunk/templates/css/LSdefault.css @@ -0,0 +1,28 @@ +#LSerror { + width: 50%; + position: absolute; + top: 10px; + left: 10px; + background-color: #f00; + visibility: hidden; + color: #fff; + z-index: 100; +} + +#LSdebug { + width: 50%; + position: absolute; + top: 10px; + left: 50%; + background-color: #84ff6a; + visibility: hidden; + color: #fff; + z-index: 100; +} + +#LSdebug_hidden { + float: right; + color: #fff; + text-decoration: none; + font-weight: bold; +} diff --git a/trunk/templates/css/LSform.css b/trunk/templates/css/LSform.css new file mode 100644 index 00000000..85b87e8e --- /dev/null +++ b/trunk/templates/css/LSform.css @@ -0,0 +1,51 @@ +form.LSform { + margin-left: 2em; +} + +dl.LSform { + margin: 0; + padding: 0; +} + +.LSform dt { + position: relative; + left: 0.2em; + top: 1.2em; + width: 12em; + font-weight: bold; + font-size: 0.9em; + color: #0072b8; +} + +dd.LSform { + margin: 0 0 0 13em; + padding: 0 0 0em 0em; +} + +.LSform input, .LSform select, .LSform textarea { + border: 1px inset #ccc; + width: 20em; + background-color: #b5e4f6; +} + +input[type='submit'].LSform { + border: 1px outset #ccc; + margin-left: 20em; + margin-top: 1em; + width: 8em; +} + +ul.LSform { + list-style-type: none; + padding: 0; + margin: 0; +} + +.LSform-errors { + color: #fff; + background-color: #f59a67; +} + +img.LSform-add-field-btn, img.LSform-remove-field-btn { + cursor: pointer; +} diff --git a/trunk/templates/css/base.css b/trunk/templates/css/base.css new file mode 100644 index 00000000..b3d1fd19 --- /dev/null +++ b/trunk/templates/css/base.css @@ -0,0 +1,80 @@ +body { + font-family: sans-serif; + margin: 0; + padding: 0; +} + +img { + vertical-align: bottom; +} + +a:hover { + text-decoration: underline; +} + +h1 { + margin: 0.5em; + border-bottom: 1px solid #0072b8; + color: #0072b8; +} + +a img { + border: none; +} + +hr { + visibility: hidden; + clear: both; + height: 0px; +} + +#main { + width: 1000px; + margin: auto; + border: 1px solid #52bce5; + background: #fff url(../images/fd_menu.png) repeat-y scroll left top; +} + +#left { + float: left; + width: 160px; +} + +#right { + margin: 0; + float: left; + width: 840px; +} + +#logo { + margin: auto; + width: 142px; + margin-left: 9px; +} + +#status { + margin: 0; + padding: 0; + font-size: 0.7em; + color: #fff; + text-align: right; + background-color: #52bce5; + padding: 0.3em; +} + +#user_name { + font-weight: bold; +} + +ul.menu { + list-style-image: url(../images/puce.png); +} + +li.menu { + color: #fff; +} + +a.menu { + color: #fff; + text-decoration: none; +} diff --git a/trunk/templates/css/login.css b/trunk/templates/css/login.css new file mode 100644 index 00000000..9174d9f8 --- /dev/null +++ b/trunk/templates/css/login.css @@ -0,0 +1,51 @@ +#loginform-logo { + float: left; +} + +div.loginform { + margin: auto; + margin-top: 10%; + border: 1px solid #69c; + padding: 1em; + width: 30em; + background: transparent url(../images/login_fd.png) no-repeat scroll 98% 98%; +} + +dl.loginform { + margin: 0; + padding: 0; +} + +.loginform dt { + position: relative; + left: 0; + top: 1.1em; + width: 8em; + font-weight: bold; + font-size: 0.9em; +} + +.loginform dd { + margin: 0 0 0 9em; + padding: 0 0 0em 0em; +} + +.loginform-level{ + display: none; +} + +.loginform-id { + visibility: hidden; +} + +.loginform input, .loginform select { + border: 1px inset #ccc; + width: 13em; +} + +.loginform input[type='submit'] { + border: 1px outset #ccc; + margin-left: 30em; + margin-top: 1em; + width: 8em; +} diff --git a/trunk/templates/images/add.png b/trunk/templates/images/add.png new file mode 100644 index 0000000000000000000000000000000000000000..1aa7f095c6c282262390748ab2e596a3fc15c228 GIT binary patch literal 323 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE<hRxemd{22U45`9+AaB z9oIpa(Me-=1yGQ^#M9T6{Td^;0E6HZmx_fzp$ncajv*GO&raOScQ8SuP5#o+gzZJ_ zmv%KCOE8PJE-7SpxpX8&d}9=^T62r^i*)lSov_SD%kLWsbp7gPd0+Nv?w+6Xo*!60 zdB^tzOIvw^{>7hmi)!cT|6FkAON{jSt(_u!Lq7!B=^4B;IBq%dL`6}O%gpGjO3}J1 z4Y?KfzQ;%l3Rp(0FF*F|EI&io>j^)N99Xu9ZE@HjcqrgTrepSr)S!<X4Ot~>;v7$d z7#j|r*sm7k|1`qSzwL6X$#3JGkN$s>{Cx9Ec6v|es;&OpMC)hUh7@^ocW)~11Nx1@ M)78&qol`;+0M{XYA^-pY literal 0 HcmV?d00001 diff --git a/trunk/templates/images/ajax-loader.gif b/trunk/templates/images/ajax-loader.gif new file mode 100644 index 0000000000000000000000000000000000000000..b7710d877a03d6b6ce1c6378a723339dba4532c5 GIT binary patch literal 673 zcmZ?wbhEHb6krfw_{6~Q|Nno6q8*3symgv(3dl%Wak**d?Ma6oDE{a6a}5c0b_{Se z(lcOYWME)W{3qpHl$uzQnxasiS(2fUn3Y(Olb@KPmzkHA&!G5|g_8@YN(YF6Mhh@7 zFdK91y7SNAlxMbZGKUq1<Q#Ut8EKrZ8x0Tb5}A2$n_j|^LxmS~qa`fwE@QWp;9>X5 ze(nLZ1=Ac8kU4%miVD&#Ji9kM>vAb{3JggwlvGIYagCN*Q6sap^#0pK3HAns>k^OJ zoFzA@s%QyeGsui%myxpeDaR8N&P)l@XKPKC;rk-#_tDcSamMNbnGalNHt&@=wnCdJ z@~!wE#^%HPMk`aK=I>|0W)#qGNvhhXjM^r?nG+V@+P#dkRgs6q(4{?5MsSr|(}s)k z%t=A9pKaw0EOey$Pb?|2^ug*kBaU4~>e^n<Q$#*UeD-PNQ7b!~5R()#rL|?JTt=jm z=J`_&0?cwRZR8KDfz1h;gw+_Ja}*9uuoQn>@_f&&c?OclWgaN%Ic=MJDtyf%LmoD6 zk>bSN8%)1XWo$Iqz}dNbey*k$R&#*Px%2M>r{K*wp|P_V-`y%Kn3~XWH*wBglWDDv zZbuD7CM3+>#>mTZ$U$JXVZ)(o=O*Gd1{m|JQ=P8N(Y!9l!Esoj?|2~}i=n~FQybO= eNE`x2SJ<tkObVq*5>4}>1t%~tSc4J{7ytky)Ym-# literal 0 HcmV?d00001 diff --git a/trunk/templates/images/fd_menu.png b/trunk/templates/images/fd_menu.png new file mode 100644 index 0000000000000000000000000000000000000000..4fc12fec39fe01a6b13aa65d8cdfdf7023f259ec GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^3xJrBgAGVV_AgBXQY^(zo*^7SP{WbZ0pxQQctjQh z)n5l;MkkHg6+l7B64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1TqJzX3_ nG$tnV-1_{*{;-AwD>Dm2%nPP3HTI9RfYJ<}u6{1-oD!M<>A)wq literal 0 HcmV?d00001 diff --git a/trunk/templates/images/login_fd.png b/trunk/templates/images/login_fd.png new file mode 100644 index 0000000000000000000000000000000000000000..cab07c6c69ee54bff3e605e9ae5d23c4e57228e4 GIT binary patch literal 11546 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 M07*qoM6N<$f}^NM@c;k- literal 0 HcmV?d00001 diff --git a/trunk/templates/images/logo.png b/trunk/templates/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..9ac0079b610a0c7d302a3c6b023d9c26dcc7c608 GIT binary patch literal 13941 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 P00000NkvXXu0mjf4SLPe literal 0 HcmV?d00001 diff --git a/trunk/templates/images/logout.png b/trunk/templates/images/logout.png new file mode 100644 index 0000000000000000000000000000000000000000..ad5e36eb7547cdf4e97c55bfc6287ca0b0280aea GIT binary patch literal 805 zcmV+=1KRwFP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp) z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01ejw01ejxLMWSf00007bV*G`2iO7u z6B`5GnuqQH00N~+L_t(I%XO1WXj54j$A9PCb8k#dle9^l7NtHgwBlP)ryWIH_=4iI zwkoI_-3TIr8#gWn#ErUer2{k0#?_3-jEHYHQgxxIGfHi&)u2@h)+RPdbMMW)XBN?G zmCS#2;C$cj{J+N$jML_&Guu3u2CB#qLX~~(N#(nVka_2~p1x54@g-o_+SXroY@gDl zD2EEUf*2Vo3MI<Ilu`iv+vjlh@4<dRH`PUko5JDl8+~uyDS&Nlv+Fl(n%uFny&-0l zZDctDc8T0bo{zaQ!#S7qYsViREh#{c<n6}rv`MFcovPxGNKHhk@s_0&Bw{AXm<fc* zk17pl0AFkEYrhtV%Wo?c{GUYiD;WU76HKE@T5z)6>fit%jY_nx;^g_DARMW$3JB`9 zObdYAV1Ww<dYHSuk@l`1FeGRdCzgzf=H})gF%<GEPaTCFz9IG}XC;5EjVhJRd}2wq zK)$YlcL|5CW3ALCEw0~p+!L3hufG7i51ALYAEoyw;LO2=si@Vq0xyxo?dv6e^Ac9) z23|dU#P53_v-9*^w6;j4Qh|d^VW?7qfT)p9<EGOX0%`;(1)Tqt=~jq^d55c~2Wae` zLrY6b02u0hSOI8o2gWd!Uuj+0hq@3<jllb?%}X2Fw>0ryDN<9vI(SesA!y=}i@vcc zwQBkrQ#oe;t+#A+eVz<MMuF;_<@H+2iZZ$&pNPl5{ta1~y80PTZd=-VZtwBcFDAu4 z)c<wp4o|OUC@G29-JM;u|L~Auniz(mrIbi1L2F#MTnfhc$GvACH{V@+-&E0`%ys)p z#fgut8SB^O>*mb1@g2jn9lXyk`<~D3OMe!x^*p!&jE&zIv32>pj?po1z8<$=-^+GO j-aq|so@I;9Q=tDpSWxm8HLBHK00000NkvXXu0mjf#Up!^ literal 0 HcmV?d00001 diff --git a/trunk/templates/images/puce.png b/trunk/templates/images/puce.png new file mode 100644 index 0000000000000000000000000000000000000000..7dcbe363e3bee8aef7a01947cf5e78118efe0781 GIT binary patch literal 300 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~q!3HGX7W?Z1DaPU;cPEB*=VV?2Ic!PZ?k)`f zL2$v|<&%LToCO|{#X#-XL734=V|E2lkiEpy*OmPS6B7fUNvwOB5m0E2r;B5V#`&$6 z4852c1zI2GmkPEhn5|^(R}|B9e#7GEk(!yT%OQ8*URbxt&PMl*{`nhky!Ot&6It-_ zpvmXM@n>eMos>QIHmys1jY#ICFB_vvBEp+&OYPWyEI1%>@L<Hj#Dj7h4*HfJNuTrZ z@$ou&V-p3>`*+lLzDUgX+&6j8w)#DHnU23Ww&lX#>fQ-Wa~I^YKM|hu?~vTaBh{gg pMfIxh{giV5v5F=1S;e6$?l*!V3H)7;S%L0m@O1TaS?83{1OW2JbGZNj literal 0 HcmV?d00001 diff --git a/trunk/templates/images/remove.png b/trunk/templates/images/remove.png new file mode 100644 index 0000000000000000000000000000000000000000..00b654e8ca567c380fa477d4b32f808c3b5500d3 GIT binary patch literal 247 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE<hRxemd{22U45`9+AaB z9oIpa(Me-=1yGQ^#M9T6{Td@TzqJxWjL;#VP>ZLFV~EA+w-YyVHU|i_?Pt%tbHGab z1&5^a+FUmdNd@kXwZ%tROFFJ>Q*!zI&R_A==FP^f@-i~)|I20A*?&KNrgrv}l!w`~ zS-W;DV_2Rr!zN$cO_)z&Zy0B$7W<vg*Eea1T&T5qzs;S=II*ct;9mE7PGgJX7rkV- kX1T}Z+CBX7&;BFxnqb}AZciF+0Numj>FVdQ&MBb@09MjczW@LL literal 0 HcmV?d00001 diff --git a/trunk/templates/login.tpl b/trunk/templates/login.tpl new file mode 100644 index 00000000..0389676a --- /dev/null +++ b/trunk/templates/login.tpl @@ -0,0 +1,37 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" + "http://www.w3.org/TR/html4/loose.dtd"> +<html> + <head> + <title>LdapSaisie{if $pagetitle != ''} - {$pagetitle}{/if}</title> + <link rel="stylesheet" type="text/css" href="templates/css/login.css" media="screen" title="Normal" /> + {$LSsession_css} + {$LSsession_js} + </head> +<body> +<div id='LSerror'> +{$LSerrors} +</div> +<div id='LSdebug'> + <a href='#' id='LSdebug_hidden'>X</a> + <div id='LSdebug_infos'>{if $LSdebug != ''}{$LSdebug}{/if}</div> +</div> +<div class='loginform'> +<img src='templates/images/logo.png' alt='Logo' id='loginform_logo' /> +<form action='{$loginform_action}' method='post'> +<dl class='loginform'> + <dt {$loginform_ldapserver_style}>{$loginform_label_ldapserver}</dt> + <dd {$loginform_ldapserver_style}> + <select name='LSsession_ldapserver' id='LSsession_ldapserver'>{html_options values=$loginform_ldapservers_index output=$loginform_ldapservers_name}</select> + </dd> + <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}</select></dd> + <dt>{$loginform_label_user}</dt> + <dd><input type='text' name='LSsession_user' /></dd> + <dt>{$loginform_label_pwd}</dt> + <dd><input type='password' name='LSsession_pwd' /></dd> +</dl> +<input type='submit' value='{$loginform_label_submit}' /> +</form> +</div> +</body> +</html>