From: Greg Burri Date: Wed, 16 Jul 2008 21:50:16 +0000 (+0000) Subject: MOD début de la Grande Restructuration JavaScript (pas fini) X-Git-Tag: 1.1.0~81 X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=commitdiff_plain;h=55b0291a691e56465277811aac749e930509fea2 MOD début de la Grande Restructuration JavaScript (pas fini) --- diff --git a/index.yaws b/index.yaws index c600fe9..105694d 100755 --- a/index.yaws +++ b/index.yaws @@ -23,15 +23,6 @@ }. - - - - - - - - - diff --git a/js/conf.js b/js/conf.js new file mode 100644 index 0000000..cd76381 --- /dev/null +++ b/js/conf.js @@ -0,0 +1,42 @@ + +/** + * La configuration. + * Normalement 'const' à la place de 'var' mais non supporté par IE7. + */ +euphorik.conf = { + versionProtocole : 3, // version du protcole + nickDefaut : "", + nbMessageAffiche : 10, // (par page) + pseudoDefaut : "", + tempsAffichageMessageDialogue : 4000, // en ms + tempsKick : 15, // en minute + tempsBan : 60 * 24 * 3, // en minutes (3jours) + smiles : { + "smile" : [/:\)/g, /:-\)/g], + "bigsmile" : [/:D/g, /:-D/g], + "clin" : [/;\)/g, /;-\)/g], + "cool" : [/8\)/g, /8-\)/g], + "eheheh" : [/:P/g, /:-P/g], + "lol" : [/\[-lol\]/g], + "petrus" : [/:F/g], + "spliff" : [/\[-spliff\]/g], + "oh" : [/:o/g, /:O/g], + "heink" : [/\[-heink\]/g], + "hum" : [/\[-hum\]/g], + "boh" : [/\[-boh\]/g], + "sniff" : [/:\(/g, /:-\(/g], + "triste" : [/\[-triste\]/g], + "pascontent" : [/>\(/g, />\(/g], + "argn" : [/\[-argn\]/g], + "redface" : [/\[-redface\]/g], + "bunny" : [/\[-lapin\]/g], + "chat" : [/\[-chat\]/g], + "renne" : [/\[-renne\]/g], + "star" : [/\[-star\]/g], + "kirby" : [/\[-kirby\]/g], + "slurp" : [/\[-slurp\]/g], + "agreed" : [/\[-agreed\]/g], + "dodo" : [/\[-dodo\]/g], + "bn" : [/\[-bn\]/g] + } +} diff --git a/js/euphorik.js b/js/euphorik.js index 8af19d1..e57cc4e 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -24,334 +24,58 @@ */ -/** - * La configuration. - * Normalement 'const' à la place de 'var' mais non supporté par IE7. - */ -var conf = { - versionProtocole : 3, // version du protcole - nickDefaut : "", - nbMessageAffiche : 10, // (par page) - pseudoDefaut : "", - tempsAffichageMessageDialogue : 4000, // en ms - tempsKick : 15, // en minute - tempsBan : 60 * 24 * 3, // en minutes (3jours) - smiles : { - "smile" : [/:\)/g, /:-\)/g], - "bigsmile" : [/:D/g, /:-D/g], - "clin" : [/;\)/g, /;-\)/g], - "cool" : [/8\)/g, /8-\)/g], - "eheheh" : [/:P/g, /:-P/g], - "lol" : [/\[-lol\]/g], - "petrus" : [/:F/g], - "spliff" : [/\[-spliff\]/g], - "oh" : [/:o/g, /:O/g], - "heink" : [/\[-heink\]/g], - "hum" : [/\[-hum\]/g], - "boh" : [/\[-boh\]/g], - "sniff" : [/:\(/g, /:-\(/g], - "triste" : [/\[-triste\]/g], - "pascontent" : [/>\(/g, />\(/g], - "argn" : [/\[-argn\]/g], - "redface" : [/\[-redface\]/g], - "bunny" : [/\[-lapin\]/g], - "chat" : [/\[-chat\]/g], - "renne" : [/\[-renne\]/g], - "star" : [/\[-star\]/g], - "kirby" : [/\[-kirby\]/g], - "slurp" : [/\[-slurp\]/g], - "agreed" : [/\[-agreed\]/g], - "dodo" : [/\[-dodo\]/g], - "bn" : [/\[-bn\]/g] - } -} - -/////////////////////////////////////////////////////////////////////////////////////////////////// - -String.prototype.trim = function() -{ - return jQuery.trim(this) // anciennement : this.replace(/^\s+|\s+$/g, ""); -} - -String.prototype.ltrim = function() -{ - return this.replace(/^\s+/, ""); -} - -String.prototype.rtrim = function() -{ - return this.replace(/\s+$/, ""); -} - -/////////////////////////////////////////////////////////////////////////////////////////////////// - -/** - * Cette classe regroupe des fonctions utilitaires (helpers). - * @formateur est permet de formater les messages affichés à l'aide de messageDialogue (facultatif) - */ -function Util(formateur) -{ - $("#info .fermer").click(function(){ - $("#info").slideUp(50) - }) - $("body").append('
').append('

') - - this.formateur = formateur - this.bulleActive = true -} +// tout euphorik est contenu dans cet objet +var euphorik = {} +// ;; euphorik.include = +// ;; euphorik.include = function(f) { var s = document.createElement('script'); s.type = 'text/javascript'; s.src = "js/" + f + ".js"; document.getElementsByTagName('head')[0].appendChild(s); } -var messageType = {informatif: 0, question: 1, erreur: 2} -/** - * Affiche une boite de dialogue avec un message à l'intérieur. - * @param message le message (string) - * @param type voir 'messageType'. par défaut messageType.informatif - * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons - * et les valeurs les fonctions executées lorsqu'un bouton est activé. - * @param formate faut-il formaté le message ? true par défaut - */ -Util.prototype.messageDialogue = function(message, type, boutons, formate) -{ - var thisUtil = this +// version jQuery : function(f) { jQuery.ajax({async : false, url : "js/" + f + ".js", dataType : "script"}) } +// mais comme il n'est pas encore chargé... +;; euphorik.include = function(f) { +;; var req, url = 'js/' + f + '.js' +;; if (window.XMLHttpRequest) { +;; req = new XMLHttpRequest(); req.open("GET", url, false /* async */); req.send(null); +;; } else if (window.ActiveXObject) { +;; req = new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') != -1) ? "Microsoft.XMLHTTP" : "Msxml2.XMLHTTP"); +;; if (req) { req.open("GET", url, false); req.send(); } +;; } +;; if (req!==false) { if (req.status==200) { window.eval(req.responseText); } else if (req.status==404) { alert("erreur de chargement (404) de : " + url) } } +;; } - if (type == undefined) - type = messageType.informatif - - if (formate == undefined) - formate = true +;; euphorik.include("jquery") +;; euphorik.include("jquery.lightbox") +;; euphorik.include("md5") +;; euphorik.include("json2") - if (this.timeoutMessageDialogue != undefined) - clearTimeout(this.timeoutMessageDialogue) - - var fermer = function(){$("#info").slideUp(100)} - fermer() - - $("#info .message").html(thisUtil.formateur == undefined || !formate ? message : thisUtil.formateur.traitementComplet(message)) - switch(type) - { - case messageType.informatif : $("#info #icone").attr("class", "information"); break - case messageType.question : $("#info #icone").attr("class", "interrogation"); break - case messageType.erreur : $("#info #icone").attr("class", "exclamation"); break - } - $("#info .boutons").html("") - for (var b in boutons) - $("#info .boutons").append("
" + b + "
").find("div:last").click(boutons[b]).click(fermer) - - $("#info").slideDown(200) - this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue) -} - -var positionTypeX = {gauche: 0, gaucheRecouvrement: 1, centre: 2, droiteRecouvrement: 3, droite: 4} -var positionTypeY = {haut: 0, hautRecouvrement: 1, centre: 2, basRecouvrement: 3, bas: 4} - -/** - * Afficher une boite flottante (élément) par rapport à une cible. - * La boite est affichée de manière à ne pas dépasser de la fenêtre. - * @boite l'élément à afficher - * @cible l'élément sur lequel est affiché la boite - * @positionX de type positionTypeX - * @positionY de type positionTypeY - */ -Util.prototype.afficherBoite = function(boite, cible, positionX, positionY) -{ - var positionCible = cible.offset() - var positionBoite = - { - left : positionX == positionTypeX.gauche ? positionCible.left - boite.width() : - (positionX == positionTypeX.gaucheRecouvrement ? positionCible.left - boite.width() + cible.width() : - (positionX == positionTypeX.droitelsRecouvrement ? positionCible.left : - (positionX == positionTypeX.droite ? positionCible.left + cible.width() : - positionCible.left + cible.width() / 2 - boite.width() / 2 ))), // centre - top : positionY == positionTypeY.haut ? positionCible.top - boite.height() : - (positionY == positionTypeY.hautRecouvrement ? positionCible.top - boite.height() + cible.height() : - (positionY == positionTypeY.basRecouvrement ? positionCible.top : - (positionY == positionTypeY.bas ? positionCible.top + cible.height() : - positionCible.top + cible.height() / 2 - boite.height() / 2 ))) // centre - } - - // calcul les décalages en x et en y pour éviter que la boite ne sorte de la fenêtre, tient compte de la position des barres de défilement - var marge = 10 - positionBoite.left = positionBoite.left < marge + window.pageXOffset ? marge + window.pageXOffset : - (boite.width() - $(window).width() + (positionBoite.left - window.pageXOffset) + marge > 0 ? $(window).width() - boite.width() - marge + window.pageXOffset : positionBoite.left) - positionBoite.top = positionBoite.top < marge + window.pageYOffset ? marge + window.pageYOffset : - (boite.height() - $(window).height() + (positionBoite.top - window.pageYOffset) + marge > 0 ? $(window).height() - boite.height() - marge + window.pageYOffset : positionBoite.top) - - boite.css("top", positionBoite.top).css("left", positionBoite.left).show() -} - -var positionBulleType = {haut : 0, droite : 1, bas : 2, gauche : 3} +;; euphorik.include("conf") +;; euphorik.include("util") -/** - * Affiche un info bulle lorsque le curseur survole l'élément donné. - * @param message le message à afficher - * @param element l'élément DOM sur lesquel afficher la bulle - * @param la position de la bulle, voir positionBulleType. Par défaut à 0 (haut) - */ -Util.prototype.infoBulle = function(message, element, position) -{ - var thisUtil = this - if (position == undefined) - position = positionBulleType.haut - - var cacherBulle = function() - { - $("#flecheBulle").hide() - $("#messageBulle").hide() - } +;; euphorik.include("pageMinichat") +;; euphorik.include("pageAdmin") +;; euphorik.include("pageProfile") +;; euphorik.include("pageRegister") +;; euphorik.include("pageAbout") - element.hover( - function() - { - if (!thisUtil.bulleActive) - return - - var m = $("#messageBulle") - var f = $("#flecheBulle") - f.removeClass().addClass(position == positionBulleType.haut ? "flecheBulleHaut" : - (position == positionBulleType.droite ? "flecheBulleDroite" : - (position == positionBulleType.bas ? "flecheBulleBas" : "flecheBulleGauche" ))) - - // remplie le paragraphe de la bulle avec le message - $("p", m).html(message) - - // réinitialise la position, évite le cas ou la boite est collé à droite et remplie avec un texte la faisant dépassé - // dans ce cas la hauteur n'est pas calculé correctement - m.css("top", 0).css("left", 0) - - var positionFleche = { - left : position == positionBulleType.haut || position == positionBulleType.bas ? - element.offset().left + element.outerWidth() / 2 - f.width() / 2 : - (position == positionBulleType.gauche ? element.offset().left - f.width() : element.offset().left + element.outerWidth()), - top : position == positionBulleType.gauche || position == positionBulleType.droite ? - element.offset().top + element.outerHeight() / 2 - f.height() / 2 : - (position == positionBulleType.haut ? element.offset().top - f.height() : element.offset().top + element.outerHeight()) - } - var positionMessage = { - left : position == positionBulleType.haut || position == positionBulleType.bas ? - element.offset().left + element.width() / 2 - m.width() / 2 : - (position == positionBulleType.gauche ? element.offset().left - f.width() - m.width() : element.offset().left + f.width() + element.outerWidth()), - top : position == positionBulleType.gauche || position == positionBulleType.droite ? - element.offset().top + element.outerHeight() / 2 - m.height() / 2 : - (position == positionBulleType.haut ? element.offset().top - f.height() - m.height() : element.offset().top + f.height() + element.outerHeight()) - } - var depassementDroit = (positionMessage.left + m.width()) - $("body").width() - if (depassementDroit > 0) - positionMessage.left -= depassementDroit - else - { - if (positionMessage.left < 0) - positionMessage.left = 0 - } - - m.css("top", positionMessage.top).css("left", positionMessage.left).show() - f.css("top", positionFleche.top).css("left", positionFleche.left).show() - }, - cacherBulle - ).click(cacherBulle) -} -/** - * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery. - */ -Util.prototype.jsonVersAction = function(json) -{ - return {action : JSON.stringify(json) } -} +/////////////////////////////////////////////////////////////////////////////////////////////////// -Util.prototype.md5 = function(chaine) +String.prototype.trim = function() { - return hex_md5(chaine) + return jQuery.trim(this) // anciennement : this.replace(/^\s+|\s+$/g, ""); } -// pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130 -Util.prototype.setSelectionRange = function(input, selectionStart, selectionEnd) +String.prototype.ltrim = function() { - if (input.setSelectionRange) - { - input.focus() - input.setSelectionRange(selectionStart, selectionEnd) - } - else if (input.createTextRange) - { - var range = input.createTextRange() - range.collapse(true) - range.moveEnd('character', selectionEnd) - range.moveStart('character', selectionStart) - range.select() - } + return this.replace(/^\s+/, ""); } -Util.prototype.setCaretToEnd = function(input) -{ - this.setSelectionRange(input, input.value.length, input.value.length) -} -Util.prototype.setCaretToBegin = function(input) -{ - this.setSelectionRange(input, 0, 0) -} -Util.prototype.setCaretToPos = function(input, pos) -{ - this.setSelectionRange(input, pos, pos) -} -Util.prototype.selectString = function(input, string) +String.prototype.rtrim = function() { - var match = new RegExp(string, "i").exec(input.value) - if (match) - { - this.setSelectionRange (input, match.index, match.index + match[0].length) - } -} -Util.prototype.replaceSelection = function(input, replaceString) { - if (input.setSelectionRange) - { - var selectionStart = input.selectionStart - var selectionEnd = input.selectionEnd - input.value = input.value.substring(0, selectionStart) + replaceString + input.value.substring(selectionEnd) - - if (selectionStart != selectionEnd) // has there been a selection - this.setSelectionRange(input, selectionStart, selectionStart + replaceString.length) - else // set caret - this.setCaretToPos(input, selectionStart + replaceString.length) - } - else if (document.selection) - { - input.focus() - var range = document.selection.createRange() - if (range.parentElement() == input) - { - var isCollapsed = range.text == '' - range.text = replaceString - if (!isCollapsed) - { - range.moveStart('character', -replaceString.length); - } - } - } + return this.replace(/\s+$/, ""); } -Util.prototype.rot13 = function(chaine) -{ - var ACode = 'A'.charCodeAt(0) - var aCode = 'a'.charCodeAt(0) - var MCode = 'M'.charCodeAt(0) - var mCode = 'm'.charCodeAt(0) - var ZCode = 'Z'.charCodeAt(0) - var zCode = 'z'.charCodeAt(0) - - var f = function(ch, pos) { - if (pos == ch.length) - return "" - - var c = ch.charCodeAt(pos); - return String.fromCharCode( - c + - (c >= ACode && c <= MCode || c >= aCode && c <= mCode ? 13 : - (c > MCode && c <= ZCode || c > mCode && c <= zCode ? -13 : 0)) - ) + f(ch, pos + 1) - } - return f(chaine, 0) -} /////////////////////////////////////////////////////////////////////////////////////////////////// @@ -416,7 +140,7 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement) */ function Formateur() { - this.smiles = conf.smiles + this.smiles = euphorik.conf.smiles this.protocoles = "http|https|ed2k" this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi") @@ -607,7 +331,7 @@ function Client(util) Client.prototype.resetDonneesPersonnelles = function() { this.id = 0 - this.pseudo = conf.pseudoDefaut + this.pseudo = euphorik.conf.pseudoDefaut this.login = "" this.password = "" this.email = "" @@ -710,7 +434,7 @@ Client.prototype.supprimerConversation = function(num) Client.prototype.getJSONLogin = function(login, password) { return { - "header" : { "action" : "authentification", "version" : conf.versionProtocole }, + "header" : { "action" : "authentification", "version" : euphorik.conf.versionProtocole }, "login" : login, "password" : password } @@ -719,7 +443,7 @@ Client.prototype.getJSONLogin = function(login, password) Client.prototype.getJSONLoginCookie = function() { return { - "header" : { "action" : "authentification", "version" : conf.versionProtocole }, + "header" : { "action" : "authentification", "version" : euphorik.conf.versionProtocole }, "cookie" : this.cookie } } @@ -730,7 +454,7 @@ Client.prototype.getJSONLoginCookie = function() */ Client.prototype.getJSONEnregistrement = function(login, password) { - var mess = { "header" : { "action" : "register", "version" : conf.versionProtocole }} + var mess = { "header" : { "action" : "register", "version" : euphorik.conf.versionProtocole }} if (login != undefined && password != undefined) { @@ -752,7 +476,7 @@ Client.prototype.getJSONConversations = function() Client.prototype.getJSONProfile = function() { return { - "header" : { "action" : "set_profile", "version" : conf.versionProtocole }, + "header" : { "action" : "set_profile", "version" : euphorik.conf.versionProtocole }, "cookie" : this.cookie, "login" : this.login, "password" : this.password, @@ -1043,7 +767,7 @@ Client.prototype.slap = function(userId, raison) dataType: "json", data: this.util.jsonVersAction( { - "header" : { "action" : "slap", "version" : conf.versionProtocole }, + "header" : { "action" : "slap", "version" : euphorik.conf.versionProtocole }, "cookie" : thisClient.cookie, "user_id" : userId, "reason" : raison @@ -1063,7 +787,7 @@ Client.prototype.ban = function(userId, raison, minutes) // par défaut un ban correspond à 3 jours if (typeof(minutes) == "undefined") - minutes = conf.tempsBan; + minutes = euphorik.conf.tempsBan; jQuery.ajax({ type: "POST", @@ -1071,7 +795,7 @@ Client.prototype.ban = function(userId, raison, minutes) dataType: "json", data: this.util.jsonVersAction( { - "header" : { "action" : "ban", "version" : conf.versionProtocole }, + "header" : { "action" : "ban", "version" : euphorik.conf.versionProtocole }, "cookie" : thisClient.cookie, "duration" : minutes, "user_id" : userId, @@ -1088,7 +812,7 @@ Client.prototype.ban = function(userId, raison, minutes) Client.prototype.kick = function(userId, raison) { - this.ban(userId, raison, conf.tempsKick) + this.ban(userId, raison, euphorik.conf.tempsKick) } /////////////////////////////////////////////////////////////////////////////////////////////////// @@ -1151,7 +875,7 @@ PageEvent.prototype.waitEvent = function(funSend, funsReceive) // TODO : ya pas mieux ? var dataToSend = { - "header" : { "action" : "wait_event", "version" : conf.versionProtocole }, + "header" : { "action" : "wait_event", "version" : euphorik.conf.versionProtocole }, "page" : this.page } var poulpe = funSend() @@ -1194,16 +918,13 @@ PageEvent.prototype.waitEvent2 = function(funSend, funsReceive) /////////////////////////////////////////////////////////////////////////////////////////////////// -// charge dynamiquement le script de debug (obsolète) -;; var include = function(f) { jQuery.ajax({async : false, url : "js/" + f + ".js", dataType : "script"}) } -;; include("debug") // le main $(document).ready( function() { var formateur = new Formateur() - var util = new Util(formateur) + var util = new euphorik.Util(formateur) var client = new Client(util) var pages = new Pages() @@ -1220,7 +941,7 @@ $(document).ready( $("#menu .admin").click(function(){ pages.afficherPage("admin") }) $("#menu .profile").click(function(){ pages.afficherPage("profile") }) $("#menu .logout").click(function(){ - util.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", messageType.question, + util.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", euphorik.Util.messageType.question, {"Oui" : function() { client.deconnexion(); diff --git a/js/pageAdmin.js b/js/pageAdmin.js index 8fc6e22..e837a91 100644 --- a/js/pageAdmin.js +++ b/js/pageAdmin.js @@ -108,7 +108,7 @@ PageAdmin.prototype.posterTroll = function() var dataToSend = { - "header" : { "action" : "put_troll", "version" : conf.versionProtocole }, + "header" : { "action" : "put_troll", "version" : euphorik.conf.versionProtocole }, "cookie" : this.client.cookie, "content" : content } @@ -147,7 +147,7 @@ PageAdmin.prototype.majIPs = function() var dataToSend = { - "header" : { "action" : "list_banned_ips", "version" : conf.versionProtocole }, + "header" : { "action" : "list_banned_ips", "version" : euphorik.conf.versionProtocole }, "cookie" : this.client.cookie } @@ -192,7 +192,7 @@ PageAdmin.prototype.majIPs = function() $(".deban", this).click( function() { - thisPageAdmin.util.messageDialogue("Êtes-vous sur de vouloir débannir l'IP ''" + ip + "'' ?", messageType.question, + thisPageAdmin.util.messageDialogue("Êtes-vous sur de vouloir débannir l'IP ''" + ip + "'' ?", euphorik.Util.messageType.question, {"Oui" : function() { thisPageAdmin.deban(ip) @@ -227,7 +227,7 @@ PageAdmin.prototype.deban = function(ip) var dataToSend = { - "header" : { "action" : "unban", "version" : conf.versionProtocole }, + "header" : { "action" : "unban", "version" : euphorik.conf.versionProtocole }, "cookie" : this.client.cookie, "ip" : ip } @@ -335,7 +335,7 @@ Trolls.prototype.ajouterTrollEvent = function(data) { thisTrolls.util.messageDialogue( "Êtes-vous sur de vouloir supprimer le troll \"" + thisTrolls.trolls[id].content + "\" ?", - messageType.question, + euphorik.Util.messageType.question, { "oui" : function() { @@ -400,7 +400,7 @@ Trolls.prototype.modifier = function(id, content) var dataToSend = { - "header" : { "action" : "mod_troll", "version" : conf.versionProtocole }, + "header" : { "action" : "mod_troll", "version" : euphorik.conf.versionProtocole }, "cookie" : this.client.cookie, "troll_id" : id, "content" : content @@ -433,7 +433,7 @@ Trolls.prototype.supprimer = function(id) var dataToSend = { - "header" : { "action" : "del_troll", "version" : conf.versionProtocole }, + "header" : { "action" : "del_troll", "version" : euphorik.conf.versionProtocole }, "cookie" : this.client.cookie, "troll_id" : id } diff --git a/js/pageMinichat.js b/js/pageMinichat.js index cedcf92..da534ed 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -38,7 +38,7 @@ PageMinichat.prototype.contenu = function() var formulaireXHTML = '
\

\ \ -\ +\ 0\ \ \ @@ -88,8 +88,8 @@ PageMinichat.prototype.charger = function() ) this.util.infoBulle("Slap", $("#slap", this.util.outilsBan)) - this.util.infoBulle("Kick (" + conf.tempsKick + "min)", $("#kick", this.util.outilsBan)) - this.util.infoBulle("Ban (" + conf.tempsBan / 24 / 60 + " jours)", $("#ban", this.util.outilsBan)) + this.util.infoBulle("Kick (" + euphorik.conf.tempsKick + "min)", $("#kick", this.util.outilsBan)) + this.util.infoBulle("Ban (" + euphorik.conf.tempsBan / 24 / 60 + " jours)", $("#ban", this.util.outilsBan)) this.util.infoBulle("La raison", $("input", this.util.outilsBan)) } @@ -106,7 +106,7 @@ PageMinichat.prototype.charger = function() thisPage.conversations.enleverMessagesRepond() } ), - positionBulleType.droite + euphorik.Util.positionBulleType.droite ) // @@ -173,7 +173,7 @@ PageMinichat.prototype.charger = function() function() { var input = $("input.pseudo")[0] - if (input.value == conf.pseudoDefaut) + if (input.value == euphorik.conf.pseudoDefaut) input.value = "" } ) @@ -193,7 +193,7 @@ PageMinichat.prototype.getJSONMessage = function(pseudo, message) repondA.push(parseInt(id)) // FIXME : une propriété ne peut pas être de type int ? return { - "header" : { "action" : "put_message", "version" : conf.versionProtocole }, + "header" : { "action" : "put_message", "version" : euphorik.conf.versionProtocole }, "cookie" : this.client.cookie, "nick" : pseudo, "content" : message, @@ -208,9 +208,9 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) // (un pseudo vide est autorisé) pseudo = this.formateur.filtrerInputPseudo(pseudo) - if (pseudo == conf.nickDefaut) + if (pseudo == euphorik.conf.nickDefaut) { - this.util.messageDialogue("Le pseudo ne peut pas être " + conf.nickDefaut) + this.util.messageDialogue("Le pseudo ne peut pas être " + euphorik.conf.nickDefaut) return } @@ -466,7 +466,7 @@ function Conversation(conversations, num) this.messages = [] this.messagesParId = {} - this.nbMessageMax = conf.nbMessageAffiche // Le nombre de message affiché par page + this.nbMessageMax = euphorik.conf.nbMessageAffiche // Le nombre de message affiché par page var messagesXHTML = '

' var messageRacineXHTML = '
' @@ -488,7 +488,7 @@ function Conversation(conversations, num) $("#conversations tr").append(XHTML) - this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), positionBulleType.haut) + this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), euphorik.Util.positionBulleType.haut) if (num != 0) { this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .lien")) @@ -1019,7 +1019,7 @@ Conversations.prototype.afficherMessagesRepondConversations = function() Conversations.prototype.getJSONrafraichirMessages = function() { var mess = { - "message_count" : conf.nbMessageAffiche, + "message_count" : euphorik.conf.nbMessageAffiche, "main_page" : this.client.pagePrincipale, "conversations" : this.getJSONConversations(), "troll_id" : this.trollIdCourant diff --git a/js/pageProfile.js b/js/pageProfile.js index 5f17b01..b666643 100755 --- a/js/pageProfile.js +++ b/js/pageProfile.js @@ -91,7 +91,7 @@ PageProfile.prototype.chargerProfile = function() } if(!thisPage.client.flush()) - thisPage.util.messageDialogue("Impossible de mettre à jour votre profile, causes inconnues", messageType.erreur) + thisPage.util.messageDialogue("Impossible de mettre à jour votre profile, causes inconnues", euphorik.Util.messageType.erreur) else { thisPage.util.messageDialogue("Votre profile a été mis à jour") diff --git a/js/util.js b/js/util.js new file mode 100644 index 0000000..62d127b --- /dev/null +++ b/js/util.js @@ -0,0 +1,266 @@ + +/** + * Cette classe regroupe des fonctions utilitaires (helpers). + * @formateur est permet de formater les messages affichés à l'aide de messageDialogue (facultatif) + */ +euphorik.Util = function (formateur) +{ + $("#info .fermer").click(function(){ + $("#info").slideUp(50) + }) + + $("body").append('
').append('

') + + this.formateur = formateur + this.bulleActive = true +} + +euphorik.Util.messageType = {informatif: 0, question: 1, erreur: 2} + +/** + * Affiche une boite de dialogue avec un message à l'intérieur. + * @param message le message (string) + * @param type voir 'messageType'. par défaut messageType.informatif + * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons + * et les valeurs les fonctions executées lorsqu'un bouton est activé. + * @param formate faut-il formaté le message ? true par défaut + */ +euphorik.Util.prototype.messageDialogue = function(message, type, boutons, formate) +{ + var thisUtil = this + + type = type || euphorik.Util.messageType.informatif + + if (formate == undefined) + formate = true + + if (this.timeoutMessageDialogue != undefined) + clearTimeout(this.timeoutMessageDialogue) + + var fermer = function(){$("#info").slideUp(100)} + fermer() + + $("#info .message").html(thisUtil.formateur == undefined || !formate ? message : thisUtil.formateur.traitementComplet(message)) + switch(type) + { + case euphorik.Util.messageType.informatif : $("#info #icone").attr("class", "information"); break + case euphorik.Util.messageType.question : $("#info #icone").attr("class", "interrogation"); break + case euphorik.Util.messageType.erreur : $("#info #icone").attr("class", "exclamation"); break + } + $("#info .boutons").html("") + for (var b in boutons) + $("#info .boutons").append("
" + b + "
").find("div:last").click(boutons[b]).click(fermer) + + $("#info").slideDown(200) + this.timeoutMessageDialogue = setTimeout(fermer, euphorik.conf.tempsAffichageMessageDialogue) +} + +euphorik.Util.positionTypeX = {gauche: 0, gaucheRecouvrement: 1, centre: 2, droiteRecouvrement: 3, droite: 4} +euphorik.Util.positionTypeY = {haut: 0, hautRecouvrement: 1, centre: 2, basRecouvrement: 3, bas: 4} + +/** + * Afficher une boite flottante (élément) par rapport à une cible. + * La boite est affichée de manière à ne pas dépasser de la fenêtre. + * @boite l'élément à afficher + * @cible l'élément sur lequel est affiché la boite + * @positionX de type positionTypeX + * @positionY de type positionTypeY + */ +euphorik.Util.prototype.afficherBoite = function(boite, cible, positionX, positionY) +{ + var positionCible = cible.offset() + var positionBoite = + { + left : positionX == euphorik.Util.positionTypeX.gauche ? positionCible.left - boite.width() : + (positionX == euphorik.Util.positionTypeX.gaucheRecouvrement ? positionCible.left - boite.width() + cible.width() : + (positionX == euphorik.Util.positionTypeX.droitelsRecouvrement ? positionCible.left : + (positionX == euphorik.Util.positionTypeX.droite ? positionCible.left + cible.width() : + positionCible.left + cible.width() / 2 - boite.width() / 2 ))), // centre + top : positionY == euphorik.Util.positionTypeY.haut ? positionCible.top - boite.height() : + (positionY == euphorik.Util.positionTypeY.hautRecouvrement ? positionCible.top - boite.height() + cible.height() : + (positionY == euphorik.Util.positionTypeY.basRecouvrement ? positionCible.top : + (positionY == euphorik.Util.positionTypeY.bas ? positionCible.top + cible.height() : + positionCible.top + cible.height() / 2 - boite.height() / 2 ))) // centre + } + + // calcul les décalages en x et en y pour éviter que la boite ne sorte de la fenêtre, tient compte de la position des barres de défilement + var marge = 10 + positionBoite.left = positionBoite.left < marge + window.pageXOffset ? marge + window.pageXOffset : + (boite.width() - $(window).width() + (positionBoite.left - window.pageXOffset) + marge > 0 ? $(window).width() - boite.width() - marge + window.pageXOffset : positionBoite.left) + positionBoite.top = positionBoite.top < marge + window.pageYOffset ? marge + window.pageYOffset : + (boite.height() - $(window).height() + (positionBoite.top - window.pageYOffset) + marge > 0 ? $(window).height() - boite.height() - marge + window.pageYOffset : positionBoite.top) + + boite.css("top", positionBoite.top).css("left", positionBoite.left).show() +} + +euphorik.Util.positionBulleType = {haut : 0, droite : 1, bas : 2, gauche : 3} + +/** + * Affiche un info bulle lorsque le curseur survole l'élément donné. + * @param message le message à afficher + * @param element l'élément DOM sur lesquel afficher la bulle + * @param la position de la bulle, voir positionBulleType. Par défaut à 0 (haut) + */ +euphorik.Util.prototype.infoBulle = function(message, element, position) +{ + var thisUtil = this + position = position || euphorik.Util.positionBulleType.haut + + var cacherBulle = function() + { + $("#flecheBulle").hide() + $("#messageBulle").hide() + } + + element.hover( + function() + { + if (!thisUtil.bulleActive) + return + + var m = $("#messageBulle") + var f = $("#flecheBulle") + f.removeClass().addClass(position == euphorik.Util.positionBulleType.haut ? "flecheBulleHaut" : + (position == euphorik.Util.positionBulleType.droite ? "flecheBulleDroite" : + (position == euphorik.Util.positionBulleType.bas ? "flecheBulleBas" : "flecheBulleGauche" ))) + + // remplie le paragraphe de la bulle avec le message + $("p", m).html(message) + + // réinitialise la position, évite le cas ou la boite est collé à droite et remplie avec un texte la faisant dépassé + // dans ce cas la hauteur n'est pas calculé correctement + m.css("top", 0).css("left", 0) + + var positionFleche = { + left : position == euphorik.Util.positionBulleType.haut || position == euphorik.Util.positionBulleType.bas ? + element.offset().left + element.outerWidth() / 2 - f.width() / 2 : + (position == euphorik.Util.positionBulleType.gauche ? element.offset().left - f.width() : element.offset().left + element.outerWidth()), + top : position == euphorik.Util.positionBulleType.gauche || position == euphorik.Util.positionBulleType.droite ? + element.offset().top + element.outerHeight() / 2 - f.height() / 2 : + (position == euphorik.Util.positionBulleType.haut ? element.offset().top - f.height() : element.offset().top + element.outerHeight()) + } + var positionMessage = { + left : position == euphorik.Util.positionBulleType.haut || position == euphorik.Util.positionBulleType.bas ? + element.offset().left + element.width() / 2 - m.width() / 2 : + (position == euphorik.Util.positionBulleType.gauche ? element.offset().left - f.width() - m.width() : element.offset().left + f.width() + element.outerWidth()), + top : position == euphorik.Util.positionBulleType.gauche || position == euphorik.Util.positionBulleType.droite ? + element.offset().top + element.outerHeight() / 2 - m.height() / 2 : + (position == euphorik.Util.positionBulleType.haut ? element.offset().top - f.height() - m.height() : element.offset().top + f.height() + element.outerHeight()) + } + var depassementDroit = (positionMessage.left + m.width()) - $("body").width() + if (depassementDroit > 0) + positionMessage.left -= depassementDroit + else + { + if (positionMessage.left < 0) + positionMessage.left = 0 + } + + m.css("top", positionMessage.top).css("left", positionMessage.left).show() + f.css("top", positionFleche.top).css("left", positionFleche.left).show() + }, + cacherBulle + ).click(cacherBulle) +} + +/** + * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery. + */ +euphorik.Util.prototype.jsonVersAction = function(json) +{ + return {action : JSON.stringify(json) } +} + +euphorik.Util.prototype.md5 = function(chaine) +{ + return hex_md5(chaine) +} + +// pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130 +euphorik.Util.prototype.setSelectionRange = function(input, selectionStart, selectionEnd) +{ + if (input.setSelectionRange) + { + input.focus() + input.setSelectionRange(selectionStart, selectionEnd) + } + else if (input.createTextRange) + { + var range = input.createTextRange() + range.collapse(true) + range.moveEnd('character', selectionEnd) + range.moveStart('character', selectionStart) + range.select() + } +} + +euphorik.Util.prototype.setCaretToEnd = function(input) +{ + this.setSelectionRange(input, input.value.length, input.value.length) +} +euphorik.Util.prototype.setCaretToBegin = function(input) +{ + this.setSelectionRange(input, 0, 0) +} +euphorik.Util.prototype.setCaretToPos = function(input, pos) +{ + this.setSelectionRange(input, pos, pos) +} +euphorik.Util.prototype.selectString = function(input, string) +{ + var match = new RegExp(string, "i").exec(input.value) + if (match) + { + this.setSelectionRange (input, match.index, match.index + match[0].length) + } +} +euphorik.Util.prototype.replaceSelection = function(input, replaceString) { + if (input.setSelectionRange) + { + var selectionStart = input.selectionStart + var selectionEnd = input.selectionEnd + input.value = input.value.substring(0, selectionStart) + replaceString + input.value.substring(selectionEnd) + + if (selectionStart != selectionEnd) // has there been a selection + this.setSelectionRange(input, selectionStart, selectionStart + replaceString.length) + else // set caret + this.setCaretToPos(input, selectionStart + replaceString.length) + } + else if (document.selection) + { + input.focus() + var range = document.selection.createRange() + if (range.parentElement() == input) + { + var isCollapsed = range.text == '' + range.text = replaceString + if (!isCollapsed) + { + range.moveStart('character', -replaceString.length); + } + } + } +} + +euphorik.Util.prototype.rot13 = function(chaine) +{ + var ACode = 'A'.charCodeAt(0) + var aCode = 'a'.charCodeAt(0) + var MCode = 'M'.charCodeAt(0) + var mCode = 'm'.charCodeAt(0) + var ZCode = 'Z'.charCodeAt(0) + var zCode = 'z'.charCodeAt(0) + + var f = function(ch, pos) { + if (pos == ch.length) + return "" + + var c = ch.charCodeAt(pos); + return String.fromCharCode( + c + + (c >= ACode && c <= MCode || c >= aCode && c <= mCode ? 13 : + (c > MCode && c <= ZCode || c > mCode && c <= zCode ? -13 : 0)) + ) + f(ch, pos + 1) + } + return f(chaine, 0) +} diff --git a/nbproject/private/private.xml b/nbproject/private/private.xml index 2dd3bff..18422db 100644 --- a/nbproject/private/private.xml +++ b/nbproject/private/private.xml @@ -7,9 +7,9 @@ js/pageMinichat.js - 245 - 923 - 1172 + 246 + 926 + 1175