X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=c37ee4cd02427feb7bc622826102862c622c7dbd;hp=8487f776b7a483a387839202d146d193ce2c9a63;hb=46b6cab14594802cdb4db9e3d77082815182073b;hpb=0531ee46484ef22f402191cc4dc84ca07f155fe4 diff --git a/js/euphorik.js b/js/euphorik.js index 8487f77..c37ee4c 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -6,6 +6,7 @@ * Auteur : GBurri * Date : 6.11.2007 */ + /** * La configuration. @@ -40,7 +41,7 @@ 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() @@ -53,26 +54,13 @@ String.prototype.rtrim = function() return this.replace(/\s+$/, ""); } -String.prototype.dump = function() -{ - if (typeof dump != "undefined") - { - dump("\n--- EUPHORIK.CH ---\n") - dump(this) - dump("\n------\n") - } -} - /////////////////////////////////////////////////////////////////////////////////////////////////// /** * Cette classe regroupe des fonctions utilitaires (helpers). */ function Util() -{ - if(typeof XMLSerializer != "undefined") - this.serializer = new XMLSerializer() - +{ jQuery("#info .fermer").click(function(){ jQuery("#info").slideUp(50) }) @@ -110,44 +98,16 @@ Util.prototype.messageDialogue = function(message, type, boutons) jQuery("#info").slideDown(200) this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue) } -var messageType = {informatif: 0, question: 1, erreur: 2} - -/** - * Transforme un document XML en string. - */ -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) - { - // var doc = document.implementation.createDocument("", "action", null) - var parser = new DOMParser(); - var doc = parser.parseFromString("\n", "text/xml") - //alert(this.serializeXML(doc)) - return doc - } - 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: this.serializeXML(xml)} + // FIXME : ne plus encapsuler json dans de l'xml (problème avec yaws) + return {action: "" + JSON.stringify(json) + "" } } Util.prototype.md5 = function(chaine) @@ -294,11 +254,28 @@ 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. */ Formateur.prototype.traiterSmiles = function(M) { @@ -383,7 +360,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) { @@ -391,14 +376,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 = "" @@ -428,33 +410,49 @@ Client.prototype.setCss = function(css) this.css = css jQuery("link#cssPrincipale").attr("href", this.css) this.majMenu() - - if (this.identifie()) - this.flush() } Client.prototype.pageSuivante = function(numConv) +{ + if (numConv < 0 && this.pagePrincipale > 1) + this.pagePrincipale -= 1 + else if (this.conversations[numConv].page > 1) + this.conversations[numConv].page -= 1 +} + +Client.prototype.pagePrecedente = function(numConv) { if (numConv < 0) this.pagePrincipale += 1 - else + else this.conversations[numConv].page += 1 - this.flush(false) } -Client.prototype.pagePrecedente = function(numConv) +/** + * 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) { if (numConv < 0) - this.pagePrincipale -= 1 - else - this.conversations[numConv].page -= 1 - this.flush(false) + { + 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 + * @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) @@ -465,7 +463,6 @@ Client.prototype.ajouterConversation = function(racine) return false this.conversations.push({racine : racine, page : 1}) - this.flush(false) return true } @@ -477,129 +474,63 @@ Client.prototype.supprimerConversation = function(num) for (var i = num; i < this.conversations.length - 1; i++) this.conversations[i] = this.conversations[i+1] this.conversations.pop() - - this.flush(false) -} - -Client.prototype.getXMLlogin = function(login, password) -{ - 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 } -Client.prototype.getXMLloginCookie = function() +Client.prototype.getJSONLogin = function(login, password) { - 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 + return { + "action" : "authentification", + "login" : login, + "password" : password + } } - -/* Obsolète -Client.prototype.getXMLloginCaptcha = function(captchaCrypt, captchaInput) -{ - 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() + +Client.prototype.getJSONLoginCookie = function() { - var XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "generationCaptcha") - - return XMLDocument -}*/ + return { + "action" : "authentification", + "cookie" : this.cookie + } +} -Client.prototype.getXMLEnregistrement = function(login, password) +/** + * 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 XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "register") - - var nodeLogin = XMLDocument.createElement("login") - nodeLogin.appendChild(XMLDocument.createTextNode(login)) - XMLDocument.documentElement.appendChild(nodeLogin) + var mess = { "action" : "register" } - var nodePassword = XMLDocument.createElement("password") - nodePassword.appendChild(XMLDocument.createTextNode(password)) - XMLDocument.documentElement.appendChild(nodePassword) + if (login != undefined && password != undefined) + { + mess["login"] = login + mess["password"] = password + } - return XMLDocument + return mess; } -Client.prototype.getXMLProfile = function() +Client.prototype.getJSONConversations = function() { - 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) - - var nodeCSS = XMLDocument.createElement("css") - nodeCSS.appendChild(XMLDocument.createTextNode(this.css)) - XMLDocument.documentElement.appendChild(nodeCSS) - - var nodePagePrincipale = XMLDocument.createElement("pagePrincipale") - nodePagePrincipale.appendChild(XMLDocument.createTextNode(this.pagePrincipale)) - XMLDocument.documentElement.appendChild(nodePagePrincipale) - - // mémorise les conversations affichées + var conversations = new Array() for (var i = 0; i < this.conversations.length; i++) - { - var nodeConv = XMLDocument.createElement("conversation") - XMLDocument.documentElement.appendChild(nodeConv) - - var nodeRacine = XMLDocument.createElement("racine") - nodeRacine.appendChild(XMLDocument.createTextNode(this.conversations[i].racine)) - nodeConv.appendChild(nodeRacine) - - var nodePage = XMLDocument.createElement("page") - nodePage.appendChild(XMLDocument.createTextNode(this.conversations[i].page)) - nodeConv.appendChild(nodePage) + conversations.push({ "racine" : this.conversations[i].racine, "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, + "main_page" : this.pagePrincipale < 1 ? 1 : this.pagePrincipale, + "conversations" : this.getJSONConversations() } - - return XMLDocument } /** @@ -627,51 +558,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 == "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. @@ -683,63 +590,55 @@ 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) { - //action.action.dump() + ;;; 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) { - //thisClient.util.serializer.serializeToString(data).dump() + ;;; dumpObj(data) thisClient.chargerDonnees(data) } } ) - return this.identifie() + return this.authentifie() } Client.prototype.deconnexion = function() { - this.setStatut(statutType.non_identifie) // deconnexion + this.setStatut(statutType.deconnected) // deconnexion this.resetDonneesPersonnelles() this.delCookie () } @@ -748,21 +647,20 @@ Client.prototype.chargerDonnees = function(data) { var thisClient = this - this.setStatut(jQuery("statut", data.documentElement).text()) + 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() + this.login = data["login"] + this.pseudo = data["nick"] + this.email = data["email"] + this.css = data["css"] // la page de la conversation principale - var tmp = jQuery("pagePrincipale", data.documentElement) - this.pagePrincipale = tmp.length < 1 ? 1 : tmp.text() + this.pagePrincipale = data["main_page"] == undefined ? 1 : data["main_page"] // met à jour la css if (this.css != "") @@ -771,35 +669,34 @@ Client.prototype.chargerDonnees = function(data) this.majMenu() } // les conversations - this.conversations = new Array() - jQuery("conversation", data.documentElement).each( - function(i) - { - thisClient.conversations.push( { racine : jQuery("racine", this).text(), page : jQuery("page", this).text() } ) - } - ) + thisClient.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(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: async, type: "POST", url: "request", - dataType: "xml", - data: this.util.xmlVersAction(this.getXMLProfile()), + dataType: "json", + data: this.util.jsonVersAction(this.getJSONProfile()), success: function(data) { @@ -816,13 +713,13 @@ Client.prototype.majMenu = function() var displayType = this.css == "css/3/euphorik.css" ? "block" : "inline" //this.client // 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") } - 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) @@ -840,6 +737,8 @@ Client.prototype.majMenu = function() jQuery.noConflict() +// charge dynamiquement le script de debug +;;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"}) // le main jQuery(document).ready( @@ -866,6 +765,15 @@ jQuery(document).ready( client.setCss("css/" + jQuery(this).attr("id").charAt(3) + "/euphorik.css") }) } + + // TODO : pourquoi jQuery(document).unload ne fonctionne pas ? + jQuery(window).unload( + function() + { + //alert("ok") + client.flush(false) + } + ) jQuery("#menu .minichat").click(function(){ pages.afficherPage("minichat") }) jQuery("#menu .profile").click(function(){ pages.afficherPage("profile") }) @@ -887,5 +795,4 @@ jQuery(document).ready( pages.ajouterPage(new PageRegister(client, formateur, util)) pages.afficherPage("minichat") } -) - +) \ No newline at end of file