X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2FpageMinichat.js;h=3278dd792da3e8822915d82314e14a316faadf19;hb=bacec85920574375f4b8df20d6a0457e1fffc658;hp=5c36577c32edebd57879d91e71ec2a161db33ee6;hpb=cb001bf4e6e3ec3064b954b7c5583db8440f3492;p=euphorik.git diff --git a/js/pageMinichat.js b/js/pageMinichat.js index 5c36577..3278dd7 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -10,24 +10,22 @@ function PageMinichat(client, formateur, util) this.regexMessageTagMatch = /\{.*?\}>/g this.regexMessageTagReplace = /^(.*?\{.*?\}>)*/ - - this.messages = new Messages(this.client, this.formateur, this.util) } PageMinichat.prototype.contenu = function() { +// \ return '\
\
\ -

\ - \ +

\ + \ \ \ \

\
\ -
\ -
' +
' } PageMinichat.prototype.charger = function() @@ -36,18 +34,12 @@ PageMinichat.prototype.charger = function() jQuery("form input.pseudo").val(this.client.pseudo) - this.messages.rafraichirMessages(true) + // cet appel ne doit pas être fait avant l'appel à 'charger' + this.messages = new Messages(this.client, this.formateur, this.util) + + this.messages.rafraichirMessages(true) this.util.setCaretToEnd(jQuery("form input.message")[0]) - - jQuery("#messages").hover( - function(){}, - function(event) - { - jQuery("#messages .message").removeClass("cache") - thisPage.messages.messageOver = null - } - ) // affichage des smiles jQuery("#smiles").html(this.formateur.getSmilesHTML()).children().each( @@ -86,9 +78,7 @@ PageMinichat.prototype.charger = function() function() { // captcha anti bot - if (jQuery("form input.captcha").val() != "") return - - thisPage.messages.allerSurLaPage(1) + if (jQuery("form input.captcha").val() != "") return thisPage.envoyerMessage( jQuery("form input.pseudo").val(), @@ -166,9 +156,10 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) for (var i = 0; i < repondA.length; i++) { - jQuery("#messages div#" + repondA[i]).addClass("repondu") - for (var m = 0; m < this.messages.messages.length; m++) - this.messages.messages[m].clientARepondu = true + jQuery("#conversation div#" + repondA[i]).addClass("repondu") + for (var c = 0; c < this.messages.conversations.length; c++) + for (var m = 0; m < this.messages.conversations[c].messages.length; m++) + this.messages.conversations[c].messages[m].clientARepondu = true } } @@ -272,9 +263,11 @@ Message.prototype.setRepondA = function(element) } /** - * @return les id des messages qui ont été mis en evidence sous la forme d'un objet + * Renvoie les messages faisant partie d'une conversation. + * @param messages l'ensemble des messages de la conversation + * @return les id des messages qui ont été mis en evidence sous la forme d'un hash (object) {id => bool} */ -Message.prototype.afficherConversation = function(messages) +Message.prototype.getConversation = function(messages) { // les messages faisant partie de la conversation var messagesEnEvidence = {} @@ -306,103 +299,86 @@ Message.prototype.afficherConversation = function(messages) /////////////////////////////////////////////////////////////////////////////////////////////////// /** - * Représente l'ensemble des messages affichés. + * Représente une conversation. + * @param numConv le numéro (appelé id) de la conversation + * @param formateur outil permettant la mise en forme du texte des messages */ -function Messages(client, formateur, util) +function Conversation(num, util, formateur, funFermer) { - this.client = client - this.formateur = formateur - this.util = util + //alert("ok") + var thisConversation = this - this.nbMessageMax = conf.nbMessageAffiche // Le nombre de message affiché par page - this.idDernierMesssage = null // l'id du dernier message connu - this.page = 1 // par défaut on se trouve sur la première page - + this.num = num + this.id = Math.random()*100000000000000000 + this.messageOver = null // le message sur lequel se trouve le curseur + this.util = util + this.formateur = formateur this.messages = new Array() this.messagesParId = new Object() + + this.page = 1 // par défaut on se trouve sur la première page + + jQuery("#conversations").append( + '
\ +
' + + (funFermer == undefined ? '' : '
x
') + + '< 1 >\ +
\ +
' + ) - // l'objet XMLHttpRequest représentant la connexion d'attente - this.attenteCourante = null + // enlève la mise en évidence pour la conversation + jQuery("#conversations #" + this.getId()).hover( + function(){}, + function(event) + { + jQuery("#conversations .message").removeClass("cache") + thisConversation.messageOver = null + } + ) - var messageOver = null // element + // suppression de la conversation + if (funFermer != undefined) + jQuery("#conversations #" + this.getId() + " .titre .fermer").click( + function() + { + funFermer(thisConversation.num) + } + ) } /** - * Crée un document XML contenant le message demandant un rafraichissement. + * Retourne l'id de la conversation sous la forme (par exemple) "conv3". */ -Messages.prototype.getXMLrafraichirMessages = function() +Conversation.prototype.getId = function() { - var XMLDocument = this.util.creerDocumentXMLAction() - XMLDocument.documentElement.setAttribute("name", "refreshMessages") - - //alert(this.util.serializer.serializeToString(XMLDocument)) - - if (this.client.identifie()) - { - var nodeCookie= XMLDocument.createElement("cookie") - nodeCookie.appendChild(XMLDocument.createTextNode(this.client.cookie)) - XMLDocument.documentElement.appendChild(nodeCookie) - } - - if (this.idDernierMesssage != null) - { - var nodeDernierMessageId = XMLDocument.createElement("dernierMessageId") - nodeDernierMessageId.appendChild(XMLDocument.createTextNode(this.idDernierMesssage)) - XMLDocument.documentElement.appendChild(nodeDernierMessageId) - } - - var nodeNombreMessage = XMLDocument.createElement("nombreMessage") - nodeNombreMessage.appendChild(XMLDocument.createTextNode(this.nbMessageMax)) - XMLDocument.documentElement.appendChild(nodeNombreMessage) - - var nodePage = XMLDocument.createElement("page") - nodePage.appendChild(XMLDocument.createTextNode(this.page)) - XMLDocument.documentElement.appendChild(nodePage) - - return XMLDocument; + return "conv" + this.id } -/** - * Création d'un nouveau message. - * Les message sont données dans l'ordre de leur id. - * Met directement à jour l'affichage. - * @param element un element xml représentant le message - * @param autoFlush si oui alors le message est directement ajouté à la vue - */ -Messages.prototype.ajouterMessage = function(element, autoFlush) +Conversation.prototype.ajouterMessage = function(message) { - if (autoFlush == undefined) autoFlush = true // valeur par défaut - - // pas d'utilisation de jquery pour des raisons de performance - this.idDernierMesssage = element.getAttribute("id") - - var message = new Message( - this.idDernierMesssage, - jQuery("date", element).text(), - jQuery("pseudo", element).text(), - jQuery("contenu", element).text() - ) - - message.appartientAuClient = jQuery("proprietaire", element).text() == "true" - message.clientARepondu = jQuery("repondu", element).text() == "true" - message.estUneReponse = jQuery("reponse", element).text() == "true" - message.systeme = jQuery("systeme", element).text() == "true" - message.setRepondA(jQuery("repondA", element)) - this.messages.push(message) this.messagesParId[message.id] = message if (this.messages.length > this.nbMessageMax) delete this.messagesParId[this.messages.shift().id] +} - if (autoFlush) - this.flush() +Conversation.prototype.viderMessages = function() +{ + this.messages = new Array() + jQuery("#conversations #" + this.getId() + " .message").remove() } -Messages.prototype.flush = function() +/** + * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin + * d'afficher les messages non-affichés. + * @param funClickExtract fonction (fun(numMess)) appellée lors du clic sur un bouton "extraire" + */ +Conversation.prototype.flush = function(funClickExtract) { - var thisMessages = this + var thisConversation = this - var idDernierMessageAffiche = jQuery("#messages div:first").attr("id") + var idDernierMessageAffiche = jQuery("#conversations #" + this.getId() + " div:first").attr("id") if (idDernierMessageAffiche == undefined) idDernierMessageAffiche = "0" var XHTML = "" @@ -419,46 +395,68 @@ Messages.prototype.flush = function() "
" + + "
>
" + "[
" + message.date + "
]" + "
" + this.formateur.traitementComplet(message.pseudo) + "
:" + XHTMLrepondA + - "
" + (message.systeme ? this.formateur.remplacerBalisesHTML(message.contenu) : this.formateur.traitementComplet(message.contenu, message.pseudo))+ "
" + + "
" + (message.systeme ? this.formateur.remplacerBalisesHTML(message.contenu) : this.formateur.traitementComplet(message.contenu, message.pseudo)) + "
" + "
" } - jQuery("#messages").prepend(XHTML) - + //alert(this.getId()) + jQuery("#conversations #" + this.getId()).prepend(XHTML) + //alert(jQuery("#conversations").text()) + + // mise à jour des images (LightBox) après l'ajout de message if (myLightbox != null) myLightbox.updateImageList() - var nbMessagesAffiche = jQuery("#messages .message").size() + var nbMessagesAffiche = jQuery("#conversations #" + this.getId() + " .message").size() if (nbMessagesAffiche > this.nbMessageMax) - jQuery("#messages .message").slice(this.nbMessageMax, nbMessagesAffiche).empty(); + jQuery("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).empty(); - jQuery("#messages .message").filter(function(){return parseInt(jQuery(this).attr("id"), 36) > parseInt(idDernierMessageAffiche, 36)}).each( + // Ajoute les événements liés à chaque message + jQuery("#conversations #" + this.getId() + " .message").filter(function(){return parseInt(jQuery(this).attr("id"), 36) > parseInt(idDernierMessageAffiche, 36)}).each( function() { + /*jQuery(".extraire", this).click( + function(event) + { + funClickExtract() + return false + } + )*/ jQuery(this).click( function(event) - { - if (jQuery(event.target).is("a")) return + { + if (jQuery(event.target).is("a")) return + + // l'id du message + idMess = jQuery(this).attr("id") + + // extraction d'une conversation + if (jQuery(event.target).is(".extraire")) + { + funClickExtract(idMess) + return + } var valCourant = jQuery("input.message").val() if (valCourant == undefined) valCourant = "" - var tag = jQuery(".pseudo", this).text() + "{" + jQuery(this).attr("id") + "}" + ">" + var tag = jQuery(".pseudo", this).text() + "{" + idMess + "}" + ">" if (valCourant.indexOf(tag, 0) == -1) jQuery("input.message").val(tag + " " + valCourant) - thisMessages.util.setCaretToEnd(jQuery("form input.message")[0]) + thisConversation.util.setCaretToEnd(jQuery("form input.message")[0]) } ) // Q : pourquoi pas un .hover ? - // R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence + // R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence (uniquement pour Firefox) .mousemove( function(e) { - if (this !== thisMessages.messageOver) + if (this !== thisConversation.messageOver) { - thisMessages.afficherConversation(this) - thisMessages.messageOver = this + thisConversation.afficherConversation(this) + thisConversation.messageOver = this } } ) @@ -471,17 +469,17 @@ Messages.prototype.flush = function() * Puis applique un plan diabolique. * @param element un message de la liste des messages */ -Messages.prototype.afficherConversation = function(element) +Conversation.prototype.afficherConversation = function(element) { // cherche le message selectionné var id = jQuery(element).attr("id") var message = this.messagesParId[id] if (message == undefined) return - mess = message.afficherConversation(this) - + mess = message.getConversation(this) + // FIXME : cet appel est très lent - jQuery("#messages .message").each( + jQuery("#conversations #" + this.getId() + " .message").each( function() { var jq = jQuery(this) @@ -493,11 +491,206 @@ Messages.prototype.afficherConversation = function(element) ) } +/** + * Supprime une conversation. + */ +Conversation.prototype.supprimer = function() +{ + jQuery("#conversations #" + this.getId()).remove() +} + +/////////////////////////////////////////////////////////////////////////////////////////////////// + +/** + * Représente l'ensemble des messages affichés. + */ +function Messages(client, formateur, util) +{ + this.client = client + this.formateur = formateur + this.util = util + + this.conversations = new Array() // les conversations, la première représente la conversation principale + this.conversations[0] = new Conversation(0, this.util, this.formateur) + + this.idDernierMessage = null // l'id du dernier message connu + + // l'objet XMLHttpRequest représentant la connexion d'attente + this.attenteCourante = null +} + +/** + * Crée un document XML contenant le message demandant un rafraichissement. + */ +Messages.prototype.getXMLrafraichirMessages = function() +{ + var XMLDocument = this.util.creerDocumentXMLAction() + XMLDocument.documentElement.setAttribute("name", "refreshMessages") + + //alert(this.util.serializer.serializeToString(XMLDocument)) + + if (this.client.identifie()) + { + var nodeCookie= XMLDocument.createElement("cookie") + nodeCookie.appendChild(XMLDocument.createTextNode(this.client.cookie)) + XMLDocument.documentElement.appendChild(nodeCookie) + } + + if (this.idDernierMessage != null) + { + var nodeDernierMessageId = XMLDocument.createElement("dernierMessageId") + nodeDernierMessageId.appendChild(XMLDocument.createTextNode(this.idDernierMessage)) + XMLDocument.documentElement.appendChild(nodeDernierMessageId) + } + + var nodeNombreMessage = XMLDocument.createElement("nombreMessage") + nodeNombreMessage.appendChild(XMLDocument.createTextNode(conf.nbMessageAffiche)) + XMLDocument.documentElement.appendChild(nodeNombreMessage) + + var nodePage = XMLDocument.createElement("page") + nodePage.appendChild(XMLDocument.createTextNode(this.conversations[0].page)) + XMLDocument.documentElement.appendChild(nodePage) + + // les conversations + /* Obsolète, le serveur les recupères directement auprès des informations utilisateurs + for (var i = 0; i < this.client.conversations.length; i++) + { + var nodeConversation = XMLDocument.createElement("conversation") + XMLDocument.documentElement.appendChild(nodeConversation) + + var nodeRacine = XMLDocument.createElement("racine") + nodeRacine.appendChild(XMLDocument.createTextNode(this.client.conversations[i].racine)) + nodeConversation.appendChild(nodeRacine) + + var nodePageConv = XMLDocument.createElement("page") + nodePageConv.appendChild(XMLDocument.createTextNode(this.client.conversations[i].page)) + nodeConversation.appendChild(nodePageConv) + }*/ + + return XMLDocument; +} + +/** + * Ajoute un ensemble de messages puis les affiches. + * @param elements un tableau d'éléments représentant les messages, voir protocole.txt + * @param numConversation le numéro de la conversation auquel appartiennent les messages + */ +Messages.prototype.ajouterMessages = function(elements, numConversation) +{ + for (var i = 0; i < elements.length; i++) + this.ajouterMessage(elements[i], numConversation) + this.flush(numConversation) +} + +/** + * Création d'un nouveau message. + * Les message sont données dans l'ordre de leur id. + * @param element un element xml représentant le message + * @param numConversation le numéro de la conversation, 0 = principale + */ +Messages.prototype.ajouterMessage = function(element, numConversation) +{ + var thisMessages = this + + // pas d'utilisation de jquery pour des raisons de performance + var id = element.getAttribute("id") + //alert(parseInt(null, 36) +" " + parseInt(this.idDernierMessage, 36)) + if (this.idDernierMessage == null || parseInt(id, 36) > parseInt(this.idDernierMessage, 36)) + this.idDernierMessage = id + //alert(this.idDernierMessage) + + var message = new Message( + id, + jQuery("date", element).text(), + jQuery("pseudo", element).text(), + jQuery("contenu", element).text() + ) + + message.appartientAuClient = jQuery("proprietaire", element).text() == "true" + message.clientARepondu = jQuery("repondu", element).text() == "true" + message.estUneReponse = jQuery("reponse", element).text() == "true" + message.systeme = jQuery("systeme", element).text() == "true" + message.setRepondA(jQuery("repondA", element)) + + if (this.conversations[numConversation] == null) + { + this.conversations[numConversation] = new Conversation(numConversation, this.util, this.formateur, + function(num) // fermeture de la conversation + { + thisMessages.supprimerConversation(num) + } + ) + + this.ajusterLargeurConversations() + } + + this.conversations[numConversation].ajouterMessage(message) +} + +/** + * Enlève une conversation. + */ +Messages.prototype.supprimerConversation = function(num) +{ + if (num <= 0 || num >= this.conversations.length) return // la numéro 0 ne peut être supprimé + this.conversations[num].supprimer() + + // 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[i].num -= 1 + } + this.conversations.pop() + this.ajusterLargeurConversations() + + this.client.supprimerConversation(num-1) + + this.rafraichirMessages(true) +} + + +/** + * Ajuste la largeur des conversations en fonction de leur nombre. modifie l'attribut CSS 'width'. + */ +Messages.prototype.ajusterLargeurConversations = function() +{ + jQuery("#conversations .conversation").css("width", 100 / this.conversations.length + "%") +} + +/** + * Demande à toutes les conversations de se flusher (afficher les messages non-affichés). + */ +Messages.prototype.flushAll = function() +{ + for (var i = 0; i < this.conversations.length; i++) + this.flush(i) +} + +/** + * Demande à une conversation de se flusher. + */ +Messages.prototype.flush = function(numConv) +{ + var thisMessages = this + + this.conversations[numConv].flush + ( + // fonction appelée lors de la demande d'extraction d'une conversation + function(idMess) + { + if (thisMessages.client.ajouterConversation(idMess)) + thisMessages.rafraichirMessages(true) + } + ) +} + Messages.prototype.viderMessages = function() { - this.idDernierMesssage = null - this.messages = new Array() - jQuery("#messages").empty() + this.idDernierMessage = null + + for (var i = 0; i < this.conversations.length; i++) + this.conversations[i].viderMessages() } /** @@ -513,15 +706,14 @@ Messages.prototype.rafraichirMessages = function(vider) if (vider == undefined) vider = false + var thisMessages = this // caisupair javacrypte + if (vider) - { - this.idDernierMesssage = null - this.messages = new Array() - } - - var thisMessages = this // caisupair javacrypte + { + this.idDernierMessage = null + } - //this.util.log(this.util.serializer.serializeToString(this.getXMLrafraichirMessages())) + this.util.xmlVersAction(this.getXMLrafraichirMessages()).action.dump() //alert(this.util.xmlVersAction(this.getXMLrafraichirMessages()).action) this.attenteCourante = jQuery.ajax({ type: "POST", @@ -531,20 +723,42 @@ Messages.prototype.rafraichirMessages = function(vider) success: function(data) { - //thisMessages.util.log(thisMessages.util.serializer.serializeToString(data)) + thisMessages.util.serializer.serializeToString(data).dump() if (vider) + { thisMessages.viderMessages() + /* Obsolète : pas besoin de supprimer les conversations + for (var i = 1; i < this.conversations.length; i++) + this.supprimerConversation(1) + */ + } - thisMessages.MAJPages(parseInt(jQuery("nbPage", data.documentElement).text())) + //thisMessages.MAJPages(parseInt(jQuery("nbPage", data.documentElement).text())) - reponse = jQuery("message", data.documentElement).each( + // ajoute les messages reçu à leur conversation respective + var numConv = 0 + jQuery("conversation", data.documentElement).each( function(i) { - thisMessages.ajouterMessage(this, false) + var messages = [] + jQuery("message", this).each( + function(j) + { + // thisMessages.ajouterMessage(this, numConv) + messages.push(this) + } + ) + //alert("ajoutMess : " + messages.length + " " + numConv) + thisMessages.ajouterMessages(messages, numConv) + numConv += 1 } ) - thisMessages.flush() + + // demande à toutes les conversations d'afficher les messages non-affichés + //thisMessages.flush() + + // rappel de la fonction dans 100 ms setTimeout(function(){ thisMessages.rafraichirMessages() }, 100); }, error: @@ -556,6 +770,7 @@ Messages.prototype.rafraichirMessages = function(vider) ) } +/* Osbolète Messages.prototype.MAJPages = function(nbPage) { //alert(nbPage) @@ -578,8 +793,9 @@ Messages.prototype.MAJPages = function(nbPage) } ) } -} +}*/ +/* Obsolète Messages.prototype.allerSurLaPage = function(page) { if (page == this.page) @@ -600,5 +816,5 @@ Messages.prototype.allerSurLaPage = function(page) ) this.rafraichirMessages(true) -} +}*/