X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageMinichat.js;h=7ad6c5f4ee6277b875fd6eedfc5bd4f55ad74a37;hp=03024bcb00bfc5be0b5f21c5c00c7cd8da313024;hb=2424ba818818a6bd0b547fa540742f9b54db990b;hpb=5790c374341c5e542ff17a8f245bb5aa43af1d58 diff --git a/js/pageMinichat.js b/js/pageMinichat.js index 03024bc..7ad6c5f 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -1,19 +1,19 @@ -// 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, -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// GNU General Public License for more details. -// -// You should have received a copy of the GNU General Public License +// 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, +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// 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 . function PageMinichat(client, formateur, util) @@ -24,6 +24,10 @@ function PageMinichat(client, formateur, util) this.formateur = formateur this.util = util + // permet d'éviter d'envoyer plusieurs messages simultanément en pressant + // rapidement sur "enter" par exemple + this.envoieMessageEnCours = false + this.regexMessageTagMatch = /\{.*?\}>/g this.regexMessageTagReplace = /^(.*?\{.*?\}>)*/ } @@ -35,7 +39,7 @@ PageMinichat.prototype.contenu = function()
\

\ \ - \ + \ \ \ \ @@ -54,7 +58,7 @@ PageMinichat.prototype.charger = function() this.messages = new Messages(this.client, this.formateur, this.util) this.messages.rafraichirMessages(true) - + this.util.setCaretToEnd($("form input.message")[0]) // les outils de bannissement (uniquement pour les ekMaster) @@ -161,8 +165,12 @@ PageMinichat.prototype.decharger = function() $("body #smiles").remove() } -PageMinichat.prototype.getJSONMessage = function(pseudo, message, repondA) +PageMinichat.prototype.getJSONMessage = function(pseudo, message) { + var repondA = [] + for (var id in this.messages.messagesRepond) + repondA.push(parseInt(id)) // FIXME : une propriété ne peut pas être de type int ? + return { "action" : "put_message", "cookie" : this.client.cookie, @@ -173,67 +181,87 @@ PageMinichat.prototype.getJSONMessage = function(pseudo, message, repondA) } PageMinichat.prototype.envoyerMessage = function(pseudo, message) -{ +{ var thisPageMinichat = this - + // (un pseudo vide est autorisé) pseudo = this.formateur.filtrerInputPseudo(pseudo) - - // extraction des id des messages (en base 36 évidemment) auquels le user répond - var repondA = [] - var tags = message.match(this.regexMessageTagMatch) - if (tags != null) + + if (pseudo == conf.nickDefaut) { - for(var i = 0; i < tags.length; i++) - repondA.push(parseInt(/\{(.*?)\}>/.exec(tags[i])[1], 36)) - message = message.replace(this.regexMessageTagReplace, "") - } - - message = message.trim() - if (message == "") + this.util.messageDialogue("Le pseudo ne peut pas être " + conf.nickDefaut) + return + } + + message = message.trim() + if (message == "") { - this.util.messageDialogue("Le message est vide") - return - } - - if (!this.client.authentifie()) - if (!this.client.enregistrement()) - { - this.util.messageDialogue("login impossible") - return + this.util.messageDialogue("Le message est vide") + return + } + + if (!this.client.authentifie()) + if (!this.client.enregistrement()) + { + this.util.messageDialogue("login impossible") + return } - this.client.pseudo = pseudo - - ;; dumpObj(this.getJSONMessage(pseudo, message, repondA)) - jQuery.ajax( - { - url : "request", - type: "POST", - data : this.util.jsonVersAction(this.getJSONMessage(pseudo, message, repondA)), + this.client.pseudo = pseudo + + // évite le double post + if (this.envoieMessageEnCours) + { + this.util.messageDialogue("Message en cours d'envoie...") + return + } + this.envoieMessageEnCours = true + + ;; dumpObj(this.getJSONMessage(pseudo, message)) + jQuery.ajax( + + { + url : "request", + type: "POST", + data : this.util.jsonVersAction(this.getJSONMessage(pseudo, message)), dataType : "json", beforeSend : function(xmlHttpRequest) { + // TODO : ça marche ça ?? xmlHttpRequest.setRequestHeader("X-Requested-With", "") - }, - success : function(data, textStatus) + }, + success : function(data, textStatus) { ;; dumpObj(data) if(data["reply"] == "ok") - { + { $("form input.message").val("") + thisPageMinichat.messages.enleverMessagesRepond() // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) TODO : ya mieux ? for (var i = 0; i < repondA.length; i++) + { + for (var j = 0; j < thisPageMinichat.messages.conversations.length; j++) + { + var mess = thisPageMinichat.messages.conversations[j].messagesParId[repondA[i]] + if (mess != undefined) + mess.clientARepondu = true + } $("#conversations div#mess" + repondA[i].toString(36)).addClass("repondu") + } } else if (data["reply"] == "error") { thisPageMinichat.util.messageDialogue(data["error_message"]) - } - } - } + } + thisPageMinichat.envoieMessageEnCours = false + }, + error : function() + { + thisPageMinichat.envoieMessageEnCours = false + } + } ) } @@ -261,10 +289,13 @@ function Reponse(id, pseudo, login) * @param pseudo * @param contenu */ -function Message(id, auteurId, date, pseudo, login, contenu) +function Message(client, formateur, id, auteurId, racineId, date, pseudo, login, contenu) { + this.client = client + this.formateur = formateur this.id = id this.auteurId = auteurId + this.racineId = racineId this.date = date this.pseudo = pseudo this.login = login @@ -280,6 +311,11 @@ function Message(id, auteurId, date, pseudo, login, contenu) this.repondA = {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses } +Message.prototype.getId = function() +{ + return "mess" + this.id.toString(36) +} + /** * */ @@ -337,6 +373,43 @@ Message.prototype.getConversation = function(messages) return messagesEnEvidence } +Message.prototype.XHTML = function(messagePair) +{ + if (messagePair == undefined) + messagePair = true + + // construit l'identifiant de la personne + var identifiant = + this.client.nickFormat == "nick" || this.login == "" ? this.formateur.traitementComplet(this.pseudo) : + (this.client.nickFormat == "login" ? this.formateur.traitementComplet(message.login) : + this.formateur.traitementComplet(this.pseudo) + "(" + this.formateur.traitementComplet(message.login) +")" ) + + var XHTMLrepondA = "" + var debut = true + for (var id in this.repondA) + { + if (!debut) XHTMLrepondA += ", " + XHTMLrepondA += this.formateur.traitementComplet(this.repondA[id].pseudo) + debut = false + } + if (XHTMLrepondA != "") + XHTMLrepondA = "" + XHTMLrepondA + "" + + return "

" + + "
" + + "[" + this.date + "]" + + "" + this.auteurId + "" + identifiant + "" + + XHTMLrepondA + + "" + this.formateur.traitementComplet(this.contenu, this.pseudo) + "" + + "
" +} + /////////////////////////////////////////////////////////////////////////////////////////////////// /** @@ -377,9 +450,6 @@ function Conversation(num, util, formateur, client) } } -/** - * - */ Conversation.prototype.enleverMiseEnEvidence = function() { $("#conversations .message").removeClass("cache") @@ -393,11 +463,11 @@ Conversation.prototype.colorerEntetes = function() for (var i = 0; i < this.messages.length; i++) { if (this.messages[i].appartientAuClient) - messagesProprietaire += "#mess" + this.messages[i].id.toString(36) + "," + messagesProprietaire += "#" + this.messages[i].getId() + "," else if (this.messages[i].estUneReponse) - messagesReponse += "#mess" + this.messages[i].id.toString(36) + "," + messagesReponse += "#" + this.messages[i].getId() + "," else if (this.messages[i].clientARepondu) - messagesRepondu += "#mess" + this.messages[i].id.toString(36) + "," + messagesRepondu += "#" + this.messages[i].getId() + "," } $(messagesReponse).addClass("reponse") $(messagesRepondu).addClass("repondu") @@ -504,9 +574,10 @@ Conversation.prototype.viderMessages = function() * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin * d'afficher les messages non-affichés. * FIXME : méthode super lourde, à optimiser. - * @param funClickExtract fonction (fun(numMess)) appellée lors du clic sur un bouton "extraire" + * @param funClickExtract fonction (fun(numMess)) appelée lors du clic sur un bouton "extraire" + * @param funClickMessage fonction (fun(numMess)) appelée lors du clic sur un message */ -Conversation.prototype.flush = function(funClickOuvrirConv) +Conversation.prototype.flush = function(funClickOuvrirConv, funClickMessage) { var thisConversation = this @@ -519,49 +590,15 @@ Conversation.prototype.flush = function(funClickOuvrirConv) var XHTML = "" for (var i = 0; i < this.messages.length; i++) if (this.messages[i].id > this.idDernierMessageAffiche) - { - var message = this.messages[i] - - // construit l'identifiant de la personne - var identifiant = - this.client.nickFormat == "nick" || message.login == "" ? this.formateur.traitementComplet(message.pseudo) : - (this.client.nickFormat == "login" ? this.formateur.traitementComplet(message.login) : - this.formateur.traitementComplet(message.pseudo) + "(" + this.formateur.traitementComplet(message.login) +")" ) - - var XHTMLrepondA = "" - var debut = true - for (var id in message.repondA) - { - if (!debut) XHTMLrepondA += ", " - ;; dumpObj(message.repondA.count) - XHTMLrepondA += this.formateur.traitementComplet(message.repondA[id].pseudo) - debut = false - } - if (XHTMLrepondA != "") - XHTMLrepondA = "" + XHTMLrepondA + "" - - XHTML += - "
" + - "
" + - "[" + message.date + "]" + - "" + message.auteurId + "" + identifiant + "" + - XHTMLrepondA + - "" + this.formateur.traitementComplet(message.contenu, message.pseudo) + "" + - "
" - + { + XHTML += this.messages[i].XHTML(messagePair) messagePair = !messagePair } var DOM = $(XHTML) DOM.each( function() - { + { $(".lienConv", this).click( function(event) { @@ -570,6 +607,50 @@ Conversation.prototype.flush = function(funClickOuvrirConv) funClickOuvrirConv(parseInt(racine.substring(1, racine.length - 1), 36)) return false } + ) + + thisConversation.util.infoBulle("Extraction de la conversation à partir de ce message", $(".extraire", this)) + thisConversation.util.infoBulle("Extraction de la conversation complète", $(".extraireCompletement", this)) + + // l'id du message + var idMess = parseInt($(this).attr("id").substr(4), 36) + + $(this).click( + function(event) + { + if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) return + + // extraction d'une conversation + if ($(event.target).is(".extraire")) + { + funClickOuvrirConv(idMess) + return + } + + if ($(event.target).is(".extraireCompletement")) + { + funClickOuvrirConv(thisConversation.messagesParId[idMess].racineId) + return + } + + funClickMessage(thisConversation.messagesParId[idMess]) + } + ) + + // mise en évidence de la conversation + $(".entete", this).hover( + function() + { + thisConversation.decolorerEntetes() + thisConversation.afficherConversation(idMess) + }, + // quand on sort de l'entête du message la mise en évidence est enlevée + function() + { + thisConversation.enleverMiseEnEvidence() + thisConversation.decolorerEntetes() + thisConversation.colorerEntetes() + } ) if (thisConversation.client.viewTimes) @@ -620,49 +701,6 @@ Conversation.prototype.flush = function(funClickOuvrirConv) $("#outilsBan", this).hide() } ) - - thisConversation.util.infoBulle("Extraction de la conversation", $(".extraire", this)) - - // l'id du message - var idMess36 = $(this).attr("id").substr(4) - var idMess = parseInt(idMess36, 36) - - $(this).click( - function(event) - { - if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) return - - // extraction d'une conversation - if ($(event.target).is(".extraire")) - { - funClickOuvrirConv(idMess) - return - } - - var valCourant = $("input.message").val() - if (valCourant == undefined) valCourant = "" - var tag = $(".pseudo span.ident", this).text() + "{" + idMess36 + "}" + ">" - if (valCourant.indexOf(tag, 0) == -1) - $("input.message").val(tag + " " + valCourant) - thisConversation.util.setCaretToEnd($("form input.message")[0]) - } - ) - - // mise en évidence de la conversation - $(".entete", this).hover( - function() - { - thisConversation.decolorerEntetes() - thisConversation.afficherConversation(idMess) - }, - // quand on sort de l'entête du message la mise en évidence est enlevée - function() - { - thisConversation.enleverMiseEnEvidence() - thisConversation.decolorerEntetes() - thisConversation.colorerEntetes() - } - ) } ) DOM.prependTo("#conversations #" + this.getId()) @@ -686,7 +724,7 @@ Conversation.prototype.afficherConversation = function(id) var message = this.messagesParId[id] if (message == undefined) return - mess = message.getConversation(this) + var mess = message.getConversation(this) // FIXME : cet appel est très lent $("#conversations #" + this.getId() + " .message").each( @@ -701,14 +739,16 @@ Conversation.prototype.afficherConversation = function(id) jq.removeClass("cache") switch (statut) { - case 1 : - jq.addClass("proprietaire") + // "repondu" et "reponse" sont prioritaitres à "proprietaire" + // contrairement à la vue normale (sans mise en évidence d'une conversation) + case 3 : + jq.addClass("repondu") break; case 2 : jq.addClass("reponse") break; - case 3 : - jq.addClass("repondu") + case 1 : + jq.addClass("proprietaire") break; } } @@ -728,16 +768,19 @@ Conversation.prototype.supprimer = function() /** * Représente l'ensemble des messages affichés. + * TODO : renommer cette "classe" en 'Conversations' */ function Messages(client, formateur, util) { - var thisMessages = this - this.client = client this.formateur = formateur this.util = util + // un ensemble des messages (id) auquel l'utilisateur répond (vider après l'envoie du message courant) + this.messagesRepond = {} + this.conversations = new Array() // les conversations, la première représente la conversation principale + this.nouvelleConversation(0) this.trollIdCourant = 0 @@ -745,6 +788,62 @@ function Messages(client, formateur, util) this.pageEvent = new PageEvent("chat", this.util) } +/** + * Permet de définir un message comme étant ou n'étant plus un message auquel l'utilisateur + * répond. + */ +Messages.prototype.toggleMessageRepond = function(mess) +{ + // est-ce que l'on répond déjà à ce message ? si oui alors on l'enlève de la liste + if (mess.id in this.messagesRepond) + { + $("#" + mess.getId()).removeClass("repondEnEvidence") + delete this.messagesRepond[mess.id] + return + } + + // est-ce que le message fait partie de la même conversation que les autres messages ? + // TODO : solution plus élégante pour prendre un mess parmis messagesRepond !? + var mess2 + for(mess2 in this.messagesRepond){ break; } + mess2 = this.messagesRepond[mess2] + + if (mess2 != undefined && mess2.racineId != mess.racineId) + { + this.util.messageDialogue("Impossible de répondre à deux messages ne faisant pas partie de la même conversation") + return + } + + this.messagesRepond[mess.id] = mess + $("#" + mess.getId()).addClass("repondEnEvidence") +} + +/** + * Enlève tous les messages auquel l'utilisateur souhaite répond. + */ +Messages.prototype.enleverMessagesRepond = function() +{ + this.messagesRepond = {} + $(".message").removeClass("repondEnEvidence") +} + + +/** + * Définit un message comme n'y répondant plus. + */ +/*Messages.prototype.enleverMessageRepond = function(id) +{ + +}*/ + +/** + * Définit un message comme y répondant. + */ +/*Messages.prototype.ajouterMessageRepond = function(id) +{ + +}*/ + /** * Crée un message JSON contenant le message demandant un rafraichissement. */ @@ -765,10 +864,17 @@ Messages.prototype.getJSONrafraichirMessages = function() Messages.prototype.getJSONConversations = function() { - var clientConv = this.client.getJSONConversations() - for (var i = 1; i < this.conversations.length; i++) + var clientConv = [] + + for (var i = 0; i < this.client.conversations.length; i++) { - clientConv[i-1]["last_message_id"] = this.conversations[i].idDernierMessageAffiche + clientConv.push( + { + root : this.client.conversations[i].root, + page : this.client.conversations[i].page, + last_message_id : this.conversations[i + 1] == undefined ? 0 : this.conversations[i + 1].idDernierMessageAffiche + } + ) } return clientConv } @@ -811,13 +917,16 @@ Messages.prototype.ajouterMessage = function(element, numConversation) var id = element["id"] var message = new Message( + this.client, + this.formateur, id, element["user_id"], + element["root"], element["date"], element["nick"], element["login"], element["content"] - ) + ) message.appartientAuClient = element["owner"] message.clientARepondu = element["answered"] @@ -851,7 +960,8 @@ Messages.prototype.nouvelleConversation = function(num, funFermer, funLien) { var thisMessages = this - this.conversations[num] = new Conversation(num, this.util, this.formateur, this.client) + this.conversations[num] = new Conversation(num, this.util, this.formateur, this.client) + if (funFermer != undefined) this.conversations[num].eventFermer(funFermer) if (funLien != undefined) @@ -904,10 +1014,10 @@ Messages.prototype.supprimerConversation = function(num) * Ajuste la largeur des conversations en fonction de leur nombre. modifie l'attribut CSS 'width'. */ Messages.prototype.ajusterLargeurConversations = function() -{ - var largeurPourcent = (100 / this.conversations.length) - // le "- 0.01" evite que IE se chie dessus lamentablement et affiche les conversations les unes au dessus des autres - if($.browser["msie"]) +{ + var largeurPourcent = (100 / this.conversations.length) + // le "- 0.01" evite que IE se chie dessus lamentablement et affiche les conversations les unes au dessus des autres + if($.browser["msie"]) largeurPourcent -= 0.05 $("#conversations .conversation").css("width", largeurPourcent + "%") } @@ -929,9 +1039,15 @@ Messages.prototype.flush = function(numConv) var thisMessages = this this.conversations[numConv].flush( - function(racine) // appelé lorsqu'un utilisateur click sur un lien vers une conversation + function(racine) // appelé lors d'un clic sur un lien vers une conversation { thisMessages.ouvrirConversation(racine) + }, + // 'Mess' correspond à un objet de type 'Message' + function(Mess) // appelé lors d'un clic sur un message + { + // met ou enlève la mise en evidence du message + thisMessages.toggleMessageRepond(Mess) } ) }