X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=8aaf875f088c5b6a6cf8f7bb315002ef9a0639ac;hp=433c0bca25454745bab0b483d4bc4eaef60c038d;hb=7e76d6bc2ccd165730addd3337656b479f9d95d4;hpb=6feaef2a51f7226c41d69f9e86f605718b78aa02 diff --git a/js/euphorik.js b/js/euphorik.js index 433c0bc..8aaf875 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -1,16 +1,19 @@ // coding: utf-8 -/** +/** + * 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 */ + /** * La configuration. * Normalement 'const' à la place de 'var' mais non supporté par IE7. */ var conf = { - nbMessageAffiche : 80, // (par page) + nbMessageAffiche : 10, // (par page) pseudoDefaut : "", tempsAffichageMessageDialogue : 4000, // en ms smiles : { @@ -18,19 +21,27 @@ var conf = { "bigsmile" : [/:D/g, /:-D/g], "clin" : [/;\)/g, /;-\)/g], "cool" : [/8\)/g, /8-\)/g], - "eheheh" : [/:P/g, /:-P/g], - "oh" : [/:o/g, /:O/g], + "eheheh" : [/:P/g, /:-P/g], + "lol" : [/\[-lol\]/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], - "sniff" : [/:\(/g, /:-\(/g], - "argn" : [/\[:argn\]/g], - "bunny" : [/\[:lapin\]/g], - "chat" : [/\[:chat\]/g], - "renne" : [/\[:renne\]/g], - "lol" : [/\[:lol\]/g], - "spliff" : [/\[:spliff\]/g], - "star" : [/\[:star\]/g], - "triste" : [/\[:triste\]/g], - "kirby" : [/\[:kirby\]/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] } } @@ -38,42 +49,37 @@ var conf = { String.prototype.trim = function() { - return this.replace(/^\s+|\s+$/g,""); + 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+$/,""); + return this.replace(/^\s+/, ""); } -String.prototype.dump = function() +String.prototype.rtrim = function() { - if (typeof dump != "undefined") - { - dump("\n--- EUPHORIK.CH ---\n") - dump(this) - dump("\n------\n") - } + return this.replace(/\s+$/, ""); } /////////////////////////////////////////////////////////////////////////////////////////////////// - -function Util(serializer) -{ - if(typeof XMLSerializer != "undefined") - this.serializer = new XMLSerializer() - - jQuery("#info .fermer").click(function(){ - jQuery("#info").slideUp(50) + +/** + * Cette classe regroupe des fonctions utilitaires (helpers). + */ +function Util() +{ + $("#info .fermer").click(function(){ + $("#info").slideUp(50) }) } /** * 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é. */ Util.prototype.messageDialogue = function(message, type, boutons) { @@ -83,83 +89,33 @@ Util.prototype.messageDialogue = function(message, type, boutons) if (this.timeoutMessageDialogue != undefined) clearTimeout(this.timeoutMessageDialogue) - var fermer = function(){jQuery("#info").slideUp(100)} + var fermer = function(){$("#info").slideUp(100)} fermer() - jQuery("#info .message").html(message) + $("#info .message").html(message) switch(type) { - case messageType.informatif : jQuery("#info #icone").attr("class", "information"); break - case messageType.question : jQuery("#info #icone").attr("class", "interrogation"); break - case messageType.erreur : jQuery("#info #icone").attr("class", "exclamation"); break + 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 } - jQuery("#info .boutons").html("") + $("#info .boutons").html("") for (var b in boutons) - jQuery("#info .boutons").append("
" + b + "
").find("div:last").click(boutons[b]).click(fermer) + $("#info .boutons").append("
" + b + "
").find("div:last").click(boutons[b]).click(fermer) - jQuery("#info").slideDown(200) + $("#info").slideDown(200) this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue) } -var messageType = {informatif: 0, question: 1, erreur: 2} - -/* obsolète -Util.prototype.log = function(str) -{ -}*/ - -Util.prototype.serializeXML = function(documentXML) -{ - if (this.serializer) - return this.serializer.serializeToString(documentXML) - else - return documentXML.xml -} -Util.prototype.creerDocumentXMLAction = function() -{ - if (document.implementation && document.implementation.createDocument) - { - return document.implementation.createDocument("", "action", null) - } - else if (window.ActiveXObject) - { - var doc = new ActiveXObject("MSXML2.DOMDocument") //("Microsoft.XMLDOM") - doc.appendChild(doc.createElement("action")); - //doc.loadXML("") - //alert(doc.documentElement) - //doc.createElement("action") - return doc - } -} +var messageType = {informatif: 0, question: 1, erreur: 2} -Util.prototype.xmlVersAction = function(xml) +/** + * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery. + */ +Util.prototype.jsonVersAction = function(json) { - return {action: this.to_utf8(this.serializeXML(xml /*, "UTF-8"*/))} + return {action : JSON.stringify(json) } } - -// voir : http://homepage3.nifty.com/aokura/jscript/utf8.html -// et : http://www1.tip.nl/~t876506/utf8tbl.html -Util.prototype.to_utf8 = function(s) -{ - if (!s) return "" - - var c, d = "" - for (var i = 0; i < s.length; i++) - { - c = s.charCodeAt(i); - if (c <= 0x7f) { - d += s.charAt(i); - } else if (c >= 0x80 && c <= 0x7ff) { - d += String.fromCharCode(((c >> 6) & 0x1f) | 0xc0); - d += String.fromCharCode((c & 0x3f) | 0x80); - } else { - d += String.fromCharCode((c >> 12) | 0xe0); - d += String.fromCharCode(((c >> 6) & 0x3f) | 0x80); - d += String.fromCharCode((c & 0x3f) | 0x80); - } - } - return d; -} Util.prototype.md5 = function(chaine) { @@ -235,6 +191,29 @@ Util.prototype.replaceSelection = function(input, replaceString) { } } +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) +} + /////////////////////////////////////////////////////////////////////////////////////////////////// function Pages() @@ -259,11 +238,11 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement) if (this.pageCourante != null && this.pageCourante.decharger) this.pageCourante.decharger() - jQuery("#menu div").removeClass("courante") - jQuery("#menu div." + nomPage).addClass("courante") + $("#menu div").removeClass("courante") + $("#menu div." + nomPage).addClass("courante") this.pageCourante = page - jQuery("#page").html(this.pageCourante.contenu()).removeClass().addClass(this.pageCourante.nom) + $("#page").html(this.pageCourante.contenu()).removeClass().addClass(this.pageCourante.nom) if (this.pageCourante.charger) this.pageCourante.charger() @@ -305,11 +284,29 @@ Formateur.prototype.getSmilesHTML = function() Formateur.prototype.traitementComplet = function(M, pseudo) { - return this.traiterSmiles(this.traiterURL(this.remplacerBalisesHTML(M), pseudo)) + return this.traiterLiensConv(this.traiterSmiles(this.traiterURL(this.remplacerBalisesHTML(M), pseudo))) +} + +/** + * Transforme les liens en entités clickables. + * Un lien vers une conversation permet d'ouvrire celle ci, elle se marque comme ceci dans un message : + * "{5F}" ou 5F est la racine de la conversation. + * Ce lien sera transformer en {5F} pouvant être clické pour créer la conv 5F. + */ +Formateur.prototype.traiterLiensConv = function(M) +{ + return M.replace( + /\{\w+\}/g, + function(lien) + { + return "" + lien + "" + } + ) } /** - * FIXME : Cette méthode est attrocement lourde !! + * FIXME : Cette méthode est attrocement lourde ! A optimiser. + * moyenne su échantillon : 234ms */ Formateur.prototype.traiterSmiles = function(M) { @@ -340,7 +337,7 @@ Formateur.prototype.traiterURL = function(M, pseudo) if (!thisFormateur.regexTestProtocoleExiste.test(url)) url = "http://" + url var extension = thisFormateur.getShort(url) - return "[" + extension[0] + "]" + return "[" + extension[0] + "]" } return M.replace(this.regexUrl, traitementUrl) } @@ -353,8 +350,8 @@ Formateur.prototype.getShort = function(url) { var estUneImage = false var versionShort = null - var rechercheImg = this.regexImg.exec(url) - //alert(url) + var rechercheImg = this.regexImg.exec(url) + if (rechercheImg != null) { versionShort = rechercheImg[1].toLowerCase() @@ -394,7 +391,15 @@ Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante) /////////////////////////////////////////////////////////////////////////////////////////////////// -var statutType = {enregistre: 0, identifie: 1, non_identifie: 2} +// les statuts possibes du client +var statutType = { + // mode enregistré, peut poster des messages et modifier son profile + auth_registered : 0, + // mode identifié, peut poster des messages mais n'a pas accès au profile + auth_not_registered : 1, + // mode déconnecté, ne peut pas poster de message + deconnected : 2 +} function Client(util) { @@ -402,14 +407,11 @@ function Client(util) this.cookie = null this.regexCookie = new RegExp("^cookie=([^;]*)") - - // Obsolète - //this.captchaCrypt = null // données personnels this.resetDonneesPersonnelles() - this.setStatut(statutType.non_identifie) + this.setStatut(statutType.deconnected) // le dernier message d'erreur recut du serveur (par exemple une connexion foireuse : "login impossible") this.dernierMessageErreur = "" @@ -421,127 +423,148 @@ Client.prototype.resetDonneesPersonnelles = function() this.login = "" this.password = "" this.email = "" - this.css = jQuery("link#cssPrincipale").attr("href") + this.css = $("link#cssPrincipale").attr("href") + this.nickFormat = "nick" + + this.pagePrincipale = 1 + this.ekMaster = false + + // les conversations, une conversation est un objet possédant les attributs suivants : + // - racine (entier) + // - page (entier) + this.conversations = new Array() } Client.prototype.setCss = function(css) { - if (this.css == css) + if (this.css == css || css == "") return this.css = css - jQuery("link#cssPrincipale").attr("href", this.css) + $("link#cssPrincipale").attr("href", this.css) this.majMenu() - - /* enregistement automatique.. - if (!this.identifie()) - if (!this.enregistrement()) - return - */ - if (this.identifie()) - this.flush() -} +} -Client.prototype.getXMLlogin = function(login, password) +Client.prototype.pageSuivante = function(numConv) { - var XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "login") - - var nodeLogin = XMLDocument.createElement("login") - nodeLogin.appendChild(XMLDocument.createTextNode(login)) - XMLDocument.documentElement.appendChild(nodeLogin) - - var nodePassword = XMLDocument.createElement("password") - nodePassword.appendChild(XMLDocument.createTextNode(password)) - XMLDocument.documentElement.appendChild(nodePassword) - - return XMLDocument + if (numConv < 0 && this.pagePrincipale > 1) + this.pagePrincipale -= 1 + else if (this.conversations[numConv].page > 1) + this.conversations[numConv].page -= 1 } -Client.prototype.getXMLloginCookie = function() +Client.prototype.pagePrecedente = function(numConv) { - var XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "login") - - var nodeCookie = XMLDocument.createElement("cookie") - nodeCookie.appendChild(XMLDocument.createTextNode(this.cookie)) - XMLDocument.documentElement.appendChild(nodeCookie) - - return XMLDocument + if (numConv < 0) + this.pagePrincipale += 1 + else + this.conversations[numConv].page += 1 } - -/* Obsolète -Client.prototype.getXMLloginCaptcha = function(captchaCrypt, captchaInput) + +/** + * Définit la première page pour la conversation donnée. + * @return true si la page a changé sinon false + */ +Client.prototype.goPremierePage = function(numConv) { - var XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "loginCaptcha") - - var nodecaptchaCrypt = XMLDocument.createElement("captchaCrypt") - nodecaptchaCrypt.appendChild(XMLDocument.createTextNode(captchaCrypt)) - XMLDocument.documentElement.appendChild(nodecaptchaCrypt) - - var nodecaptchaInput = XMLDocument.createElement("captchaInput") - nodecaptchaInput.appendChild(XMLDocument.createTextNode(captchaInput)) - XMLDocument.documentElement.appendChild(nodecaptchaInput) - - return XMLDocument -}*/ - -/* Obsolète -Client.prototype.getXMLgenerationCaptcha = function() + if (numConv < 0) + { + if (this.pagePrincipale == 1) + return false + this.pagePrincipale = 1 + } + else + { + if (this.conversations[numConv].page == 1) + return false + this.conversations[numConv].page = 1 + } + return true +} + +/** + * Ajoute une conversation à la vue de l'utilisateur. + * Le profile de l'utilisateur est directement sauvegardé sur le serveur. + * @param racines la racine de la conversation (integer) + * @return true si la conversation a été créée sinon false (par exemple si la conv existe déjà) + */ +Client.prototype.ajouterConversation = function(racine) { - var XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "generationCaptcha") - - return XMLDocument -}*/ + // vérification s'il elle n'existe pas déjà + for (var i = 0; i < this.conversations.length; i++) + if (this.conversations[i].root == racine) + return false + + this.conversations.push({root : racine, page : 1}) + return true +} -Client.prototype.getXMLEnregistrement = function(login, password) +Client.prototype.supprimerConversation = function(num) { - var XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "register") - - var nodeLogin = XMLDocument.createElement("login") - nodeLogin.appendChild(XMLDocument.createTextNode(login)) - XMLDocument.documentElement.appendChild(nodeLogin) + if (num < 0 || num >= this.conversations.length) return - var nodePassword = XMLDocument.createElement("password") - nodePassword.appendChild(XMLDocument.createTextNode(password)) - XMLDocument.documentElement.appendChild(nodePassword) - - return XMLDocument + // 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() } -Client.prototype.getXMLProfile = function() +Client.prototype.getJSONLogin = function(login, password) { - var XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "profile") - - var nodeCookie = XMLDocument.createElement("cookie") - nodeCookie.appendChild(XMLDocument.createTextNode(this.cookie)) - XMLDocument.documentElement.appendChild(nodeCookie) - - var nodeLogin = XMLDocument.createElement("login") - nodeLogin.appendChild(XMLDocument.createTextNode(this.login)) - XMLDocument.documentElement.appendChild(nodeLogin) - - var nodePassword = XMLDocument.createElement("password") - nodePassword.appendChild(XMLDocument.createTextNode(this.password)) - XMLDocument.documentElement.appendChild(nodePassword) - - var nodePseudo = XMLDocument.createElement("pseudo") - nodePseudo.appendChild(XMLDocument.createTextNode(this.pseudo)) - XMLDocument.documentElement.appendChild(nodePseudo) - - var nodeEmail = XMLDocument.createElement("email") - nodeEmail.appendChild(XMLDocument.createTextNode(this.email)) - XMLDocument.documentElement.appendChild(nodeEmail) + return { + "action" : "authentification", + "login" : login, + "password" : password + } +} + +Client.prototype.getJSONLoginCookie = function() +{ + return { + "action" : "authentification", + "cookie" : this.cookie + } +} + +/** + * le couple (login, password) est facultatif. S'il n'est pas fournit alors il ne sera pas possible + * de s'autentifier avec (login, password). + */ +Client.prototype.getJSONEnregistrement = function(login, password) +{ + var mess = { "action" : "register" } - var nodeCSS = XMLDocument.createElement("css") - nodeCSS.appendChild(XMLDocument.createTextNode(this.css)) - XMLDocument.documentElement.appendChild(nodeCSS) + if (login != undefined && password != undefined) + { + mess["login"] = login + mess["password"] = password + } - return XMLDocument + return mess; +} + +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}) + return conversations +} + +Client.prototype.getJSONProfile = function() +{ + return { + "action" : "set_profile", + "cookie" : this.cookie, + "login" : this.login, + "password" : this.password, + "nick" : this.pseudo, + "email" : this.email, + "css" : this.css, + "nick_format" : this.nickFormat, + "main_page" : this.pagePrincipale < 1 ? 1 : this.pagePrincipale, + "conversations" : this.getJSONConversations() + } } /** @@ -569,51 +592,27 @@ Client.prototype.setCookie = function(cookie) "; max-age=" + (60 * 60 * 24 * 365) } -Client.prototype.identifie = function() +Client.prototype.authentifie = function() { - return this.statut == statutType.enregistre || this.statut == statutType.identifie + return this.statut == statutType.auth_registered || this.statut == statutType.auth_not_registered } Client.prototype.setStatut = function(statut) -{ - if(typeof(statut) == "string") +{ + // conversation en "enum" si en "string" + if (typeof(statut) == "string") { statut = - statut == "enregistre" ? - statutType.enregistre : (statut == "identifie" ? statutType.identifie : statutType.non_identifie) + statut == "auth_registered" ? + statutType.auth_registered : + (statut == "auth_not_registered" ? statutType.auth_not_registered : statutType.deconnected) } if (statut == this.statut) return this.statut = statut this.majMenu() -} - -/** - * Demande la génération d'un captcha au serveur et l'affiche. - */ - /* Obsolète -Client.prototype.afficherCaptcha = function(query) -{ - var thisClient = this - - $.post("request", this.util.xmlVersAction(this.getXMLgenerationCaptcha()), - function(data, textStatus) - { - var chemin = jQuery("chemin", data.documentElement).text() - thisClient.captchaCrypt = jQuery("captchaCrypt", data.documentElement).text() - jQuery(query).prepend( - "

Es-tu un bot ? " + - "

" - ) - } - ) } - -Client.prototype.cacherCaptcha = function() -{ - jQuery("#captcha").remove() -}*/ /** * Effectue la connexion vers le serveur. @@ -625,102 +624,110 @@ Client.prototype.connexionCookie = function() { this.getCookie() if (this.cookie == null) return false; - return this.connexion(this.util.xmlVersAction(this.getXMLloginCookie())) + return this.connexion(this.getJSONLoginCookie()) } Client.prototype.connexionLogin = function(login, password) { - return this.connexion(this.util.xmlVersAction(this.getXMLlogin(login, password))) -} - -/* Obsolète -Client.prototype.connexionCaptcha = function() -{ - return this.connexion(this.util.xmlVersAction(this.getXMLloginCaptcha(this.captchaCrypt, jQuery("#captcha input").val()))) -}*/ + return this.connexion(this.getJSONLogin(login, password)) +} Client.prototype.enregistrement = function(login, password) { - if (this.identifie()) + if (this.authentifie()) { this.login = login this.password = password if(this.flush()) - this.setStatut(statutType.enregistre) + this.setStatut(statutType.auth_registered) return true } else - { - if (login == undefined) login = "" - if (password == undefined) password = "" - return this.connexion(this.util.xmlVersAction(this.getXMLEnregistrement(login, password))) + { + return this.connexion(this.getJSONEnregistrement(login, password)) } } -Client.prototype.connexion = function(action) +Client.prototype.connexion = function(messageJson) { + ;;; dumpObj(messageJson) thisClient = this jQuery.ajax( { async: false, type: "POST", url: "request", - dataType: "xml", - data: action, + dataType: "json", + data: this.util.jsonVersAction(messageJson), success: function(data) { + ;;; dumpObj(data) thisClient.chargerDonnees(data) } } ) - return this.identifie() + return this.authentifie() } Client.prototype.deconnexion = function() -{ - this.setStatut(statutType.non_identifie) // deconnexion +{ + this.flush() + this.delCookie() + this.setStatut(statutType.deconnected) // deconnexion this.resetDonneesPersonnelles() - this.delCookie () } Client.prototype.chargerDonnees = function(data) { - this.setStatut(jQuery("statut", data.documentElement).text()) + // la modification du statut qui suit met à jour le menu, le menu dépend (page admin) + // de l'état ekMaster + this.ekMaster = data["ek_master"] != undefined ? data["ek_master"] : false + + this.setStatut(data["status"]) - if (this.identifie()) + if (this.authentifie()) { - this.cookie = jQuery("cookie", data.documentElement).text() + this.cookie = data["cookie"] this.setCookie() - this.login = jQuery("login", data.documentElement).text() - this.pseudo = jQuery("pseudo", data.documentElement).text() - this.email = jQuery("email", data.documentElement).text() - this.css = jQuery("css", data.documentElement).text() - // met à jour la css - if (this.css != "") - { - jQuery("link#cssPrincipale").attr("href", this.css) - this.majMenu() - } + this.login = data["login"] + this.pseudo = data["nick"] + this.email = data["email"] + this.setCss(data["css"]) + this.nickFormat = data["nick_format"] + + // la page de la conversation principale + this.pagePrincipale = data["main_page"] == undefined ? 1 : data["main_page"] + + // les conversations + this.conversations = data["conversations"] } - this.dernierMessageErreur = jQuery("information", data.documentElement).text() + this.dernierMessageErreur = data["error_message"] } /** * Met à jour les données personne sur serveur. + * @param async de manière asynchrone ? défaut = true + * @return false si le flush n'a pas pû se faire sinon true */ -Client.prototype.flush = function() +Client.prototype.flush = function(async) { + if (async == undefined) + async = true + + if (!this.authentifie()) + return false + thisClient = this - //thisClient.util.log(this.util.xmlVersAction(this.getXMLProfile()).action) + ;;; dumpObj(this.getJSONProfile()) jQuery.ajax( { - async: true, + async: async, type: "POST", url: "request", - dataType: "xml", - data: this.util.xmlVersAction(this.getXMLProfile()), + dataType: "json", + data: this.util.jsonVersAction(this.getJSONProfile()), success: function(data) { @@ -734,39 +741,180 @@ Client.prototype.flush = function() 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 + $("#menu .admin").css("display", this.ekMaster ? "inline" : "none") + // met à jour le menu - if (this.statut == statutType.enregistre) + if (this.statut == statutType.auth_registered) { - jQuery("#menu .profile").css("display", displayType).text("profile") - jQuery("#menu .logout").css("display", displayType) - jQuery("#menu .register").css("display", "none") + $("#menu .profile").css("display", displayType).text("profile") + $("#menu .logout").css("display", displayType) + $("#menu .register").css("display", "none") } - else if (this.statut == statutType.identifie) + else if (this.statut == statutType.auth_not_registered) { - jQuery("#menu .profile").css("display", "none") - jQuery("#menu .logout").css("display", displayType) - jQuery("#menu .register").css("display", displayType) + $("#menu .profile").css("display", "none") + $("#menu .logout").css("display", displayType) + $("#menu .register").css("display", displayType) } else { - jQuery("#menu .profile").css("display", displayType).text("login") - jQuery("#menu .logout").css("display", "none") - jQuery("#menu .register").css("display", displayType) + $("#menu .profile").css("display", displayType).text("login") + $("#menu .logout").css("display", "none") + $("#menu .register").css("display", displayType) + } +} + +Client.prototype.slap = function(userId, raison) +{ + var thisClient = this + + jQuery.ajax({ + type: "POST", + url: "request", + dataType: "json", + data: this.util.jsonVersAction( + { + "action" : "slap", + "cookie" : thisClient.cookie, + "user_id" : userId, + "reason" : raison + }), + success: + function(data) + { + if (data["reply"] == "error") + thisClient.util.messageDialogue(data["error_message"]) + } + }) +} + +Client.prototype.ban = function(userId, raison, minutes) +{ + var thisClient = this + + // par défaut un ban correspond à 3 jours + if (typeof(minutes) == "undefined") + minutes = 60 * 24 * 3 + + jQuery.ajax({ + type: "POST", + url: "request", + dataType: "json", + data: this.util.jsonVersAction( + { + "action" : "ban", + "cookie" : thisClient.cookie, + "duration" : minutes, + "user_id" : userId, + "reason" : raison + }), + success: + function(data) + { + if (data["reply"] == "error") + thisClient.util.messageDialogue(data["error_message"]) + } + }) +} + +Client.prototype.kick = function(userId, raison) +{ + this.ban(userId, raison, 15) +} + +/////////////////////////////////////////////////////////////////////////////////////////////////// + +/** + * classe permettant de gérer les événements (push serveur). + * @page la page + */ +function PageEvent(page, util) +{ + this.page = page + this.util = util + + // l'objet JSONHttpRequest représentant la connexion d'attente + this.attenteCourante = null +} + +/** + * Arrête l'attente courante s'il y en a une. + */ +PageEvent.prototype.stopAttenteCourante = function() +{ + if (this.attenteCourante != null) + this.attenteCourante.abort() +} + +/** + * 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 + */ +PageEvent.prototype.waitEvent = function(funSend, funReceive) +{ + var thisPageEvent = this + + this.stopAttenteCourante() + + // on doit conserver l'ordre des valeurs de l'objet JSON (le serveur les veux dans l'ordre définit dans le protocole) + // TODO : ya pas mieux ? + var dataToSend = + { + "action" : "wait_event", + "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", + data: this.util.jsonVersAction(dataToSend), + success: + function(data) + { + ;;; dumpObj(data) + + funReceive(data) + + // rappel de la fonction dans 100 ms + setTimeout(function(){ thisPageEvent.waitEvent(funSend, funReceive) }, 100); + }, + error: + function(XMLHttpRequest, textStatus, errorThrown) + { + setTimeout(function(){ thisPageEvent.rafraichirMessages(funSend, funReceive) }, 1000); + } + }) + } /////////////////////////////////////////////////////////////////////////////////////////////////// -jQuery.noConflict() +function initialiserListeStyles(client) +{ + $("#menuCss").change( + function() + { + client.setCss("css/" + $("option:selected", this).attr("value") + "/euphorik.css") + } + ) +} +// charge dynamiquement le script de debug +;;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"}) // le main -jQuery(document).ready( +$(document).ready( function() - { - + { var util = new Util() var client = new Client(util) var pages = new Pages() @@ -775,17 +923,15 @@ jQuery(document).ready( // connexion vers le serveur (utilise un cookie qui traine) client.connexionCookie() - // les styles css - for (var i = 1; i <= 3; i++) - { - jQuery("#css"+i).click(function(){ - client.setCss("css/" + jQuery(this).attr("id").charAt(3) + "/euphorik.css") - }) - } + initialiserListeStyles(client) + + // TODO : pourquoi $(document).unload ne fonctionne pas ? + $(window).unload(function(){client.flush(false)}) - jQuery("#menu .minichat").click(function(){ pages.afficherPage("minichat") }) - jQuery("#menu .profile").click(function(){ pages.afficherPage("profile") }) - jQuery("#menu .logout").click(function(){ + $("#menu .minichat").click(function(){ pages.afficherPage("minichat") }) + $("#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, {"Oui" : function() { @@ -796,12 +942,14 @@ jQuery(document).ready( } ) }) - jQuery("#menu .register").click(function(){ pages.afficherPage("register") }) + $("#menu .register").click(function(){ pages.afficherPage("register") }) + $("#menu .about").click(function(){ pages.afficherPage("about") }) pages.ajouterPage(new PageMinichat(client, formateur, util)) + pages.ajouterPage(new PageAdmin(client, formateur, util)) pages.ajouterPage(new PageProfile(client, formateur, util)) pages.ajouterPage(new PageRegister(client, formateur, util)) + pages.ajouterPage(new PageAbout(client, formateur, util)) pages.afficherPage("minichat") } -) - +) \ No newline at end of file