3 function PageMinichat(client
, formateur
, util
)
8 this.formateur
= formateur
11 this.regexMessageTagMatch
= /\{.*?\}>/g
12 this.regexMessageTagReplace
= /^(.*?\{.*?\}>)*/
15 PageMinichat
.prototype.contenu = function()
18 <div id="trollCourant">Troll de la semaine : <span class="troll"></span></div>\
19 <form method="post" action="">\
21 <input class="captcha" name="captcha" type="text" size="8" maxlength="8"></input>\
22 <input class="pseudo" name="pseudo" type="text" size="12" maxlength="50" value="<nick>"></input>\
23 <input class="message" name="message" type="text" size="80" maxlength="500" value=""></input>\
24 <button class="smiles"></button>\
25 <button class="return"></button>\
28 <div id="conversations"></div>'
31 PageMinichat
.prototype.charger = function()
35 $("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($("form input.message")[0])
44 // les outils de bannissement (uniquement pour les ekMaster)
45 if (this.client
.ekMaster
)
48 '<div id="outilsBan">' +
49 '<form><p><input id="raison" name="raison" type="text" size="10" maxlength="200"></input></p></form>' +
50 '<img id="ban" src="img/ban.gif" alt="Ban de 3 jours" />' +
51 '<img id="kick" src="img/kick.gif" alt="Ban de 15min" />' +
52 '<img id="slap" src="img/slap.gif" alt="Avertissement" />' +
55 $("#outilsBan").hover(
59 $("#outilsBan").hide()
65 $("body").append("<div id=\"smiles\"></div>")
66 // affichage des smiles
67 $("#smiles").append(this.formateur
.getSmilesHTML()).children().each(
70 var opacityBase
= $(this).css("opacity")
74 thisPage
.util
.replaceSelection($("form input.message")[0], thisPage
.formateur
.smiles
[$(this).attr("class")][0].source
.replace(/\\/g
, ""))
97 $("form button.smiles").hover(
100 var offset
= $(e
.target
).offset()
101 $("#smiles").css("top", offset
.top
).css("left", offset
.left
).show()
119 if ($("form input.captcha").val() != "") return
121 thisPage
.envoyerMessage(
122 $("form input.pseudo").val(),
123 $("form input.message").val()
126 $("form input.message")[0].focus()
132 if (e
.which
== 13) // return
137 $("form button.return").click(nouveauMessage
)
139 // interdiction de submiter le formulaire
140 $("form").submit(function(){ return false})
142 $("input.pseudo").click(
145 var input
= $("input.pseudo")[0]
146 if (input
.value
== conf
.pseudoDefaut
)
152 PageMinichat
.prototype.decharger = function()
154 this.messages
.pageEvent
.stopAttenteCourante()
156 $("body #smiles").remove()
157 $("body #outilsBan").remove()
160 PageMinichat
.prototype.getJSONMessage = function(pseudo
, message
, repondA
)
163 "action" : "put_message",
164 "cookie" : this.client
.cookie
,
167 "answer_to" : repondA
171 PageMinichat
.prototype.envoyerMessage = function(pseudo
, message
)
173 var thisPageMinichat
= this
175 // (un pseudo vide est autorisé)
176 pseudo
= this.formateur
.filtrerInputPseudo(pseudo
)
178 // extraction des id des messages (en base 36 évidemment) auquels le user répond
180 var tags
= message
.match(this.regexMessageTagMatch
)
183 for(var i
= 0; i
< tags
.length
; i
++)
184 repondA
.push(parseInt(/\{(.*?)\}>/.exec(tags
[i
])[1], 36))
185 message
= message
.replace(this.regexMessageTagReplace
, "")
188 message
= message
.trim()
191 this.util
.messageDialogue("Le message est vide")
195 if (!this.client
.authentifie())
196 if (!this.client
.enregistrement())
198 this.util
.messageDialogue("login impossible")
202 this.client
.pseudo
= pseudo
204 ;;; dumpObj(this.getJSONMessage(pseudo
, message
, repondA
))
209 data : this.util
.jsonVersAction(this.getJSONMessage(pseudo
, message
, repondA
)),
211 beforeSend : function(xmlHttpRequest
)
213 xmlHttpRequest
.setRequestHeader("X-Requested-With", "")
215 success : function(data
, textStatus
)
219 if(data
["reply"] == "ok")
221 $("form input.message").val("")
223 // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche)
224 for (var i
= 0; i
< repondA
.length
; i
++)
226 $("#conversations div#" + repondA
[i
]).addClass("repondu")
227 /* Ca sert à rien, TODO : tester/virer
228 for (var c = 0; c < thisPageMinichat.messages.conversations.length; c++)
229 for (var m = 0; m < thisPageMinichat.messages.conversations[c].messages.length; m++)
230 thisPageMinichat.messages.conversations[c].messages[m].clientARepondu = true
234 else if (data
["reply"] == "error")
236 thisPageMinichat
.util
.messageDialogue(data
["error_message"])
243 ///////////////////////////////////////////////////////////////////////////////////////////////////
245 function Reponse(id
, pseudo
, login
)
251 if (this.pseudo
== undefined)
254 if (this.login
== undefined)
258 ///////////////////////////////////////////////////////////////////////////////////////////////////
261 * Représente un message.
263 * @param date (string)
267 function Message(id
, auteurId
, date
, pseudo
, login
, contenu
)
270 this.auteurId
= auteurId
274 this.contenu
= contenu
276 this.appartientAuClient
= false
277 this.clientARepondu
= false
278 this.estUneReponse
= false
279 this.ekMaster
= false
281 this.systeme
= false // est-ce un message 'système' ?
283 this.repondA
= {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
289 Message
.prototype.setRepondA = function(repondAJSON
)
291 var thisMessage
= this
294 for(var i
= 0; i
< repondAJSON
.length
; i
++)
296 thisMessage
.repondA
[repondAJSON
[i
]["id"]] = new Reponse(
297 repondAJSON
[i
]["id"],
298 repondAJSON
[i
]["nick"],
299 repondAJSON
[i
]["login"]
305 * Renvoie les messages faisant partie d'une conversation.
306 * @param messages l'ensemble des messages de la conversation
307 * @return les id des messages qui ont été mis en evidence sous la forme d'un hash (object) {id => bool}
309 Message
.prototype.getConversation = function(messages
)
311 // les messages faisant partie de la conversation
312 var messagesEnEvidence
= {}
314 messagesEnEvidence
[this.id
] = true
316 // recherche les réponses (O(n))
317 for (var i
= 0; i
< messages
.messages
.length
; i
++)
318 if (messages
.messages
[i
].repondA
.hasOwnProperty(this.id
))
319 messagesEnEvidence
[messages
.messages
[i
].id
] = true
321 var f = function(tabIds
)
323 for(var id
in tabIds
)
325 var message
= messages
.messagesParId
[id
]
326 if (message
!= undefined)
328 messagesEnEvidence
[id
] = true
335 return messagesEnEvidence
338 ///////////////////////////////////////////////////////////////////////////////////////////////////
341 * Représente une conversation.
342 * @param numConv le numéro (appelé id) de la conversation
343 * @param formateur outil permettant la mise en forme du texte des messages
345 function Conversation(num
, util
, formateur
, client
)
347 var thisConversation
= this
349 this.num
= num
// peut changer au cours de la vie de la conversation
350 this.id
= Math
.random() * 100000000000000000
351 this.messageOver
= null // le message sur lequel se trouve le curseur
353 this.formateur
= formateur
355 this.idDernierMessageAffiche
= 0
357 this.messages
= new Array()
358 this.messagesParId
= new Object()
360 this.nbMessageMax
= conf
.nbMessageAffiche
// Le nombre de message affiché par page
362 $("#conversations").append(
363 '<div id="' + this.getId() + '" class="conversation">\
364 <div class="titre">' +
365 (num
== 0 ? '' : '<div class="fermer">x</div><div class="lien">c</div>') +
366 '<span class="next"><</span><span class="numPage">1</span><span class="prev">></span>\
371 // enlève la mise en évidence pour la conversation
372 $("#conversations #" + this.getId()).hover(
376 $("#conversations .message").removeClass("cache")
377 thisConversation
.messageOver
= null
383 * Défini la page courante et s'il l'on se trouve sur la dernière page.
384 * @pageCourante la page courante
385 * @dernierePage true si c'est la dernière page sinon false
387 Conversation
.prototype.setPage = function(pageCourante
, dernierePage
)
389 $("#conversations #" + this.getId() + " .numPage").text(pageCourante
)
390 $("#conversations #" + this.getId() + " .next").css("display", pageCourante
== 1 ? "none" : "inline")
391 $("#conversations #" + this.getId() + " .prev").css("display", dernierePage
? "none" : "inline")
395 * Evenement déclanché lors de l'insertion du lien de la conversation dans le message courant.
397 Conversation
.prototype.eventLien = function(fun
)
399 var thisConversation
= this
401 $("#conversations #" + this.getId() + " .titre .lien").click(
404 fun(thisConversation
.num
)
410 * Evenement déclanché lors de la fermeture de la conversation.
412 Conversation
.prototype.eventFermer = function(fun
)
414 var thisConversation
= this
416 $("#conversations #" + this.getId() + " .titre .fermer").click(
419 fun(thisConversation
.num
)
425 * @funNext appelé lorsque l'on passe à la page suivante (de 2 à 1 par exemple)
426 * @funPrev appelé lorsque l'on passe à la page précédente (de 1 à 2 par exemple)
427 * @funReset appelé lorsque l'on souhaite revenir à la page une
429 Conversation
.prototype.setFunPage = function(funNext
, funPrev
, funReset
)
431 var thisConversation
= this
433 $("#conversations #" + this.getId() + " .next").click(
434 function() { funNext(thisConversation
.num
) }
436 $("#conversations #" + this.getId() + " .prev").click(
437 function() { funPrev(thisConversation
.num
) }
439 $("#conversations #" + this.getId() + " .numPage").click(
440 function() { funReset(thisConversation
.num
) }
445 * Retourne l'id de la conversation sous la forme (par exemple) "conv3".
447 Conversation
.prototype.getId = function()
449 return "conv" + this.id
452 Conversation
.prototype.ajouterMessage = function(message
)
454 this.messages
.push(message
)
455 this.messagesParId
[message
.id
] = message
456 if (this.messages
.length
> this.nbMessageMax
)
457 delete this.messagesParId
[this.messages
.shift().id
]
461 * FIXME : méthode très lourde. ne serait-ce pas mieux de virer d'un coup l'élément conversation et d'en remettre un vide ?
463 Conversation
.prototype.viderMessages = function()
465 this.messages
= new Array()
466 this.idDernierMessageAffiche
= 0
467 $("#conversations #" + this.getId() + " .message").remove()
471 * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
472 * d'afficher les messages non-affichés.
473 * FIXME : méthode super lourde, à optimiser.
474 * @param funClickExtract fonction (fun(numMess)) appellée lors du clic sur un bouton "extraire"
476 Conversation
.prototype.flush = function(funClickOuvrirConv
)
478 var thisConversation
= this
480 // est-ce que le prochain message est pair ? (permet d'alterner le style des messages)
481 var messagePair
= (this.idDernierMessageAffiche
== 0 ? true :
482 ($("#conversations #" + this.getId() + " div:first").attr("class").search("messagePair") == -1)
485 // construction de l'XHTML des messages
487 for (var i
= this.messages
.length
- 1; i
>= 0; i
--)
488 if (this.messages
[i
].id
> this.idDernierMessageAffiche
)
490 var message
= this.messages
[i
]
492 // construit l'identifiant de la personne
494 this.client
.nickFormat
== "nick" ? this.formateur
.traitementComplet(message
.pseudo
) :
495 (this.client
.nickFormat
== "login" ? this.formateur
.traitementComplet(message
.login
) :
496 this.formateur
.traitementComplet(message
.pseudo
) + "<span class=\"login\">(" + this.formateur
.traitementComplet(message
.login
) +")</span>" )
498 var XHTMLrepondA
= ""
499 for (var id
in message
.repondA
)
500 XHTMLrepondA
+= this.formateur
.traitementComplet(message
.repondA
[id
].pseudo
) + "> "
501 XHTMLrepondA
= "<span class=\"repondA\">" + XHTMLrepondA
+ "</span>"
504 "<div id=\"" + message
.id
.toString(36) + "\" class=\"" + (messagePair
? "messagePair" : "messageImpair") + " message" +
505 (this.messages
[i
].appartientAuClient
? " proprietaire" : "") +
506 (this.messages
[i
].clientARepondu
? " repondu" : "") +
507 (this.messages
[i
].estUneReponse
? " reponse" : "") +
508 (this.messages
[i
].systeme
? " systeme" : "") +
509 (this.messages
[i
].ekMaster
? " ekMaster" : "") +
511 "<div class=\"extraire\">></div>" +
512 "[<span class=\"date\">" + message
.date
+ "</span>]" +
513 "<span class=\"pseudo\" id=\"user" + message
.auteurId
+ "\">" + identifiant
+ "</span>:" +
515 "<span class=\"contenu\">" + (message
.systeme
? this.formateur
.remplacerBalisesHTML(message
.contenu
) : this.formateur
.traitementComplet(message
.contenu
, message
.pseudo
)) + "</span>" +
518 messagePair
= !messagePair
521 $("#conversations #" + this.getId()).prepend(XHTML
)
523 // enlève les messages exedentaires
524 var nbMessagesAffiche
= $("#conversations #" + this.getId() + " .message").size()
526 if (nbMessagesAffiche
> this.nbMessageMax
)
527 $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax
, nbMessagesAffiche
).empty()
529 // ajoute les événements liés à chaque nouveau message
530 $("#conversations #" + this.getId() + " .message").filter(function(){return parseInt($(this).attr("id"), 36) > thisConversation
.idDernierMessageAffiche
}).each(
533 $(".lienConv", this).click(
536 // FIXME : ya pas mieux ?
537 var racine
= $(event
.target
).text()
538 funClickOuvrirConv(parseInt(racine
.substring(1, racine
.length
- 1), 36))
543 $("a[@rel*=lightbox]", this).lightBox()
545 // les outils de bannissement (uniquement pour les ekMaster)
546 if (thisConversation
.client
.ekMaster
)
547 $(".pseudo", this).hover(
550 var userId
= parseInt($(this).attr("id").substr(4))
551 var element
= $(e
.target
)
552 var h
= element
.height()
553 var offset
= element
.offset()
554 var outils
= $("#outilsBan").css("top", offset
.top
- 2).css("left", offset
.left
- 2).height(h
< 16 ? 16 : h
).width(element
.width() + 16 * 3 + 4 + 64).show()
555 $("img", outils
).unbind()
556 $("#slap", outils
).click(
559 thisConversation
.client
.slap(userId
, $("#outilsBan input").val())
560 $("#outilsBan input").val("")
563 $("#kick", outils
).click(
566 thisConversation
.client
.kick(userId
, $("#outilsBan input").val())
567 $("#outilsBan input").val("")
570 $("#ban", outils
).click(
573 thisConversation
.client
.ban(userId
, $("#outilsBan input").val())
574 $("#outilsBan input").val("")
584 if ($(event
.target
).is("a")) return
587 var idMess
= $(this).attr("id")
589 // extraction d'une conversation
590 if ($(event
.target
).is(".extraire"))
592 funClickOuvrirConv(parseInt(idMess
, 36))
596 var valCourant
= $("input.message").val()
597 if (valCourant
== undefined) valCourant
= ""
598 var tag
= $(".pseudo", this).text() + "{" + idMess
+ "}" + ">"
599 if (valCourant
.indexOf(tag
, 0) == -1)
600 $("input.message").val(tag
+ " " + valCourant
)
601 thisConversation
.util
.setCaretToEnd($("form input.message")[0])
604 // Q : pourquoi pas un .hover ?
605 // R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence (uniquement pour Firefox)
609 if (this !== thisConversation
.messageOver
)
611 thisConversation
.afficherConversation(this)
612 thisConversation
.messageOver
= this
619 if (this.messages
.length
> 0)
620 this.idDernierMessageAffiche
= this.messages
[this.messages
.length
-1].id
624 * Etablit une liste des messages à mettre en evidence et des messages à cacher.
625 * Puis applique un plan diabolique.
626 * @param element un message de la liste des messages
628 Conversation
.prototype.afficherConversation = function(element
)
630 // cherche le message selectionné
631 var id
= parseInt($(element
).attr("id"), 36)
633 var message
= this.messagesParId
[id
]
634 if (message
== undefined) return
636 mess
= message
.getConversation(this)
638 // FIXME : cet appel est très lent
639 $("#conversations #" + this.getId() + " .message").each(
643 if (!mess
.hasOwnProperty(parseInt(jq
.attr("id"), 36)))
646 jq
.removeClass("cache")
652 * Supprime une conversation.
654 Conversation
.prototype.supprimer = function()
656 $("#conversations #" + this.getId()).remove()
659 ///////////////////////////////////////////////////////////////////////////////////////////////////
662 * Représente l'ensemble des messages affichés.
664 function Messages(client
, formateur
, util
)
666 var thisMessages
= this
669 this.formateur
= formateur
672 this.conversations
= new Array() // les conversations, la première représente la conversation principale
673 this.nouvelleConversation(0)
675 this.trollIdCourant
= 0
677 this.pageEvent
= new PageEvent("chat", this.util
)
681 * Crée un message JSON contenant le message demandant un rafraichissement.
683 Messages
.prototype.getJSONrafraichirMessages = function()
686 "message_count" : conf
.nbMessageAffiche
,
687 "main_page" : this.client
.pagePrincipale
,
688 "conversations" : this.getJSONConversations(),
689 "troll_id" : this.trollIdCourant
692 if (this.client
.cookie
!= null) mess
["cookie"] = this.client
.cookie
693 mess
["last_message_id"] = this.conversations
[0].idDernierMessageAffiche
698 Messages
.prototype.getJSONConversations = function()
700 var clientConv
= this.client
.getJSONConversations()
701 for (var i
= 1; i
< this.conversations
.length
; i
++)
703 clientConv
[i
-1]["last_message_id"] = this.conversations
[i
].idDernierMessageAffiche
709 * Ajoute un ensemble de messages puis les affiches.
710 * @param elements un tableau d'éléments JSON représentant les messages, voir protocole.txt
711 * @param numConversation le numéro de la conversation auquel appartiennent les messages
712 * @return true si les messages on été ajoutés, false si la conversation n'existe pas et qu'il n'y a pas de message
714 Messages
.prototype.ajouterMessages = function(elements
, numConversation
)
716 if (elements
["messages"].length
== 0 && typeof(this.conversations
[numConversation
]) == "undefined")
719 for (var i
= 0; i
< elements
["messages"].length
; i
++)
720 this.ajouterMessage(elements
["messages"][i
], numConversation
)
721 this.flush(numConversation
)
723 // renseigne la conversation sur la page courante et si c'est la dernière
724 this.conversations
[numConversation
].setPage(
725 numConversation
== 0 ? this.client
.pagePrincipale : this.client
.conversations
[numConversation
- 1].page
,
726 elements
["last_page"]
733 * Création d'un nouveau message.
734 * Les message sont données dans l'ordre de leur id.
735 * @param element un element JSON représentant le message
736 * @param numConversation le numéro de la conversation, 0 = principale
738 Messages
.prototype.ajouterMessage = function(element
, numConversation
)
740 var thisMessages
= this
742 // pas d'utilisation de jquery pour des raisons de performance
743 var id
= element
["id"]
745 var message
= new Message(
754 message
.appartientAuClient
= element
["owner"]
755 message
.clientARepondu
= element
["answered"]
756 message
.estUneReponse
= element
["is_a_reply"]
757 message
.systeme
= element
["system"]
758 message
.setRepondA(element
["answer_to"])
759 message
.ekMaster
= element
["ek_master"]
761 if (this.conversations
[numConversation
] == null)
763 this.nouvelleConversation(
765 function(num
) // fermeture de la conversation
767 thisMessages
.supprimerConversation(num
)
769 function(num
) // insertion du lien vers la conversation
771 thisPage
.util
.replaceSelection(
772 $("form input.message")[0],
773 "{" + thisMessages
.client
.conversations
[num
-1].root
.toString(36) + "}"
779 this.conversations
[numConversation
].ajouterMessage(message
)
782 Messages
.prototype.nouvelleConversation = function(num
, funFermer
, funLien
)
784 var thisMessages
= this
786 this.conversations
[num
] = new Conversation(num
, this.util
, this.formateur
, this.client
)
787 if (funFermer
!= undefined)
788 this.conversations
[num
].eventFermer(funFermer
)
789 if (funLien
!= undefined)
790 this.conversations
[num
].eventLien(funLien
)
792 this.conversations
[num
].setFunPage(
793 function(num
) // page suivante
795 thisMessages
.client
.pageSuivante(num
- 1)
796 thisMessages
.rafraichirMessages(true)
798 function(num
) // page précédente
800 thisMessages
.client
.pagePrecedente(num
- 1)
801 thisMessages
.rafraichirMessages(true)
803 function(num
) // retour à la page une
805 if (thisMessages
.client
.goPremierePage(num
- 1))
806 thisMessages
.rafraichirMessages(true)
810 this.ajusterLargeurConversations()
814 * Enlève une conversation.
816 Messages
.prototype.supprimerConversation = function(num
)
818 if (num
<= 0 || num
>= this.conversations
.length
) return // la numéro 0 ne peut être supprimé
819 this.conversations
[num
].supprimer()
821 // décalage TODO : supprimer le dernier élément
822 for (var i
= num
; i
< this.conversations
.length
- 1; i
++)
824 this.conversations
[i
] = this.conversations
[i
+1]
825 this.conversations
[i
].num
-= 1
827 this.conversations
.pop()
828 this.ajusterLargeurConversations()
830 this.client
.supprimerConversation(num
-1)
832 this.rafraichirMessages(true)
836 * Ajuste la largeur des conversations en fonction de leur nombre. modifie l'attribut CSS 'width'.
838 Messages
.prototype.ajusterLargeurConversations = function()
840 $("#conversations .conversation").css("width", 100 / this.conversations
.length
+ "%")
844 * Demande à toutes les conversations de se flusher (afficher les messages non-affichés).
846 Messages
.prototype.flushAll = function()
848 for (var i
= 0; i
< this.conversations
.length
; i
++)
853 * Demande à une conversation de se flusher.
855 Messages
.prototype.flush = function(numConv
)
857 var thisMessages
= this
859 this.conversations
[numConv
].flush(
860 function(racine
) // appelé lorsqu'un utilisateur click sur un lien vers une conversation
862 thisMessages
.ouvrirConversation(racine
)
867 Messages
.prototype.ouvrirConversation = function(racine
)
869 if (this.client
.ajouterConversation(racine
))
870 this.rafraichirMessages(true)
872 this.util
.messageDialogue("Cette conversation est déjà ouverte")
875 Messages
.prototype.viderMessages = function()
877 for (var i
= 0; i
< this.conversations
.length
; i
++)
878 this.conversations
[i
].viderMessages()
882 * Met à jour les messages de manière continue.
883 * (AJAX-Comet-style proof)
884 * @param vider vide tous les messages avant d'afficher les nouveaux
886 Messages
.prototype.rafraichirMessages = function(vider
)
888 var thisMessages
= this
890 if (vider
== undefined)
894 for (var i
= 0; i
< this.conversations
.length
; i
++)
895 this.conversations
[i
].idDernierMessageAffiche
= 0
897 this.pageEvent
.waitEvent(
898 function() { return thisMessages
.getJSONrafraichirMessages() },
903 thisMessages
.viderMessages()
907 // en fonction du message
908 switch(data
["reply"])
911 thisMessages
.trollIdCourant
= data
["troll_id"]
912 $("#trollCourant .troll").html(thisMessages
.formateur
.traitementComplet(data
["content"]))
915 case "new_messages" :
916 // ajoute les messages reçus à leur conversation respective
917 for (var numConv
= 0; numConv
< data
["conversations"].length
; numConv
++)
919 if (! thisMessages
.ajouterMessages(data
["conversations"][numConv
], numConv
))
921 thisMessages
.util
.messageDialogue("La conversation {" + thisMessages
.client
.conversations
[numConv
-1].root
.toString(36) + "} n'existe pas")
922 thisMessages
.client
.supprimerConversation(numConv
- 1)