X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2FpageMinichat.js;h=9d4d3298736a266cae0623100ea74945b0ac5fd3;hb=cded85bdaf899cef1ba38d2ee6fd24c67f2abc52;hp=ce0bcf0145077123bceb4099ce641b547c5d1b88;hpb=6feaef2a51f7226c41d69f9e86f605718b78aa02;p=euphorik.git diff --git a/js/pageMinichat.js b/js/pageMinichat.js index ce0bcf0..9d4d329 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,7 +156,7 @@ 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") + jQuery("#conversation div#" + repondA[i]).addClass("repondu") for (var m = 0; m < this.messages.messages.length; m++) this.messages.messages[m].clientARepondu = true } @@ -188,6 +178,7 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) //this.util.log(this.util.xmlVersAction(this.getXMLmessage(pseudo, message, repondA)).action) //alert(this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)).action) + /* Obsolète jQuery.post("request", this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)), function(data, textStatus) { @@ -195,6 +186,20 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) //alert(data) jQuery("form input.message").val("") } + )*/ + + jQuery.ajax( + { + url : "request", + type: "POST", + data : this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)), + dataType : "xml", + success : function(data, textStatus) + { + if(jQuery("statut", data.documentElement).text() == "ok") + jQuery("form input.message").val("") + } + } ) } @@ -257,9 +262,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 = {} @@ -291,103 +298,72 @@ 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(numConv, formateur, util) { - this.client = client + var thisConversation = this + + this.id = numConv + this.messageOver = null // le message sur lequel se trouve le curseur this.formateur = formateur this.util = util - - 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.messages = new Array() this.messagesParId = new Object() - // l'objet XMLHttpRequest représentant la connexion d'attente - this.attenteCourante = null + this.idDernierMesssage = null + + this.page = 1 // par défaut on se trouve sur la première page + + jQuery("#conversations").append( + "
" + ) - var messageOver = null // element + // 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 + } + ) } /** - * 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()).empty() } -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 = "" @@ -404,46 +380,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 } } ) @@ -456,17 +454,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) @@ -478,11 +476,151 @@ Messages.prototype.afficherConversation = function(element) ) } +/////////////////////////////////////////////////////////////////////////////////////////////////// + +/** + * 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.formateur, this.util) + + this.idDernierMesssage = 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.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(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 + 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) +{ + // 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)) + + if (this.conversations[numConversation] == null) + this.conversations[numConversation] = new Conversation(numConversation, this.formateur) + + this.conversations[numConversation].ajouterMessage(message) +} + +/** + * 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 appellée lors de la demande d'extraction d'une conversation + function(idMess) + { + thisMessages.client.ajouterConversation(idMess) + thisMessages.rafraichirMessages(true) + } + ) +} + Messages.prototype.viderMessages = function() { this.idDernierMesssage = null - this.messages = new Array() - jQuery("#messages").empty() + + for (var i = 0; i < this.conversations.length; i++) + this.conversations[i].viderMessages() } /** @@ -507,6 +645,7 @@ Messages.prototype.rafraichirMessages = function(vider) var thisMessages = this // caisupair javacrypte //this.util.log(this.util.serializer.serializeToString(this.getXMLrafraichirMessages())) + //alert(this.util.xmlVersAction(this.getXMLrafraichirMessages()).action) this.attenteCourante = jQuery.ajax({ type: "POST", url: "request", @@ -520,15 +659,30 @@ Messages.prototype.rafraichirMessages = function(vider) if (vider) thisMessages.viderMessages() - 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) + } + ) + 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: @@ -540,6 +694,7 @@ Messages.prototype.rafraichirMessages = function(vider) ) } +/* Osbolète Messages.prototype.MAJPages = function(nbPage) { //alert(nbPage) @@ -562,8 +717,9 @@ Messages.prototype.MAJPages = function(nbPage) } ) } -} +}*/ +/* Obsolète Messages.prototype.allerSurLaPage = function(page) { if (page == this.page) @@ -584,5 +740,5 @@ Messages.prototype.allerSurLaPage = function(page) ) this.rafraichirMessages(true) -} +}*/