c41aa6a0757654d56454efa2d9405e8ff69004d5
3 function PageMinichat(client
, formateur
, util
)
8 this.formateur
= formateur
11 this.regexMessageTagMatch
= /\{.*?\}>/g
12 this.regexMessageTagReplace
= /^(.*?\{.*?\}>)*/
15 PageMinichat
.prototype.contenu = function()
17 // <input class="captcha" name="captcha" type="text" size="12"></input>\
19 <div id="smiles"></div>\
20 <form method="post" action="">\
22 <input class="captcha" name="captcha" type="text" size="8" maxlength="8"></input>\
23 <input class="pseudo" name="pseudo" type="text" size="12" maxlength="50" value="<nick>"></input>\
24 <input class="message" name="message" type="text" size="80" maxlength="500" value=""></input>\
25 <button class="return"></button>\
28 <div id="conversations"></div>'
31 PageMinichat
.prototype.charger = function()
35 jQuery("form input.pseudo").val(this.client
.pseudo
)
37 // cet appel ne doit pas être fait avant l'appel à 'charger'
38 this.messages
= new Messages(this.client
, this.formateur
, this.util
)
40 this.messages
.rafraichirMessages(true)
42 this.util
.setCaretToEnd(jQuery("form input.message")[0])
44 // affichage des smiles
45 jQuery("#smiles").html(this.formateur
.getSmilesHTML()).children().each(
48 var opacityBase
= jQuery(this).css("opacity")
52 thisPage
.util
.replaceSelection(jQuery("form input.message")[0], thisPage
.formateur
.smiles
[jQuery(this).attr("class")][0].source
.replace(/\\/g
, ""))
77 jQuery("form button.return").click(
81 if (jQuery("form input.captcha").val() != "") return
83 thisPage
.envoyerMessage(
84 jQuery("form input.pseudo").val(),
85 jQuery("form input.message").val()
88 jQuery("form input.message")[0].focus()
91 // interdiction de submiter le formulaire
92 jQuery("form").submit(function(){return false})
94 jQuery("input.pseudo").click(
97 var input
= jQuery("input.pseudo")[0]
98 if (input
.value
== conf
.pseudoDefaut
)
104 PageMinichat
.prototype.decharger = function()
106 if (this.attenteCourante
!= null)
107 this.attenteCourante
.abort()
110 PageMinichat
.prototype.getXMLMessage = function(pseudo
, message
, repondA
)
112 var XMLDocument
= this.util
.creerDocumentXMLAction()
113 XMLDocument
.documentElement
.setAttribute("name", "message")
115 var nodeCookie
= XMLDocument
.createElement("cookie")
116 nodeCookie
.appendChild(XMLDocument
.createTextNode(this.client
.cookie
))
117 XMLDocument
.documentElement
.appendChild(nodeCookie
)
119 var nodePseudo
= XMLDocument
.createElement("pseudo")
120 nodePseudo
.appendChild(XMLDocument
.createTextNode(pseudo
))
121 XMLDocument
.documentElement
.appendChild(nodePseudo
)
123 var nodeContenu
= XMLDocument
.createElement("contenu")
124 nodeContenu
.appendChild(XMLDocument
.createTextNode(message
))
125 XMLDocument
.documentElement
.appendChild(nodeContenu
)
127 if (repondA
.length
> 0)
129 var nodeReponses
= XMLDocument
.createElement("reponses")
130 XMLDocument
.documentElement
.appendChild(nodeReponses
)
131 for (var i
= 0; i
< repondA
.length
; i
++)
133 var nodeReponse
= XMLDocument
.createElement("reponse")
134 nodeReponse
.setAttribute("id", repondA
[i
])
135 nodeReponses
.appendChild(nodeReponse
)
142 PageMinichat
.prototype.envoyerMessage = function(pseudo
, message
)
144 // (un pseudo vide est autorisé)
145 pseudo
= this.formateur
.filtrerInputPseudo(pseudo
)
147 // extraction des id des messages (en base 36 évidemment) auquels le user répond
149 var tags
= message
.match(this.regexMessageTagMatch
)
152 for(var i
= 0; i
< tags
.length
; i
++)
153 repondA
.push(/\{(.*?)\}>/.exec(tags
[i
])[1])
154 message
= message
.replace(this.regexMessageTagReplace
, "")
156 // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche)
157 for (var i
= 0; i
< repondA
.length
; i
++)
159 jQuery("#conversation div#" + repondA
[i
]).addClass("repondu")
160 for (var c
= 0; c
< this.messages
.conversations
.length
; c
++)
161 for (var m
= 0; m
< this.messages
.conversations
[c
].messages
.length
; m
++)
162 this.messages
.conversations
[c
].messages
[m
].clientARepondu
= true
166 message
= message
.trim()
169 this.util
.messageDialogue("Le message est vide")
173 if (!this.client
.identifie())
174 if (!this.client
.enregistrement())
176 this.util
.messageDialogue("login impossible")
180 //this.util.log(this.util.xmlVersAction(this.getXMLmessage(pseudo, message, repondA)).action)
181 //alert(this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)).action)
183 jQuery.post("request", this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)),
184 function(data, textStatus)
186 // TODO : traiter les erreurs
188 jQuery("form input.message").val("")
196 data : this.util
.xmlVersAction(this.getXMLMessage(pseudo
, message
, repondA
)),
198 success : function(data
, textStatus
)
200 if(jQuery("statut", data
.documentElement
).text() == "ok")
201 jQuery("form input.message").val("")
207 ///////////////////////////////////////////////////////////////////////////////////////////////////
209 function Reponse(id
, pseudo
, login
)
215 if (this.pseudo
== undefined)
218 if (this.login
== undefined)
222 ///////////////////////////////////////////////////////////////////////////////////////////////////
225 * Représente un message.
227 * @param date (string)
231 function Message(id
, date
, pseudo
, contenu
)
236 this.contenu
= contenu
238 this.appartientAuClient
= false
239 this.clientARepondu
= false
240 this.estUneReponse
= false
242 this.systeme
= false // est-ce un message 'système' ?
244 this.repondA
= {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
250 Message
.prototype.setRepondA = function(element
)
254 var thisMessage
= this
256 jQuery("id", element
).each (
259 var reponse
= new Reponse(jQuery(this).attr("id"), jQuery(this).attr("pseudo"), jQuery(this).attr("login"))
260 thisMessage
.repondA
[reponse
.id
] = reponse
266 * Renvoie les messages faisant partie d'une conversation.
267 * @param messages l'ensemble des messages de la conversation
268 * @return les id des messages qui ont été mis en evidence sous la forme d'un hash (object) {id => bool}
270 Message
.prototype.getConversation = function(messages
)
272 // les messages faisant partie de la conversation
273 var messagesEnEvidence
= {}
275 messagesEnEvidence
[this.id
] = true
277 // recherche les réponses (O(n))
278 for (var i
= 0; i
< messages
.messages
.length
; i
++)
279 if (messages
.messages
[i
].repondA
.hasOwnProperty(this.id
))
280 messagesEnEvidence
[messages
.messages
[i
].id
] = true
282 var f = function(tabIds
)
284 for(var id
in tabIds
)
286 var message
= messages
.messagesParId
[id
]
287 if (message
!= undefined)
289 messagesEnEvidence
[id
] = true
296 return messagesEnEvidence
299 ///////////////////////////////////////////////////////////////////////////////////////////////////
302 * Représente une conversation.
303 * @param numConv le numéro (appelé id) de la conversation
304 * @param formateur outil permettant la mise en forme du texte des messages
306 function Conversation(num
, util
, formateur
, funFermer
)
309 var thisConversation
= this
311 this.num
= num
// peut changer au cours de la vie de la conversation
312 this.id
= Math
.random()*100000000000000000
313 this.messageOver
= null // le message sur lequel se trouve le curseur
315 this.formateur
= formateur
316 this.messages
= new Array()
317 this.messagesParId
= new Object()
319 jQuery("#conversations").append(
320 '<div id="' + this.getId() + '" class="conversation">\
321 <div class="titre">' +
322 (funFermer
== undefined ? '' : '<div class="fermer">x</div>') +
323 '<span class="prev"><</span><span class="numPage">1</span><span class="next">></span>\
328 // enlève la mise en évidence pour la conversation
329 jQuery("#conversations #" + this.getId()).hover(
333 jQuery("#conversations .message").removeClass("cache")
334 thisConversation
.messageOver
= null
338 // suppression de la conversation
339 if (funFermer
!= undefined)
340 jQuery("#conversations #" + this.getId() + " .titre .fermer").click(
343 funFermer(thisConversation
.num
)
349 * Défini les fonctions (callback) appelées lorsque l'on change de page.
350 * @funNext appelé lorsque l'on revient une page en arrière
351 * @funPrev appelé lorsque l'on passe à la page suisvante
352 * @pageCourante la page courante
353 * @dernierePage true si c'est la dernière page sinon false
355 Conversation
.prototype.initPage = function(funNext
, funPrev
, pageCourante
, dernierePage
)
357 var thisConversation
= this
359 jQuery("#conversations #" + this.getId() + " .next").click(
360 function() { funNext(thisConversation
.num
) }
362 jQuery("#conversations #" + this.getId() + " .prev").click(
363 function() { funPrev(thisConversation
.num
) }
366 jQuery("#conversations #" + this.getId() + " .next").css("display", pageCourante
== 1 ? "none" : "inline")
367 jQuery("#conversations #" + this.getId() + " .prev").css("display", dernierePage
? "none" : "inline")
371 * Retourne l'id de la conversation sous la forme (par exemple) "conv3".
373 Conversation
.prototype.getId = function()
375 return "conv" + this.id
378 Conversation
.prototype.ajouterMessage = function(message
)
380 this.messages
.push(message
)
381 this.messagesParId
[message
.id
] = message
382 if (this.messages
.length
> this.nbMessageMax
)
383 delete this.messagesParId
[this.messages
.shift().id
]
386 Conversation
.prototype.viderMessages = function()
388 this.messages
= new Array()
389 jQuery("#conversations #" + this.getId() + " .message").remove()
393 * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
394 * d'afficher les messages non-affichés.
395 * @param funClickExtract fonction (fun(numMess)) appellée lors du clic sur un bouton "extraire"
397 Conversation
.prototype.flush = function(funClickExtract
)
399 var thisConversation
= this
401 var idDernierMessageAffiche
= jQuery("#conversations #" + this.getId() + " div:first").attr("id")
402 if (idDernierMessageAffiche
== undefined) idDernierMessageAffiche
= "0"
405 for (var i
= this.messages
.length
- 1; i
>= 0; i
--)
406 if (parseInt(this.messages
[i
].id
, 36) > parseInt(idDernierMessageAffiche
, 36))
408 var message
= this.messages
[i
]
409 var XHTMLrepondA
= ""
410 for (var id
in message
.repondA
)
411 XHTMLrepondA
+= this.formateur
.traitementComplet(message
.repondA
[id
].pseudo
) + "> "
412 XHTMLrepondA
= "<span class=\"repondA\">" + XHTMLrepondA
+ "</span>"
415 "<div id=\"" + message
.id
+ "\" class=\"" + (parseInt(message
.id
, 36) % 2 == 0 ? "messagePair" : "messageImpair") + " message" +
416 (this.messages
[i
].appartientAuClient
? " proprietaire" : "") + (this.messages
[i
].clientARepondu
? " repondu" : "") + (this.messages
[i
].estUneReponse
? " reponse" : "") + (this.messages
[i
].systeme
? " systeme" : "") +
418 "<div class=\"extraire\">></div>" +
419 "[<span class=\"date\">" + message
.date
+ "</span>]" +
420 "<span class=\"pseudo\">" + this.formateur
.traitementComplet(message
.pseudo
) + "</span>:" +
422 "<span class=\"contenu\">" + (message
.systeme
? this.formateur
.remplacerBalisesHTML(message
.contenu
) : this.formateur
.traitementComplet(message
.contenu
, message
.pseudo
)) + "</span>" +
425 //alert(this.getId())
426 jQuery("#conversations #" + this.getId()).prepend(XHTML
)
427 //alert(jQuery("#conversations").text())
429 // mise à jour des images (LightBox) après l'ajout de message
430 if (myLightbox
!= null)
431 myLightbox
.updateImageList()
433 var nbMessagesAffiche
= jQuery("#conversations #" + this.getId() + " .message").size()
434 if (nbMessagesAffiche
> this.nbMessageMax
)
435 jQuery("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax
, nbMessagesAffiche
).empty();
437 // Ajoute les événements liés à chaque message
438 jQuery("#conversations #" + this.getId() + " .message").filter(function(){return parseInt(jQuery(this).attr("id"), 36) > parseInt(idDernierMessageAffiche
, 36)}).each(
441 /*jQuery(".extraire", this).click(
451 if (jQuery(event
.target
).is("a")) return
454 idMess
= jQuery(this).attr("id")
456 // extraction d'une conversation
457 if (jQuery(event
.target
).is(".extraire"))
459 funClickExtract(idMess
)
463 var valCourant
= jQuery("input.message").val()
464 if (valCourant
== undefined) valCourant
= ""
465 var tag
= jQuery(".pseudo", this).text() + "{" + idMess
+ "}" + ">"
466 if (valCourant
.indexOf(tag
, 0) == -1)
467 jQuery("input.message").val(tag
+ " " + valCourant
)
468 thisConversation
.util
.setCaretToEnd(jQuery("form input.message")[0])
471 // Q : pourquoi pas un .hover ?
472 // R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence (uniquement pour Firefox)
476 if (this !== thisConversation
.messageOver
)
478 thisConversation
.afficherConversation(this)
479 thisConversation
.messageOver
= this
488 * Etablit une liste des messages à mettre en evidence et des messages à cacher.
489 * Puis applique un plan diabolique.
490 * @param element un message de la liste des messages
492 Conversation
.prototype.afficherConversation = function(element
)
494 // cherche le message selectionné
495 var id
= jQuery(element
).attr("id")
496 var message
= this.messagesParId
[id
]
497 if (message
== undefined) return
499 mess
= message
.getConversation(this)
501 // FIXME : cet appel est très lent
502 jQuery("#conversations #" + this.getId() + " .message").each(
505 var jq
= jQuery(this)
506 if (!mess
.hasOwnProperty(jq
.attr("id")))
509 jq
.removeClass("cache")
515 * Supprime une conversation.
517 Conversation
.prototype.supprimer = function()
519 jQuery("#conversations #" + this.getId()).remove()
522 ///////////////////////////////////////////////////////////////////////////////////////////////////
525 * Représente l'ensemble des messages affichés.
527 function Messages(client
, formateur
, util
)
530 this.formateur
= formateur
533 this.conversations
= new Array() // les conversations, la première représente la conversation principale
534 this.conversations
[0] = new Conversation(0, this.util
, this.formateur
)
536 this.idDernierMessage
= null // l'id du dernier message connu
538 // l'objet XMLHttpRequest représentant la connexion d'attente
539 this.attenteCourante
= null
543 * Crée un document XML contenant le message demandant un rafraichissement.
545 Messages
.prototype.getXMLrafraichirMessages = function()
547 var XMLDocument
= this.util
.creerDocumentXMLAction()
548 XMLDocument
.documentElement
.setAttribute("name", "refreshMessages")
550 //alert(this.util.serializer.serializeToString(XMLDocument))
552 if (this.client
.identifie())
554 var nodeCookie
= XMLDocument
.createElement("cookie")
555 nodeCookie
.appendChild(XMLDocument
.createTextNode(this.client
.cookie
))
556 XMLDocument
.documentElement
.appendChild(nodeCookie
)
559 if (this.idDernierMessage
!= null)
561 var nodeDernierMessageId
= XMLDocument
.createElement("dernierMessageId")
562 nodeDernierMessageId
.appendChild(XMLDocument
.createTextNode(this.idDernierMessage
))
563 XMLDocument
.documentElement
.appendChild(nodeDernierMessageId
)
566 var nodeNombreMessage
= XMLDocument
.createElement("nombreMessage")
567 nodeNombreMessage
.appendChild(XMLDocument
.createTextNode(conf
.nbMessageAffiche
))
568 XMLDocument
.documentElement
.appendChild(nodeNombreMessage
)
570 /*var nodePage = XMLDocument.createElement("page")
571 nodePage.appendChild(XMLDocument.createTextNode(this.conversations[0].page))
572 XMLDocument.documentElement.appendChild(nodePage)*/
575 /* Obsolète, le serveur les recupères directement auprès des informations utilisateurs
576 for (var i = 0; i < this.client.conversations.length; i++)
578 var nodeConversation = XMLDocument.createElement("conversation")
579 XMLDocument.documentElement.appendChild(nodeConversation)
581 var nodeRacine = XMLDocument.createElement("racine")
582 nodeRacine.appendChild(XMLDocument.createTextNode(this.client.conversations[i].racine))
583 nodeConversation.appendChild(nodeRacine)
585 var nodePageConv = XMLDocument.createElement("page")
586 nodePageConv.appendChild(XMLDocument.createTextNode(this.client.conversations[i].page))
587 nodeConversation.appendChild(nodePageConv)
594 * Ajoute un ensemble de messages puis les affiches.
595 * @param elements un tableau d'éléments représentant les messages, voir protocole.txt
596 * @param numConversation le numéro de la conversation auquel appartiennent les messages
598 Messages
.prototype.ajouterMessages = function(elements
, numConversation
)
600 for (var i
= 0; i
< elements
.length
; i
++)
601 this.ajouterMessage(elements
[i
], numConversation
)
602 this.flush(numConversation
)
606 * Création d'un nouveau message.
607 * Les message sont données dans l'ordre de leur id.
608 * @param element un element xml représentant le message
609 * @param numConversation le numéro de la conversation, 0 = principale
611 Messages
.prototype.ajouterMessage = function(element
, numConversation
)
613 var thisMessages
= this
615 // pas d'utilisation de jquery pour des raisons de performance
616 var id
= element
.getAttribute("id")
617 //alert(parseInt(null, 36) +" " + parseInt(this.idDernierMessage, 36))
618 if (this.idDernierMessage
== null || parseInt(id
, 36) > parseInt(this.idDernierMessage
, 36))
619 this.idDernierMessage
= id
620 //alert(this.idDernierMessage)
622 var message
= new Message(
624 jQuery("date", element
).text(),
625 jQuery("pseudo", element
).text(),
626 jQuery("contenu", element
).text()
629 message
.appartientAuClient
= jQuery("proprietaire", element
).text() == "true"
630 message
.clientARepondu
= jQuery("repondu", element
).text() == "true"
631 message
.estUneReponse
= jQuery("reponse", element
).text() == "true"
632 message
.systeme
= jQuery("systeme", element
).text() == "true"
633 message
.setRepondA(jQuery("repondA", element
))
635 if (this.conversations
[numConversation
] == null)
637 this.conversations
[numConversation
] = new Conversation(numConversation
, this.util
, this.formateur
,
638 function(num
) // fermeture de la conversation
640 thisMessages
.supprimerConversation(num
)
644 this.ajusterLargeurConversations()
647 this.conversations
[numConversation
].ajouterMessage(message
)
651 * Enlève une conversation.
653 Messages
.prototype.supprimerConversation = function(num
)
655 if (num
<= 0 || num
>= this.conversations
.length
) return // la numéro 0 ne peut être supprimé
656 this.conversations
[num
].supprimer()
658 // décalage TODO : supprimer le dernier élément
659 for (var i
= num
; i
< this.conversations
.length
- 1; i
++)
661 this.conversations
[i
] = this.conversations
[i
+1]
662 this.conversations
[i
].num
-= 1
664 this.conversations
.pop()
665 this.ajusterLargeurConversations()
667 this.client
.supprimerConversation(num
-1)
669 this.rafraichirMessages(true)
673 * Ajuste la largeur des conversations en fonction de leur nombre. modifie l'attribut CSS 'width'.
675 Messages
.prototype.ajusterLargeurConversations = function()
677 jQuery("#conversations .conversation").css("width", 100 / this.conversations
.length
+ "%")
681 * Demande à toutes les conversations de se flusher (afficher les messages non-affichés).
683 Messages
.prototype.flushAll = function()
685 for (var i
= 0; i
< this.conversations
.length
; i
++)
690 * Demande à une conversation de se flusher.
692 Messages
.prototype.flush = function(numConv
)
694 var thisMessages
= this
696 this.conversations
[numConv
].flush
698 // fonction appelée lors de la demande d'extraction d'une conversation
701 if (thisMessages
.client
.ajouterConversation(idMess
))
702 thisMessages
.rafraichirMessages(true)
707 Messages
.prototype.viderMessages = function()
709 this.idDernierMessage
= null
711 for (var i
= 0; i
< this.conversations
.length
; i
++)
712 this.conversations
[i
].viderMessages()
716 * Met à jour les messages de manière continue.
717 * (AJAX-Comet-style proof)
718 * @param vider vide tous les messages avant d'afficher les nouveaux
720 Messages
.prototype.rafraichirMessages = function(vider
)
722 var thisMessages
= this // caisupair javacrypte
724 if (this.attenteCourante
!= null)
725 this.attenteCourante
.abort()
727 if (vider
== undefined)
731 this.idDernierMessage
= null
733 this.util
.xmlVersAction(this.getXMLrafraichirMessages()).action
.dump()
734 //alert(this.util.xmlVersAction(this.getXMLrafraichirMessages()).action)
735 this.attenteCourante
= jQuery
.ajax({
739 data: this.util
.xmlVersAction(this.getXMLrafraichirMessages()),
743 thisMessages
.util
.serializer
.serializeToString(data
).dump()
746 thisMessages
.viderMessages()
748 //thisMessages.MAJPages(parseInt(jQuery("nbPage", data.documentElement).text()))
750 // ajoute les messages reçu à leur conversation respective
752 jQuery("conversation", data
.documentElement
).each(
756 jQuery("message", this).each(
759 // thisMessages.ajouterMessage(this, numConv)
763 //alert("ajoutMess : " + messages.length + " " + numConv)
764 thisMessages
.ajouterMessages(messages
, numConv
)
766 thisMessages
.conversations
[numConv
].initPage(
767 function(num
) // page suivante
769 thisMessages
.client
.pageSuivante(num
- 1)
771 function(num
) // page précédente
773 thisMessages
.client
.pagePrecedente(num
- 1)
775 numConv
== 0 ? thisMessages
.client
.pagePrincipale : thisMessages
.client
.conversations
[numConv
- 1].page
,
776 jQuery("autresPages", this).text() != "true"
782 // demande à toutes les conversations d'afficher les messages non-affichés
783 //thisMessages.flush()
785 // rappel de la fonction dans 100 ms
786 setTimeout(function(){ thisMessages
.rafraichirMessages() }, 100);
789 function(XMLHttpRequest
, textStatus
, errorThrown
)
791 setTimeout(function(){ thisMessages
.rafraichirMessages() }, 1000);
798 Messages.prototype.MAJPages = function(nbPage)
802 var thisMessages = this
804 var nbPageActuel = jQuery("#pages span").size()
806 for(var p = nbPageActuel + 1; p <= nbPage && p <= 3; p++)
808 jQuery("#pages").append("<span " + (this.page == p ? "class=\"pageCourante\"" : "" ) + ">" + p + "</span>").click(
811 var target = jQuery(event.target)
813 if(!target.is("span"))
816 thisMessages.allerSurLaPage(parseInt(jQuery(event.target).text()))
823 Messages.prototype.allerSurLaPage = function(page)
825 if (page == this.page)
829 var thisMessages = this
831 //jQuery("#pages span").removeClass("pageCourante")
832 jQuery("#pages span").each(
835 if (jQuery(this).text() == thisMessages.page)
836 jQuery(this).addClass("pageCourante")
838 jQuery(this).removeClass("pageCourante")
842 this.rafraichirMessages(true)