X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=596ded497e262ebf28efa134f15ebd7ffe8b429f;hp=8dad020785b40cf7f0006ba0c5bdf5e9f5d5feda;hb=302c16cbbd999e97f7bac2b3eb70bf057f5bc709;hpb=ab7df84e7918ce2f4ab10d5498f2cf6483188b84 diff --git a/js/euphorik.js b/js/euphorik.js index 8dad020..596ded4 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -1,23 +1,23 @@ -// coding: utf-8 -// Copyright 2008 Grégory Burri -// -// This file is part of Euphorik. -// -// Euphorik is free software: you can redistribute it and/or modify -// it under the terms of the GNU General Public License as published by -// the Free Software Foundation, either version 3 of the License, or -// (at your option) any later version. -// -// Euphorik 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 Euphorik. If not, see . - -/** - * Contient la base javascript pour le site euphorik.ch. +// coding: utf-8 +// Copyright 2008 Grégory Burri +// +// This file is part of Euphorik. +// +// Euphorik is free software: you can redistribute it and/or modify +// it under the terms of the GNU General Public License as published by +// the Free Software Foundation, either version 3 of the License, or +// (at your option) any later version. +// +// Euphorik 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 Euphorik. If not, see . + +/** + * Contient la base javascript pour le site euphorik.ch. * Chaque page possède son propre fichier js nommé "page.js". * Auteur : GBurri * Date : 6.11.2007 @@ -25,66 +25,68 @@ /** - * La configuration. + * La configuration. * Normalement 'const' à la place de 'var' mais non supporté par IE7. - */ -var conf = { - nbMessageAffiche : 40, // (par page) - pseudoDefaut : "", + */ +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], + 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], - "spliff" : [/\[-spliff\]/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], + "triste" : [/\[-triste\]/g], + "pascontent" : [/>\(/g, />\(/g], "argn" : [/\[-argn\]/g], - "redface" : [/\[-redface\]/g], - "bunny" : [/\[-lapin\]/g], - "chat" : [/\[-chat\]/g], - "renne" : [/\[-renne\]/g], - "star" : [/\[-star\]/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] - } -} + "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+$/, ""); +} /////////////////////////////////////////////////////////////////////////////////////////////////// - -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) + * @formateur est permet de formater les messages affichés à l'aide de messageDialogue (facultatif) */ function Util(formateur) { @@ -102,9 +104,9 @@ 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 + * @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 */ @@ -137,7 +139,45 @@ Util.prototype.messageDialogue = function(message, type, boutons, formate) $("#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() +} /** * Affiche un info bulle lorsque le curseur survole l'élément donné. @@ -154,18 +194,23 @@ Util.prototype.infoBulle = function(message, element) } element.hover( - function(e) + function() { if (!thisUtil.bulleActive) return - + var m = $("#messageBulle") var f = $("#flecheBulle") + // 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 : element.offset().left + element.width() / 2 - f.width() / 2, + left : element.offset().left + element.innerWidth() / 2 - f.width() / 2, top : element.offset().top - f.height() } var positionMessage = { @@ -195,79 +240,76 @@ Util.prototype.jsonVersAction = function(json) { return {action : JSON.stringify(json) } } - -Util.prototype.md5 = function(chaine) -{ - return hex_md5(chaine) + +Util.prototype.md5 = function(chaine) +{ + return hex_md5(chaine) } - -// pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130 + +// pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130 Util.prototype.setSelectionRange = function(input, selectionStart, selectionEnd) -{ +{ if (input.setSelectionRange) - { - input.focus() - input.setSelectionRange(selectionStart, selectionEnd) - } + { + 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() - } -} - + { + var range = input.createTextRange() + range.collapse(true) + range.moveEnd('character', selectionEnd) + range.moveStart('character', selectionStart) + range.select() + } +} + Util.prototype.setCaretToEnd = function(input) -{ - this.setSelectionRange(input, input.value.length, input.value.length) -} +{ + this.setSelectionRange(input, input.value.length, input.value.length) +} Util.prototype.setCaretToBegin = function(input) -{ - this.setSelectionRange(input, 0, 0) -} +{ + this.setSelectionRange(input, 0, 0) +} Util.prototype.setCaretToPos = function(input, pos) -{ - this.setSelectionRange(input, pos, pos) -} +{ + this.setSelectionRange(input, pos, pos) +} Util.prototype.selectString = function(input, string) -{ - var match = new RegExp(string, "i").exec(input.value) +{ + 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) { + { + 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 + { + 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) - } + + 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) - { - var range = document.selection.createRange(); + { + input.focus() + var range = document.selection.createRange() if (range.parentElement() == input) - { - var isCollapsed = range.text == '' - range.text = replaceString + { + var isCollapsed = range.text == '' + range.text = replaceString if (!isCollapsed) { - // there has been a selection - // it appears range.select() should select the newly - // inserted text but that fails with IE - range.moveStart('character', -replaceString.length); - range.select(); - } - } - } + range.moveStart('character', -replaceString.length); + } + } + } } Util.prototype.rot13 = function(chaine) @@ -319,8 +361,8 @@ Pages.prototype.ajouterPage = function(page) } Pages.prototype.afficherPage = function(nomPage, forcerChargement) -{ - if (forcerChargement == undefined) forcerChargement = false +{ + if (forcerChargement == undefined) forcerChargement = false var page = this.pages[nomPage] if (page == undefined || (!forcerChargement && page == this.pageCourante)) return @@ -352,13 +394,13 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement) */ function Formateur() { - this.smiles = conf.smiles - this.protocoles = "http|https|ed2k" - - this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi") - this.regexImg = new RegExp("^.*?\\.(gif|jpg|png|jpeg|bmp|tiff)$", "i") - this.regexDomaine = new RegExp("^(?:(?:" + this.protocoles + ")://|www\\.).*?([^/.]+\\.[^/.]+)(?:$|/).*$", "i") - this.regexTestProtocoleExiste = new RegExp("^(?:" + this.protocoles + ")://.*$", "i") + this.smiles = conf.smiles + this.protocoles = "http|https|ed2k" + + this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi") + this.regexImg = new RegExp("^.*?\\.(gif|jpg|png|jpeg|bmp|tiff)$", "i") + this.regexDomaine = new RegExp("^(?:(?:" + this.protocoles + ")://|www\\.).*?([^/.]+\\.[^/.]+)(?:$|/).*$", "i") + this.regexTestProtocoleExiste = new RegExp("^(?:" + this.protocoles + ")://.*$", "i") this.regexNomProtocole = new RegExp("^(.*?)://") } @@ -371,16 +413,16 @@ Formateur.prototype.filtrerInputPseudo = function(pseudo) { return pseudo.replace(/{|}/g, "").trim() } - -Formateur.prototype.getSmilesHTML = function() -{ - var XHTML = "" - for (var sNom in this.smiles) - { - XHTML += "\""" - } - return XHTML -} + +Formateur.prototype.getSmilesHTML = function() +{ + var XHTML = "" + for (var sNom in this.smiles) + { + XHTML += "\""" + } + return XHTML +} /** * Formatage complet d'un texte. @@ -408,10 +450,10 @@ Formateur.prototype.traiterLiensConv = function(M) } ) } - -/** + +/** * FIXME : Cette méthode est attrocement lourde ! A optimiser. - * moyenne sur échantillon : 234ms + * moyenne sur échantillon : 234ms */ Formateur.prototype.traiterSmiles = function(M) { @@ -434,9 +476,9 @@ Formateur.prototype.traiterURL = function(M, pseudo) thisFormateur = this var traitementUrl = function(url) - { - // si ya pas de protocole on rajoute "http://" - if (!thisFormateur.regexTestProtocoleExiste.test(url)) + { + // si ya pas de protocole on rajoute "http://" + if (!thisFormateur.regexTestProtocoleExiste.test(url)) url = "http://" + url var extension = thisFormateur.getShort(url) return "[" + extension[0] + "]" @@ -464,35 +506,35 @@ Formateur.prototype.traiterWikiSyntaxe = function(M) } ) } - -/** - * Renvoie une version courte de l'url. - * par exemple : http://en.wikipedia.org/wiki/Yakov_Smirnoff devient wikipedia.org + +/** + * Renvoie une version courte de l'url. + * par exemple : http://en.wikipedia.org/wiki/Yakov_Smirnoff devient wikipedia.org */ Formateur.prototype.getShort = function(url) -{ +{ var estUneImage = false var versionShort = null var rechercheImg = this.regexImg.exec(url) - if (rechercheImg != null) + if (rechercheImg != null) { - versionShort = rechercheImg[1].toLowerCase() - if (versionShort == "jpeg") versionShort = "jpg" // jpeg -> jpg - estUneImage = true - } - else - { - var rechercheDomaine = this.regexDomaine.exec(url) - if (rechercheDomaine != null && rechercheDomaine.length >= 2) - versionShort = rechercheDomaine[1] - else - { - var nomProtocole = this.regexNomProtocole.exec(url) - if (nomProtocole != null && nomProtocole.length >= 2) - versionShort = nomProtocole[1] - } - } + versionShort = rechercheImg[1].toLowerCase() + if (versionShort == "jpeg") versionShort = "jpg" // jpeg -> jpg + estUneImage = true + } + else + { + var rechercheDomaine = this.regexDomaine.exec(url) + if (rechercheDomaine != null && rechercheDomaine.length >= 2) + versionShort = rechercheDomaine[1] + else + { + var nomProtocole = this.regexNomProtocole.exec(url) + if (nomProtocole != null && nomProtocole.length >= 2) + versionShort = nomProtocole[1] + } + } return [versionShort == null ? "url" : versionShort, estUneImage] } @@ -507,7 +549,7 @@ Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante) { return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? "*" : "") + "]" } - + return this.remplacerBalisesHTML(M).replace(this.regexUrl, traitementUrl) } @@ -523,30 +565,30 @@ var statutType = { // mode déconnecté, ne peut pas poster de message deconnected : 2 } - -function Client(util) + +function Client(util) { this.util = util - + this.cookie = null this.regexCookie = new RegExp("^cookie=([^;]*)") - // données personnels + // données personnels this.resetDonneesPersonnelles() - this.setStatut(statutType.deconnected) - - // si true alors chaque modification du client est mémorisé sur le serveur - this.autoflush = $.browser["opera"] + this.setStatut(statutType.deconnected) + + // si true alors chaque modification du client est mémorisé sur le serveur + this.autoflush = $.browser["opera"] } - -Client.prototype.resetDonneesPersonnelles = function() + +Client.prototype.resetDonneesPersonnelles = function() { - this.id = 0 - this.pseudo = conf.pseudoDefaut - this.login = "" - this.password = "" - this.email = "" + this.id = 0 + this.pseudo = conf.pseudoDefaut + this.login = "" + this.password = "" + this.email = "" this.css = $("link#cssPrincipale").attr("href") this.nickFormat = "nick" this.viewTimes = true @@ -557,9 +599,9 @@ Client.prototype.resetDonneesPersonnelles = function() this.ekMaster = false // les conversations, une conversation est un objet possédant les attributs suivants : - // - racine (entier) + // - root (entier) // - page (entier) - this.conversations = new Array() + this.conversations = new Array() } Client.prototype.setCss = function(css) @@ -569,8 +611,6 @@ Client.prototype.setCss = function(css) this.css = css $("link#cssPrincipale").attr("href", this.css) - this.majMenu() - if (this.autoflush) this.flush(true) } @@ -623,10 +663,9 @@ Client.prototype.ajouterConversation = function(racine) for (var i = 0; i < this.conversations.length; i++) if (this.conversations[i].root == racine) return false - - this.conversations.push({root : racine, page : 1}) - - if (this.autoflush) this.flush(true) + + this.conversations.push({root : racine, page : 1}) + if (this.autoflush) this.flush(true) return true } @@ -638,15 +677,15 @@ Client.prototype.supprimerConversation = function(num) // décalage TODO : supprimer le dernier élément for (var i = num; i < this.conversations.length - 1; i++) this.conversations[i] = this.conversations[i+1] - this.conversations.pop() - + this.conversations.pop() + if (this.autoflush) this.flush(true) } Client.prototype.getJSONLogin = function(login, password) { return { - "action" : "authentification", + "header" : { "action" : "authentification", "version" : conf.versionProtocole }, "login" : login, "password" : password } @@ -655,7 +694,7 @@ Client.prototype.getJSONLogin = function(login, password) Client.prototype.getJSONLoginCookie = function() { return { - "action" : "authentification", + "header" : { "action" : "authentification", "version" : conf.versionProtocole }, "cookie" : this.cookie } } @@ -666,7 +705,7 @@ Client.prototype.getJSONLoginCookie = function() */ Client.prototype.getJSONEnregistrement = function(login, password) { - var mess = { "action" : "register" } + var mess = { "header" : { "action" : "register", "version" : conf.versionProtocole }} if (login != undefined && password != undefined) { @@ -681,14 +720,14 @@ Client.prototype.getJSONConversations = function() { var conversations = new Array() for (var i = 0; i < this.conversations.length; i++) - conversations.push({ "root" : this.conversations[i].root, "page" : this.conversations[i].page}) + conversations.push(this.conversations[i].root) return conversations } Client.prototype.getJSONProfile = function() { return { - "action" : "set_profile", + "header" : { "action" : "set_profile", "version" : conf.versionProtocole }, "cookie" : this.cookie, "login" : this.login, "password" : this.password, @@ -698,7 +737,6 @@ Client.prototype.getJSONProfile = function() "nick_format" : this.nickFormat, "view_times" : this.viewTimes, "view_tooltips" : this.viewTooltips, - "main_page" : this.pagePrincipale < 1 ? 1 : this.pagePrincipale, "conversations" : this.getJSONConversations() } } @@ -711,21 +749,23 @@ Client.prototype.getCookie = function() var cookie = this.regexCookie.exec(document.cookie) if (cookie == null) this.cookie = null else this.cookie = cookie[1] -} - -Client.prototype.delCookie = function() -{ - document.cookie = "cookie=; max-age=0" } -Client.prototype.setCookie = function(cookie) +Client.prototype.delCookie = function() +{ + document.cookie = "cookie=; max-age=0" +} + +Client.prototype.setCookie = function() { - if (this.cookie == null) + if (this.cookie == null || this.cookie == undefined) return - document.cookie = - "cookie="+this.cookie+ - "; max-age=" + (60 * 60 * 24 * 365) + // ne fonctionne pas sous IE.... + /*document.cookie = "cookie=" + this.cookie + "; max-age=" + (60 * 60 * 24 * 365) */ + + document.cookie = + "cookie="+this.cookie+"; expires=" + new Date(new Date().getTime() + 1000 * 60 * 60 * 24 * 365).toUTCString() } Client.prototype.authentifie = function() @@ -735,38 +775,38 @@ Client.prototype.authentifie = function() Client.prototype.setStatut = function(statut) { - // conversation en "enum" si en "string" - if (typeof(statut) == "string") + // conversation en "enum" si en "string" + if (typeof(statut) == "string") { statut = statut == "auth_registered" ? statutType.auth_registered : - (statut == "auth_not_registered" ? statutType.auth_not_registered : statutType.deconnected) - } - - if (statut == this.statut) return - - this.statut = statut + (statut == "auth_not_registered" ? statutType.auth_not_registered : statutType.deconnected) + } + + if (statut == this.statut) return + + this.statut = statut this.majMenu() } - -/** - * Effectue la connexion vers le serveur. - * Cette fonction est bloquante tant que la connexion n'a pas été établie. - * S'il existe un cookie en local on s'authentifie directement avec lui. - * Si il n'est pas possible de s'authentifier alors on affiche un captcha anti-bot. - */ -Client.prototype.connexionCookie = function() -{ - this.getCookie() + +/** + * Effectue la connexion vers le serveur. + * Cette fonction est bloquante tant que la connexion n'a pas été établie. + * S'il existe un cookie en local on s'authentifie directement avec lui. + * Si il n'est pas possible de s'authentifier alors on affiche un captcha anti-bot. + */ +Client.prototype.connexionCookie = function() +{ + this.getCookie() if (this.cookie == null) return false; - return this.connexion(this.getJSONLoginCookie()) + return this.connexion(this.getJSONLoginCookie()) } Client.prototype.connexionLogin = function(login, password) { return this.connexion(this.getJSONLogin(login, password)) -} +} Client.prototype.enregistrement = function(login, password) { @@ -781,15 +821,14 @@ Client.prototype.enregistrement = function(login, password) } return false } - else + else { - return this.connexion(this.getJSONEnregistrement(login, password)) + return this.connexion(this.getJSONEnregistrement(login, password)) } } Client.prototype.connexion = function(messageJson) { - ;; dumpObj(messageJson) thisClient = this jQuery.ajax( { @@ -801,7 +840,6 @@ Client.prototype.connexion = function(messageJson) success: function(data) { - ;; dumpObj(data) if (data["reply"] == "error") thisClient.util.messageDialogue(data["error_message"]) else @@ -810,14 +848,14 @@ Client.prototype.connexion = function(messageJson) } ) return this.authentifie() -} - -Client.prototype.deconnexion = function() +} + +Client.prototype.deconnexion = function() { this.flush(true) this.delCookie() - this.resetDonneesPersonnelles() - this.setStatut(statutType.deconnected) // deconnexion + this.resetDonneesPersonnelles() + this.setStatut(statutType.deconnected) // deconnexion } Client.prototype.chargerDonnees = function(data) @@ -833,22 +871,25 @@ Client.prototype.chargerDonnees = function(data) this.cookie = data["cookie"] this.setCookie() - this.id = data["id"] + this.id = data["id"] this.login = data["login"] - this.pseudo = data["nick"] - this.email = data["email"] + this.pseudo = data["nick"] + this.email = data["email"] this.setCss(data["css"]) this.nickFormat = data["nick_format"] this.viewTimes = data["view_times"] this.viewTooltips = data["view_tooltips"] // la page de la conversation principale - this.pagePrincipale = data["main_page"] == undefined ? 1 : data["main_page"] + this.pagePrincipale = 1 // les conversations this.conversations = data["conversations"] + for (var i = 0; i < this.conversations.length; i++) + this.conversations[i] = {root : this.conversations[i], page : 1} this.majBulle() + this.majCssSelectionee() } } @@ -868,7 +909,6 @@ Client.prototype.flush = function(async) var thisClient = this var ok = true - ;; dumpObj(this.getJSONProfile()) jQuery.ajax( { async: async, @@ -879,7 +919,6 @@ Client.prototype.flush = function(async) success: function(data) { - ;; dumpObj(data) if (data["reply"] == "error") { thisClient.util.messageDialogue(data["error_message"]) @@ -898,8 +937,6 @@ Client.prototype.flush = function(async) Client.prototype.majMenu = function() { - // TODO : à virer : ne plus changer de style de display ... spa beau .. ou trouver une autre méthode - // var displayType = this.css == "css/3/euphorik.css" ? "block" : "inline" //this.client displayType = "block" $("#menu .admin").css("display", this.ekMaster ? displayType : "none") @@ -907,19 +944,19 @@ Client.prototype.majMenu = function() // met à jour le menu if (this.statut == statutType.auth_registered) { - $("#menu .profile").css("display", displayType).text("profile") + $("#menu .profile").css("display", displayType).text("profile") $("#menu .logout").css("display", displayType) $("#menu .register").css("display", "none") } else if (this.statut == statutType.auth_not_registered) { - $("#menu .profile").css("display", "none") + $("#menu .profile").css("display", "none") $("#menu .logout").css("display", displayType) $("#menu .register").css("display", displayType) } else { - $("#menu .profile").css("display", displayType).text("login") + $("#menu .profile").css("display", displayType).text("login") $("#menu .logout").css("display", "none") $("#menu .register").css("display", displayType) } @@ -933,6 +970,20 @@ Client.prototype.majBulle = function() this.util.bulleActive = this.viewTooltips } +/** + * Met à jour la css sélectionnée, lors du chargement des données. + */ +Client.prototype.majCssSelectionee = function() +{ + // extraction du numéro de la css courante + var numCssCourante = this.css.match(/^.*?\/(\d)\/.*$/) + if (numCssCourante != null && numCssCourante[1] != undefined) + { + $("#menuCss option").removeAttr("selected") + $("#menuCss option[value=" + numCssCourante[1]+ "]").attr("selected", "selected") + } +} + Client.prototype.slap = function(userId, raison) { var thisClient = this @@ -943,7 +994,7 @@ Client.prototype.slap = function(userId, raison) dataType: "json", data: this.util.jsonVersAction( { - "action" : "slap", + "header" : { "action" : "slap", "version" : conf.versionProtocole }, "cookie" : thisClient.cookie, "user_id" : userId, "reason" : raison @@ -971,7 +1022,7 @@ Client.prototype.ban = function(userId, raison, minutes) dataType: "json", data: this.util.jsonVersAction( { - "action" : "ban", + "header" : { "action" : "ban", "version" : conf.versionProtocole }, "cookie" : thisClient.cookie, "duration" : minutes, "user_id" : userId, @@ -995,6 +1046,16 @@ Client.prototype.kick = function(userId, raison) /** * classe permettant de gérer les événements (push serveur). + * l'information envoyé est sous la forme : + * { + * "header" : {"action" : "wait_event", "version" : }, + * "page" : + * [..] + * } + * l'information reçu est sous la forme : + * { + * "reply" : + * } * @page la page */ function PageEvent(page, util) @@ -1025,9 +1086,11 @@ PageEvent.prototype.stopAttenteCourante = function() /** * Attend un événement lié à la page. * @funSend une fonction renvoyant les données json à envoyer - * @funReceive une fonction qui accepte un paramètre correspondant au données reçues + * @funsReceive est un objet comprenant les fonctions à appeler en fonction du "reply" + * les fonctions acceptent un paramètre correspondant au données reçues. + * exemple : {"new_message" : function(data){ ... }} */ -PageEvent.prototype.waitEvent = function(funSend, funReceive) +PageEvent.prototype.waitEvent = function(funSend, funsReceive) { this.stopAttenteCourante() @@ -1039,34 +1102,33 @@ PageEvent.prototype.waitEvent = function(funSend, funReceive) // TODO : ya pas mieux ? var dataToSend = { - "action" : "wait_event", + "header" : { "action" : "wait_event", "version" : conf.versionProtocole }, "page" : this.page } var poulpe = funSend() for (v in poulpe) dataToSend[v] = poulpe[v] - ;; dumpObj(dataToSend) - this.attenteCourante = jQuery.ajax({ type: "POST", url: "request", dataType: "json", + // TODO : doit disparaitre + timeout: 180000, // timeout de 3min. Gros HACK pas beau. FIXME problème décrit ici : http://groups.google.com/group/jquery-en/browse_thread/thread/8724e64af3333a76 data: this.util.jsonVersAction(dataToSend), success: function(data) - { - ;; dumpObj(data) - - funReceive(data) + { + funsReceive[data["reply"]](data) // rappel de la fonction dans 100 ms - setTimeout(function(){ thisPageEvent.waitEvent2(funSend, funReceive) }, 100) + setTimeout(function(){ thisPageEvent.waitEvent2(funSend, funsReceive) }, 100) }, error: function(XMLHttpRequest, textStatus, errorThrown) { - setTimeout(function(){ thisPageEvent.waitEvent2(funSend, funReceive) }, 1000) + ;; console.log("Connexion perdue dans waitEvent") + setTimeout(function(){ thisPageEvent.waitEvent2(funSend, funsReceive) }, 1000) } }) } @@ -1074,11 +1136,11 @@ PageEvent.prototype.waitEvent = function(funSend, funReceive) /** * Si un stopAttenteCourante survient un peu n'importe quand il faut imédiatement arreter de boucler. */ -PageEvent.prototype.waitEvent2 = function(funSend, funReceive) +PageEvent.prototype.waitEvent2 = function(funSend, funsReceive) { if (this.stop) return - this.waitEvent(funSend, funReceive) + this.waitEvent(funSend, funsReceive) } /////////////////////////////////////////////////////////////////////////////////////////////////// @@ -1095,7 +1157,7 @@ function initialiserListeStyles(client) // charge dynamiquement le script de debug ;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"}) - + // le main $(document).ready( function() @@ -1103,9 +1165,9 @@ $(document).ready( var formateur = new Formateur() var util = new Util(formateur) var client = new Client(util) - var pages = new Pages() - - // connexion vers le serveur (utilise un cookie qui traine) + var pages = new Pages() + + // connexion vers le serveur (utilise un cookie qui traine) client.connexionCookie() initialiserListeStyles(client) @@ -1116,7 +1178,7 @@ $(document).ready( $("#menu .minichat").click(function(){ pages.afficherPage("minichat") }) $("#menu .admin").click(function(){ pages.afficherPage("admin") }) - $("#menu .profile").click(function(){ pages.afficherPage("profile") }) + $("#menu .profile").click(function(){ pages.afficherPage("profile") }) $("#menu .logout").click(function(){ util.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", messageType.question, {"Oui" : function() @@ -1131,7 +1193,7 @@ $(document).ready( $("#menu .register").click(function(){ pages.afficherPage("register") }) $("#menu .about").click(function(){ pages.afficherPage("about") }) - // simplifier et pouvoir créer des liens par exemple : Conditions d'utilisation + // TODO : simplifier et pouvoir créer des liens par exemple : Conditions d'utilisation $("#footer .conditions").click(function(){ pages.afficherPage("conditions_utilisation") }) pages.ajouterPage(new PageMinichat(client, formateur, util))