X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageMinichat.js;h=7ad6c5f4ee6277b875fd6eedfc5bd4f55ad74a37;hp=da53627f888ef508f9cecacb511bd56d681e9357;hb=2424ba818818a6bd0b547fa540742f9b54db990b;hpb=650c44a784cabc8a1f2bd1daa7e5e61ccf74ca6f diff --git a/js/pageMinichat.js b/js/pageMinichat.js index da53627..7ad6c5f 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -39,7 +39,7 @@ PageMinichat.prototype.contenu = function()
\

\ \ - \ + \ \ \ \ @@ -165,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, @@ -182,15 +186,11 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) // (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, "") + this.util.messageDialogue("Le pseudo ne peut pas être " + conf.nickDefaut) + return } message = message.trim() @@ -217,12 +217,13 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) } this.envoieMessageEnCours = true - ;; dumpObj(this.getJSONMessage(pseudo, message, repondA)) + ;; dumpObj(this.getJSONMessage(pseudo, message)) jQuery.ajax( + { url : "request", type: "POST", - data : this.util.jsonVersAction(this.getJSONMessage(pseudo, message, repondA)), + data : this.util.jsonVersAction(this.getJSONMessage(pseudo, message)), dataType : "json", beforeSend : function(xmlHttpRequest) { @@ -236,6 +237,7 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) 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++) @@ -287,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 @@ -306,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) +} + /** * */ @@ -363,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) + "" + + "
" +} + /////////////////////////////////////////////////////////////////////////////////////////////////// /** @@ -403,9 +450,6 @@ function Conversation(num, util, formateur, client) } } -/** - * - */ Conversation.prototype.enleverMiseEnEvidence = function() { $("#conversations .message").removeClass("cache") @@ -419,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") @@ -530,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 @@ -545,42 +590,8 @@ 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 } @@ -598,11 +609,11 @@ Conversation.prototype.flush = function(funClickOuvrirConv) } ) - thisConversation.util.infoBulle("Extraction de la conversation", $(".extraire", this)) + 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 idMess36 = $(this).attr("id").substr(4) - var idMess = parseInt(idMess36, 36) + var idMess = parseInt($(this).attr("id").substr(4), 36) $(this).click( function(event) @@ -615,13 +626,14 @@ Conversation.prototype.flush = function(funClickOuvrirConv) 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]) + + if ($(event.target).is(".extraireCompletement")) + { + funClickOuvrirConv(thisConversation.messagesParId[idMess].racineId) + return + } + + funClickMessage(thisConversation.messagesParId[idMess]) } ) @@ -688,7 +700,7 @@ Conversation.prototype.flush = function(funClickOuvrirConv) { $("#outilsBan", this).hide() } - ) + ) } ) DOM.prependTo("#conversations #" + this.getId()) @@ -712,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( @@ -727,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; } } @@ -754,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 @@ -771,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. */ @@ -791,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 } @@ -837,8 +917,11 @@ 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"], @@ -877,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) @@ -955,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) } ) }