X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=8aaf875f088c5b6a6cf8f7bb315002ef9a0639ac;hp=d7ef712c120ce6cf9ed55a3839cdc2fbd7c0a0c0;hb=7e76d6bc2ccd165730addd3337656b479f9d95d4;hpb=8875fb445d47bb0925ef46a131a9bc4dec004b49 diff --git a/js/euphorik.js b/js/euphorik.js index d7ef712..8aaf875 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -21,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] } } @@ -61,8 +69,8 @@ String.prototype.rtrim = function() */ function Util() { - jQuery("#info .fermer").click(function(){ - jQuery("#info").slideUp(50) + $("#info .fermer").click(function(){ + $("#info").slideUp(50) }) } @@ -81,21 +89,21 @@ 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) } @@ -230,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() @@ -297,7 +305,8 @@ Formateur.prototype.traiterLiensConv = function(M) } /** - * FIXME : Cette méthode est attrocement lourde ! A optimiser. + * FIXME : Cette méthode est attrocement lourde ! A optimiser. + * moyenne su échantillon : 234ms */ Formateur.prototype.traiterSmiles = function(M) { @@ -328,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) } @@ -341,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() @@ -414,9 +423,11 @@ 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) @@ -426,11 +437,11 @@ Client.prototype.resetDonneesPersonnelles = function() 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() } @@ -550,6 +561,7 @@ Client.prototype.getJSONProfile = function() "nick" : this.pseudo, "email" : this.email, "css" : this.css, + "nick_format" : this.nickFormat, "main_page" : this.pagePrincipale < 1 ? 1 : this.pagePrincipale, "conversations" : this.getJSONConversations() } @@ -587,7 +599,6 @@ Client.prototype.authentifie = function() Client.prototype.setStatut = function(statut) { - //alert(statut) // conversation en "enum" si en "string" if (typeof(statut) == "string") { @@ -660,16 +671,19 @@ Client.prototype.connexion = function(messageJson) } Client.prototype.deconnexion = function() -{ +{ + this.flush() + this.delCookie() this.setStatut(statutType.deconnected) // deconnexion this.resetDonneesPersonnelles() - this.delCookie () } Client.prototype.chargerDonnees = function(data) { - var thisClient = this - + // 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.authentifie()) @@ -680,20 +694,14 @@ Client.prototype.chargerDonnees = function(data) this.login = data["login"] this.pseudo = data["nick"] this.email = data["email"] - this.css = data["css"] + 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"] - // met à jour la css - if (this.css != "") - { - jQuery("link#cssPrincipale").attr("href", this.css) - this.majMenu() - } // les conversations - thisClient.conversations = data["conversations"] - + this.conversations = data["conversations"] } this.dernierMessageErreur = data["error_message"] } @@ -733,56 +741,180 @@ 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 + $("#menu .admin").css("display", this.ekMaster ? "inline" : "none") + // met à jour le menu 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.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); + } + }) + +} + /////////////////////////////////////////////////////////////////////////////////////////////////// function initialiserListeStyles(client) { - jQuery("#menuCss").change( + $("#menuCss").change( function() { - client.setCss("css/" + jQuery("option:selected", this).attr("value") + "/euphorik.css") + client.setCss("css/" + $("option:selected", this).attr("value") + "/euphorik.css") } ) } - -jQuery.noConflict() // charge dynamiquement le script de debug ;;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"}) // le main -jQuery(document).ready( +$(document).ready( function() { - /* FIXME : ce code pose problème sur konqueror, voir : http://www.kde-forum.org/thread.php?threadid=17993 - var p = new DOMParser(); - var doc = p.parseFromString("\n", "text/xml") - var s = new XMLSerializer() - alert(s.serializeToString(doc)) */ - var util = new Util() var client = new Client(util) var pages = new Pages() @@ -793,17 +925,13 @@ jQuery(document).ready( initialiserListeStyles(client) - // TODO : pourquoi jQuery(document).unload ne fonctionne pas ? - jQuery(window).unload( - function() - { - client.flush(false) - } - ) + // 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() { @@ -814,10 +942,11 @@ jQuery(document).ready( } ) }) - jQuery("#menu .register").click(function(){ pages.afficherPage("register") }) - jQuery("#menu .about").click(function(){ pages.afficherPage("about") }) + $("#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))