9a88dce3508be245dad3e18c77759fefd0f8cf28
3 function PageMinichat(client
, formateur
, util
)
8 this.formateur
= formateur
11 this.regexMessageTagMatch
= /\{.*?\}>/g
12 this.regexMessageTagReplace
= /^(.*?\{.*?\}>)*/
15 PageMinichat
.prototype.contenu = function()
18 <form method="post" action="">\
20 <input class="captcha" name="captcha" type="text" size="8" maxlength="8"></input>\
21 <input class="pseudo" name="pseudo" type="text" size="12" maxlength="50" value="<nick>"></input>\
22 <input class="message" name="message" type="text" size="80" maxlength="500" value=""></input>\
23 <button class="smiles"></button>\
24 <button class="return"></button>\
27 <div id="conversations"></div>'
30 PageMinichat
.prototype.charger = function()
34 jQuery("form input.pseudo").val(this.client
.pseudo
)
36 // cet appel ne doit pas être fait avant l'appel à 'charger'
37 this.messages
= new Messages(this.client
, this.formateur
, this.util
)
39 this.messages
.rafraichirMessages(true)
41 this.util
.setCaretToEnd(jQuery("form input.message")[0])
44 jQuery("body").append("<div id=\"smiles\"></div>")
45 // affichage des smiles
46 jQuery("#smiles").append(this.formateur
.getSmilesHTML()).children().each(
49 var opacityBase
= jQuery(this).css("opacity")
53 thisPage
.util
.replaceSelection(jQuery("form input.message")[0], thisPage
.formateur
.smiles
[jQuery(this).attr("class")][0].source
.replace(/\\/g
, ""))
76 jQuery("form button.smiles").hover(
79 var offset
= jQuery(e
.target
).offset()
80 jQuery("#smiles").css("top", offset
.top
).css("left", offset
.left
).show()
84 jQuery("#smiles").hover(
88 jQuery("#smiles").hide()
98 if (jQuery("form input.captcha").val() != "") return
100 thisPage
.envoyerMessage(
101 jQuery("form input.pseudo").val(),
102 jQuery("form input.message").val()
105 jQuery("form input.message")[0].focus()
108 jQuery("form input.message").keypress(
111 if (e
.which
== 13) // return
116 jQuery("form button.return").click(nouveauMessage
)
118 // interdiction de submiter le formulaire
119 jQuery("form").submit(function(){ return false})
121 jQuery("input.pseudo").click(
124 var input
= jQuery("input.pseudo")[0]
125 if (input
.value
== conf
.pseudoDefaut
)
131 PageMinichat
.prototype.decharger = function()
133 //alert(this.attenteCourante)
134 this.messages
.stopAttenteCourante()
137 PageMinichat
.prototype.getJSONMessage = function(pseudo
, message
, repondA
)
140 "action" : "put_message",
141 "cookie" : this.client
.cookie
,
144 "answer_to" : repondA
148 PageMinichat
.prototype.envoyerMessage = function(pseudo
, message
)
150 var thisPageMinichat
= this
152 // (un pseudo vide est autorisé)
153 pseudo
= this.formateur
.filtrerInputPseudo(pseudo
)
155 // extraction des id des messages (en base 36 évidemment) auquels le user répond
157 var tags
= message
.match(this.regexMessageTagMatch
)
160 for(var i
= 0; i
< tags
.length
; i
++)
161 repondA
.push(parseInt(/\{(.*?)\}>/.exec(tags
[i
])[1], 36))
162 message
= message
.replace(this.regexMessageTagReplace
, "")
165 message
= message
.trim()
168 this.util
.messageDialogue("Le message est vide")
172 if (!this.client
.authentifie())
173 if (!this.client
.enregistrement())
175 this.util
.messageDialogue("login impossible")
179 this.client
.pseudo
= pseudo
181 ;;; dumpObj(this.getJSONMessage(pseudo
, message
, repondA
))
186 data : this.util
.jsonVersAction(this.getJSONMessage(pseudo
, message
, repondA
)),
188 beforeSend : function(xmlHttpRequest
)
190 xmlHttpRequest
.setRequestHeader("X-Requested-With", "")
192 success : function(data
, textStatus
)
196 if(data
["reply"] == "ok")
198 jQuery("form input.message").val("")
200 // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche)
201 for (var i
= 0; i
< repondA
.length
; i
++)
203 jQuery("#conversations div#" + repondA
[i
]).addClass("repondu")
204 /* Ca sert à rien, TODO : tester/virer
205 for (var c = 0; c < thisPageMinichat.messages.conversations.length; c++)
206 for (var m = 0; m < thisPageMinichat.messages.conversations[c].messages.length; m++)
207 thisPageMinichat.messages.conversations[c].messages[m].clientARepondu = true
216 ///////////////////////////////////////////////////////////////////////////////////////////////////
218 function Reponse(id
, pseudo
, login
)
224 if (this.pseudo
== undefined)
227 if (this.login
== undefined)
231 ///////////////////////////////////////////////////////////////////////////////////////////////////
234 * Représente un message.
236 * @param date (string)
240 function Message(id
, date
, pseudo
, login
, contenu
)
246 this.contenu
= contenu
248 this.appartientAuClient
= false
249 this.clientARepondu
= false
250 this.estUneReponse
= false
252 this.systeme
= false // est-ce un message 'système' ?
254 this.repondA
= {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
260 Message
.prototype.setRepondA = function(repondAJSON
)
262 var thisMessage
= this
265 for(var i
= 0; i
< repondAJSON
.length
; i
++)
267 thisMessage
.repondA
[repondAJSON
[i
]["id"]] = new Reponse(
268 repondAJSON
[i
]["id"],
269 repondAJSON
[i
]["nick"],
270 repondAJSON
[i
]["login"]
276 * Renvoie les messages faisant partie d'une conversation.
277 * @param messages l'ensemble des messages de la conversation
278 * @return les id des messages qui ont été mis en evidence sous la forme d'un hash (object) {id => bool}
280 Message
.prototype.getConversation = function(messages
)
282 // les messages faisant partie de la conversation
283 var messagesEnEvidence
= {}
285 messagesEnEvidence
[this.id
] = true
287 // recherche les réponses (O(n))
288 for (var i
= 0; i
< messages
.messages
.length
; i
++)
289 if (messages
.messages
[i
].repondA
.hasOwnProperty(this.id
))
290 messagesEnEvidence
[messages
.messages
[i
].id
] = true
292 var f = function(tabIds
)
294 for(var id
in tabIds
)
296 var message
= messages
.messagesParId
[id
]
297 if (message
!= undefined)
299 messagesEnEvidence
[id
] = true
306 return messagesEnEvidence
309 ///////////////////////////////////////////////////////////////////////////////////////////////////
312 * Représente une conversation.
313 * @param numConv le numéro (appelé id) de la conversation
314 * @param formateur outil permettant la mise en forme du texte des messages
316 function Conversation(num
, util
, formateur
, client
)
318 var thisConversation
= this
320 this.num
= num
// peut changer au cours de la vie de la conversation
321 this.id
= Math
.random() * 100000000000000000
322 this.messageOver
= null // le message sur lequel se trouve le curseur
324 this.formateur
= formateur
326 this.idDernierMessageAffiche
= 0
328 this.messages
= new Array()
329 this.messagesParId
= new Object()
331 this.nbMessageMax
= conf
.nbMessageAffiche
// Le nombre de message affiché par page
333 jQuery("#conversations").append(
334 '<div id="' + this.getId() + '" class="conversation">\
335 <div class="titre">' +
336 (num
== 0 ? '' : '<div class="fermer">x</div><div class="lien">c</div>') +
337 '<span class="next"><</span><span class="numPage">1</span><span class="prev">></span>\
342 // enlève la mise en évidence pour la conversation
343 jQuery("#conversations #" + this.getId()).hover(
347 jQuery("#conversations .message").removeClass("cache")
348 thisConversation
.messageOver
= null
354 * Défini les fonctions (callback) appelées lorsque l'on change de page.
355 * @pageCourante la page courante
356 * @dernierePage true si c'est la dernière page sinon false
358 Conversation
.prototype.eventsPage = function(pageCourante
, dernierePage
)
360 jQuery("#conversations #" + this.getId() + " .numPage").text(pageCourante
)
361 jQuery("#conversations #" + this.getId() + " .next").css("display", pageCourante
== 1 ? "none" : "inline")
362 jQuery("#conversations #" + this.getId() + " .prev").css("display", dernierePage
? "none" : "inline")
366 * Evenement déclanché lors de l'insertion du lien de la conversation dans le message courant.
368 Conversation
.prototype.eventLien = function(fun
)
370 var thisConversation
= this
372 jQuery("#conversations #" + this.getId() + " .titre .lien").click(
375 fun(thisConversation
.num
)
381 * Evenement déclanché lors de la fermeture de la conversation.
383 Conversation
.prototype.eventFermer = function(fun
)
385 var thisConversation
= this
387 jQuery("#conversations #" + this.getId() + " .titre .fermer").click(
390 fun(thisConversation
.num
)
396 * @funNext appelé lorsque l'on passe à la page suivante (de 2 à 1 par exemple)
397 * @funPrev appelé lorsque l'on passe à la page précédente (de 1 à 2 par exemple)
398 * @funReset appelé lorsque l'on souhaite revenir à la page une
400 Conversation
.prototype.setFunPage = function(funNext
, funPrev
, funReset
)
402 var thisConversation
= this
404 jQuery("#conversations #" + this.getId() + " .next").click(
405 function() { funNext(thisConversation
.num
) }
407 jQuery("#conversations #" + this.getId() + " .prev").click(
408 function() { funPrev(thisConversation
.num
) }
410 jQuery("#conversations #" + this.getId() + " .numPage").click(
411 function() { funReset(thisConversation
.num
) }
416 * Retourne l'id de la conversation sous la forme (par exemple) "conv3".
418 Conversation
.prototype.getId = function()
420 return "conv" + this.id
423 Conversation
.prototype.ajouterMessage = function(message
)
425 this.messages
.push(message
)
426 this.messagesParId
[message
.id
] = message
427 if (this.messages
.length
> this.nbMessageMax
)
428 delete this.messagesParId
[this.messages
.shift().id
]
431 Conversation
.prototype.viderMessages = function()
433 this.messages
= new Array()
434 this.idDernierMessageAffiche
= 0
435 jQuery("#conversations #" + this.getId() + " .message").remove()
439 * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
440 * d'afficher les messages non-affichés.
441 * @param funClickExtract fonction (fun(numMess)) appellée lors du clic sur un bouton "extraire"
443 Conversation
.prototype.flush = function(funClickOuvrirConv
)
445 var thisConversation
= this
447 // est-ce que le prochain message est pair ? (permet d'alterner le style des messages)
448 var messagePair
= (this.idDernierMessageAffiche
== 0 ? true :
449 (jQuery("#conversations #" + this.getId() + " div:first").attr("class").search("messagePair") == -1)
452 // construction de l'XHTML des messages
454 for (var i
= this.messages
.length
- 1; i
>= 0; i
--)
455 if (this.messages
[i
].id
> this.idDernierMessageAffiche
)
457 var message
= this.messages
[i
]
459 // construit l'identifiant de la personne
461 this.client
.nickFormat
== "nick" ? this.formateur
.traitementComplet(message
.pseudo
) :
462 (this.client
.nickFormat
== "login" ? this.formateur
.traitementComplet(message
.login
) :
463 this.formateur
.traitementComplet(message
.pseudo
) + "<span class=\"login\">(" + this.formateur
.traitementComplet(message
.login
) +")</span>" )
465 var XHTMLrepondA
= ""
466 for (var id
in message
.repondA
)
467 XHTMLrepondA
+= this.formateur
.traitementComplet(message
.repondA
[id
].pseudo
) + "> "
468 XHTMLrepondA
= "<span class=\"repondA\">" + XHTMLrepondA
+ "</span>"
471 "<div id=\"" + message
.id
.toString(36) + "\" class=\"" + (messagePair
? "messagePair" : "messageImpair") + " message" +
472 (this.messages
[i
].appartientAuClient
? " proprietaire" : "") +
473 (this.messages
[i
].clientARepondu
? " repondu" : "") +
474 (this.messages
[i
].estUneReponse
? " reponse" : "") +
475 (this.messages
[i
].systeme
? " systeme" : "") +
477 "<div class=\"extraire\">></div>" +
478 "[<span class=\"date\">" + message
.date
+ "</span>]" +
479 "<span class=\"pseudo\">" + identifiant
+ "</span>:" +
481 "<span class=\"contenu\">" + (message
.systeme
? this.formateur
.remplacerBalisesHTML(message
.contenu
) : this.formateur
.traitementComplet(message
.contenu
, message
.pseudo
)) + "</span>" +
484 messagePair
= !messagePair
487 jQuery("#conversations #" + this.getId()).prepend(XHTML
)
489 // mise à jour des images (LightBox) après l'ajout de message
490 if (myLightbox
!= null)
491 myLightbox
.updateImageList()
493 // enlève les messages exedentaires
494 var nbMessagesAffiche
= jQuery("#conversations #" + this.getId() + " .message").size()
496 if (nbMessagesAffiche
> this.nbMessageMax
)
497 jQuery("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax
, nbMessagesAffiche
).empty()
499 // Ajoute les événements liés à chaque message
500 jQuery("#conversations #" + this.getId() + " .message").filter(function(){return parseInt(jQuery(this).attr("id"), 36) > thisConversation
.idDernierMessageAffiche
}).each(
503 jQuery(".lienConv", this).click(
506 // FIXME : ya pas mieux ?
507 var racine
= jQuery(event
.target
).text()
508 funClickOuvrirConv(parseInt(racine
.substring(1, racine
.length
- 1), 36))
516 if (jQuery(event
.target
).is("a")) return
519 idMess
= jQuery(this).attr("id")
521 // extraction d'une conversation
522 if (jQuery(event
.target
).is(".extraire"))
524 funClickOuvrirConv(parseInt(idMess
, 36))
528 var valCourant
= jQuery("input.message").val()
529 if (valCourant
== undefined) valCourant
= ""
530 var tag
= jQuery(".pseudo", this).text() + "{" + idMess
+ "}" + ">"
531 if (valCourant
.indexOf(tag
, 0) == -1)
532 jQuery("input.message").val(tag
+ " " + valCourant
)
533 thisConversation
.util
.setCaretToEnd(jQuery("form input.message")[0])
536 // Q : pourquoi pas un .hover ?
537 // R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence (uniquement pour Firefox)
541 if (this !== thisConversation
.messageOver
)
543 thisConversation
.afficherConversation(this)
544 thisConversation
.messageOver
= this
551 if (this.messages
.length
> 0)
552 this.idDernierMessageAffiche
= this.messages
[this.messages
.length
-1].id
556 * Etablit une liste des messages à mettre en evidence et des messages à cacher.
557 * Puis applique un plan diabolique.
558 * @param element un message de la liste des messages
560 Conversation
.prototype.afficherConversation = function(element
)
562 // cherche le message selectionné
563 var id
= parseInt(jQuery(element
).attr("id"), 36)
565 var message
= this.messagesParId
[id
]
566 if (message
== undefined) return
568 mess
= message
.getConversation(this)
570 // FIXME : cet appel est très lent
571 jQuery("#conversations #" + this.getId() + " .message").each(
574 var jq
= jQuery(this)
575 if (!mess
.hasOwnProperty(parseInt(jq
.attr("id"), 36)))
578 jq
.removeClass("cache")
584 * Supprime une conversation.
586 Conversation
.prototype.supprimer = function()
588 jQuery("#conversations #" + this.getId()).remove()
591 ///////////////////////////////////////////////////////////////////////////////////////////////////
594 * Représente l'ensemble des messages affichés.
596 function Messages(client
, formateur
, util
)
598 var thisMessages
= this
601 this.formateur
= formateur
604 this.conversations
= new Array() // les conversations, la première représente la conversation principale
605 this.nouvelleConversation(0)
608 //this.idDernierMessage = null // l'id du dernier message connu
610 // l'objet JSONHttpRequest représentant la connexion d'attente
611 this.attenteCourante
= null
615 * Crée un message JSON contenant le message demandant un rafraichissement.
617 Messages
.prototype.getJSONrafraichirMessages = function()
620 "action" : "wait_event",
622 "message_count" : conf
.nbMessageAffiche
,
623 "main_page" : this.client
.pagePrincipale
,
624 "conversations" : this.getJSONConversations()
627 if (this.client
.cookie
!= null) mess
["cookie"] = this.client
.cookie
;
628 mess
["last_message_id"] = this.conversations
[0].idDernierMessageAffiche
631 //if (this.idDernierMessage != null) mess["last_message_id"] = this.idDernierMessage
636 Messages
.prototype.getJSONConversations = function()
638 var clientConv
= this.client
.getJSONConversations()
639 for (var i
= 1; i
< this.conversations
.length
; i
++)
641 clientConv
[i
-1]["last_message_id"] = this.conversations
[i
].idDernierMessageAffiche
647 * Ajoute un ensemble de messages puis les affiches.
648 * @param elements un tableau d'éléments JSON représentant les messages, voir protocole.txt
649 * @param numConversation le numéro de la conversation auquel appartiennent les messages
651 Messages
.prototype.ajouterMessages = function(elements
, numConversation
)
653 for (var i
= 0; i
< elements
["messages"].length
; i
++)
654 this.ajouterMessage(elements
["messages"][i
], numConversation
)
655 this.flush(numConversation
)
659 * Création d'un nouveau message.
660 * Les message sont données dans l'ordre de leur id.
661 * @param element un element JSON représentant le message
662 * @param numConversation le numéro de la conversation, 0 = principale
664 Messages
.prototype.ajouterMessage = function(element
, numConversation
)
666 var thisMessages
= this
668 // pas d'utilisation de jquery pour des raisons de performance
669 var id
= element
["id"]
672 /*if (this.idDernierMessage == null || id > this.idDernierMessage)
673 this.idDernierMessage = id*/
675 var message
= new Message(
683 message
.appartientAuClient
= element
["owner"]
684 message
.clientARepondu
= element
["answered"]
685 message
.estUneReponse
= element
["is_a_reply"]
686 message
.systeme
= element
["system"]
687 message
.setRepondA(element
["answer_to"])
689 if (this.conversations
[numConversation
] == null)
691 this.nouvelleConversation(
693 function(num
) // fermeture de la conversation
695 thisMessages
.supprimerConversation(num
)
697 function(num
) // insertion du lien vers la conversation
699 thisPage
.util
.replaceSelection(
700 jQuery("form input.message")[0],
701 "{" + thisMessages
.client
.conversations
[num
-1].root
+ "}"
707 this.conversations
[numConversation
].ajouterMessage(message
)
710 Messages
.prototype.nouvelleConversation = function(num
, funFermer
, funLien
)
712 var thisMessages
= this
714 this.conversations
[num
] = new Conversation(num
, this.util
, this.formateur
, this.client
)
715 if (funFermer
!= undefined)
716 this.conversations
[num
].eventFermer(funFermer
)
717 if (funLien
!= undefined)
718 this.conversations
[num
].eventLien(funLien
)
720 this.conversations
[num
].setFunPage(
721 function(num
) // page suivante
723 thisMessages
.client
.pageSuivante(num
- 1)
724 thisMessages
.rafraichirMessages(true)
726 function(num
) // page précédente
728 thisMessages
.client
.pagePrecedente(num
- 1)
729 thisMessages
.rafraichirMessages(true)
731 function(num
) // retour à la page une
733 if (thisMessages
.client
.goPremierePage(num
- 1))
734 thisMessages
.rafraichirMessages(true)
738 this.ajusterLargeurConversations()
742 * Enlève une conversation.
744 Messages
.prototype.supprimerConversation = function(num
)
746 if (num
<= 0 || num
>= this.conversations
.length
) return // la numéro 0 ne peut être supprimé
747 this.conversations
[num
].supprimer()
749 // décalage TODO : supprimer le dernier élément
750 for (var i
= num
; i
< this.conversations
.length
- 1; i
++)
752 this.conversations
[i
] = this.conversations
[i
+1]
753 this.conversations
[i
].num
-= 1
755 this.conversations
.pop()
756 this.ajusterLargeurConversations()
758 this.client
.supprimerConversation(num
-1)
760 this.rafraichirMessages(true)
764 * Ajuste la largeur des conversations en fonction de leur nombre. modifie l'attribut CSS 'width'.
766 Messages
.prototype.ajusterLargeurConversations = function()
768 jQuery("#conversations .conversation").css("width", 100 / this.conversations
.length
+ "%")
772 * Demande à toutes les conversations de se flusher (afficher les messages non-affichés).
774 Messages
.prototype.flushAll = function()
776 for (var i
= 0; i
< this.conversations
.length
; i
++)
781 * Demande à une conversation de se flusher.
783 Messages
.prototype.flush = function(numConv
)
785 var thisMessages
= this
787 this.conversations
[numConv
].flush(
788 function(racine
) // appelé lorsqu'un utilisateur click sur un lien vers une conversation
790 thisMessages
.ouvrirConversation(racine
)
795 Messages
.prototype.ouvrirConversation = function(racine
)
797 if (this.client
.ajouterConversation(racine
))
798 this.rafraichirMessages(true)
800 this.util
.messageDialogue("Cette conversation est déjà ouverte")
803 Messages
.prototype.viderMessages = function()
806 //this.idDernierMessage = null
808 for (var i
= 0; i
< this.conversations
.length
; i
++)
809 this.conversations
[i
].viderMessages()
813 * Arrete l'attente courante s'il y en a une.
815 Messages
.prototype.stopAttenteCourante = function()
817 if (this.attenteCourante
!= null)
818 this.attenteCourante
.abort()
822 * Met à jour les messages de manière continue.
823 * (AJAX-Comet-style proof)
824 * @param vider vide tous les messages avant d'afficher les nouveaux
826 Messages
.prototype.rafraichirMessages = function(vider
)
828 var thisMessages
= this // caisupair javacrypte
830 if (vider
== undefined)
833 this.stopAttenteCourante()
836 this.idDernierMessage = null*/
838 for (var i
= 0; i
< this.conversations
.length
; i
++)
839 this.conversations
[i
].idDernierMessageAffiche
= 0
841 dumpObj(this.getJSONrafraichirMessages())
842 this.attenteCourante
= jQuery
.ajax({
846 data: this.util
.jsonVersAction(this.getJSONrafraichirMessages()),
853 thisMessages
.viderMessages()
855 // ajoute les messages reçus à leur conversation respective
856 for (var numConv
= 0; numConv
< data
["conversations"].length
; numConv
++)
858 // ya pas de nouveaux message -> on passe à la prochaine conversation
859 if (data
["conversations"][numConv
]["messages"].length
== 0) continue
861 thisMessages
.ajouterMessages(data
["conversations"][numConv
], numConv
)
863 // définit les événements liés à la conversation
864 thisMessages
.conversations
[numConv
].eventsPage(
865 numConv
== 0 ? thisMessages
.client
.pagePrincipale : thisMessages
.client
.conversations
[numConv
- 1].page
,
866 data
["conversations"][numConv
]["last_page"]
870 // rappel de la fonction dans 100 ms
871 setTimeout(function(){ thisMessages
.rafraichirMessages() }, 100);
874 function(XMLHttpRequest
, textStatus
, errorThrown
)
876 setTimeout(function(){ thisMessages
.rafraichirMessages() }, 1000);