883d1da40be38439959bd2a96f1cf4c05f6d8743
[euphorik.git] / js / pageMinichat.js
1 // coding: utf-8
2
3 function PageMinichat(client, formateur, util)
4 {
5 this.nom = "minichat"
6
7 this.client = client
8 this.formateur = formateur
9 this.util = util
10
11 this.regexMessageTagMatch = /\{.*?\}>/g
12 this.regexMessageTagReplace = /^(.*?\{.*?\}>)*/
13 }
14
15 PageMinichat.prototype.contenu = function()
16 {
17 return '\
18 <div id="trollCourant">Troll de la semaine : <span class="troll"></span></div>\
19 <form method="post" action="">\
20 <p>\
21 <input class="captcha" name="captcha" type="text" size="8" maxlength="8"></input>\
22 <input class="pseudo" name="pseudo" type="text" maxlength="50" value="&lt;nick&gt;"></input>\
23 <input class="message" name="message" type="text" maxlength="500" value=""></input>\
24 <button class="smiles"></button>\
25 <button class="return"></button>\
26 </p>\
27 </form>\
28 <div id="conversations"></div>'
29 }
30
31 PageMinichat.prototype.charger = function()
32 {
33 thisPage = this
34
35 $("form input.pseudo").val(this.client.pseudo)
36
37 // cet appel ne doit pas être fait avant l'appel à 'charger'
38 this.messages = new Messages(this.client, this.formateur, this.util)
39
40 this.messages.rafraichirMessages(true)
41
42 this.util.setCaretToEnd($("form input.message")[0])
43
44 // les outils de bannissement (uniquement pour les ekMaster)
45 if (this.client.ekMaster)
46 {
47 $("body").append(
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" />' +
53 '</div>'
54 )
55 $("#outilsBan").hover(
56 function(){},
57 function()
58 {
59 $("#outilsBan").hide()
60 }
61 )
62 }
63
64 // <smiles>
65 $("body").append("<div id=\"smiles\"></div>")
66 // affichage des smiles
67 $("#smiles").append(this.formateur.getSmilesHTML()).children().each(
68 function(i)
69 {
70 var opacityBase = $(this).css("opacity")
71 $(this).click(
72 function(event)
73 {
74 thisPage.util.replaceSelection($("form input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, ""))
75 }
76 )
77 .hover(
78 function()
79 {
80 $(this).animate(
81 {
82 opacity: 1
83 }, 200
84 )
85 },
86 function()
87 {
88 $(this).animate(
89 {
90 opacity: opacityBase
91 }, 200
92 )
93 }
94 )
95 }
96 )
97 $("form button.smiles").hover(
98 function(e)
99 {
100 var position = $(e.target).offset()
101 // le décalage pour ne pas dépasser à droite (10 correspond à la marge pour éviter de coller le bord)
102 var decalage = $("body").width() - $("#smiles").width() - position.left - 10
103 decalage = decalage > 0 ? 0 : decalage
104
105 $("#smiles").css("top", position.top).css("left", position.left + decalage).show()
106 },
107 function(e){}
108 )
109 $("#smiles").hover(
110 function(){},
111 function(e)
112 {
113 $("#smiles").hide()
114 }
115 )
116 // </smiles>
117
118 // événements
119 var nouveauMessage =
120 function()
121 {
122 // captcha anti bot
123 if ($("form input.captcha").val() != "") return
124
125 thisPage.envoyerMessage(
126 $("form input.pseudo").val(),
127 $("form input.message").val()
128 )
129
130 $("form input.message").focus()
131 }
132
133 $("form").keypress(
134 function(e)
135 {
136 if (e.which == 13) // return
137 nouveauMessage()
138 }
139 )
140
141 $("form button.return").click(nouveauMessage)
142
143 // interdiction de submiter le formulaire
144 $("form").submit(function(){ return false})
145
146 $("input.pseudo").click(
147 function()
148 {
149 var input = $("input.pseudo")[0]
150 if (input.value == conf.pseudoDefaut)
151 input.value = ""
152 }
153 )
154 }
155
156 PageMinichat.prototype.decharger = function()
157 {
158 this.messages.pageEvent.stopAttenteCourante()
159
160 $("body #smiles").remove()
161 $("body #outilsBan").remove()
162 }
163
164 PageMinichat.prototype.getJSONMessage = function(pseudo, message, repondA)
165 {
166 return {
167 "action" : "put_message",
168 "cookie" : this.client.cookie,
169 "nick" : pseudo,
170 "content" : message,
171 "answer_to" : repondA
172 }
173 }
174
175 PageMinichat.prototype.envoyerMessage = function(pseudo, message)
176 {
177 var thisPageMinichat = this
178
179 // (un pseudo vide est autorisé)
180 pseudo = this.formateur.filtrerInputPseudo(pseudo)
181
182 // extraction des id des messages (en base 36 évidemment) auquels le user répond
183 var repondA = []
184 var tags = message.match(this.regexMessageTagMatch)
185 if (tags != null)
186 {
187 for(var i = 0; i < tags.length; i++)
188 repondA.push(parseInt(/\{(.*?)\}>/.exec(tags[i])[1], 36))
189 message = message.replace(this.regexMessageTagReplace, "")
190 }
191
192 message = message.trim()
193 if (message == "")
194 {
195 this.util.messageDialogue("Le message est vide")
196 return
197 }
198
199 if (!this.client.authentifie())
200 if (!this.client.enregistrement())
201 {
202 this.util.messageDialogue("login impossible")
203 return
204 }
205
206 this.client.pseudo = pseudo
207
208 ;;; dumpObj(this.getJSONMessage(pseudo, message, repondA))
209 jQuery.ajax(
210 {
211 url : "request",
212 type: "POST",
213 data : this.util.jsonVersAction(this.getJSONMessage(pseudo, message, repondA)),
214 dataType : "json",
215 beforeSend : function(xmlHttpRequest)
216 {
217 xmlHttpRequest.setRequestHeader("X-Requested-With", "")
218 },
219 success : function(data, textStatus)
220 {
221 ;;; dumpObj(data)
222
223 if(data["reply"] == "ok")
224 {
225 $("form input.message").val("")
226
227 // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche)
228 for (var i = 0; i < repondA.length; i++)
229 {
230 $("#conversations div#" + repondA[i]).addClass("repondu")
231 /* Ca sert à rien, TODO : tester/virer
232 for (var c = 0; c < thisPageMinichat.messages.conversations.length; c++)
233 for (var m = 0; m < thisPageMinichat.messages.conversations[c].messages.length; m++)
234 thisPageMinichat.messages.conversations[c].messages[m].clientARepondu = true
235 */
236 }
237 }
238 else if (data["reply"] == "error")
239 {
240 thisPageMinichat.util.messageDialogue(data["error_message"])
241 }
242 }
243 }
244 )
245 }
246
247 ///////////////////////////////////////////////////////////////////////////////////////////////////
248
249 function Reponse(id, pseudo, login)
250 {
251 this.id = id
252 this.pseudo = pseudo
253 this.login = login
254
255 if (this.pseudo == undefined)
256 this.pseudo = ""
257
258 if (this.login == undefined)
259 this.login = ""
260 }
261
262 ///////////////////////////////////////////////////////////////////////////////////////////////////
263
264 /**
265 * Représente un message.
266 * @param id (string)
267 * @param date (string)
268 * @param pseudo
269 * @param contenu
270 */
271 function Message(id, auteurId, date, pseudo, login, contenu)
272 {
273 this.id = id
274 this.auteurId = auteurId
275 this.date = date
276 this.pseudo = pseudo
277 this.login = login
278 this.contenu = contenu
279
280 this.appartientAuClient = false
281 this.clientARepondu = false
282 this.estUneReponse = false
283 this.ekMaster = false
284
285 this.systeme = false // est-ce un message 'système' ?
286
287 this.repondA = {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
288 }
289
290 /**
291 *
292 */
293 Message.prototype.setRepondA = function(repondAJSON)
294 {
295 var thisMessage = this
296 this.repondA = {}
297
298 for(var i = 0; i < repondAJSON.length; i++)
299 {
300 thisMessage.repondA[repondAJSON[i]["id"]] = new Reponse(
301 repondAJSON[i]["id"],
302 repondAJSON[i]["nick"],
303 repondAJSON[i]["login"]
304 )
305 }
306 }
307
308 /**
309 * Renvoie les messages faisant partie d'une conversation.
310 * @param messages l'ensemble des messages de la conversation
311 * @return les id des messages qui ont été mis en evidence sous la forme d'un hash (object) {id => bool}
312 */
313 Message.prototype.getConversation = function(messages)
314 {
315 // les messages faisant partie de la conversation
316 var messagesEnEvidence = {}
317
318 messagesEnEvidence[this.id] = true
319
320 // recherche les réponses (O(n))
321 for (var i = 0; i < messages.messages.length; i++)
322 if (messages.messages[i].repondA.hasOwnProperty(this.id))
323 messagesEnEvidence[messages.messages[i].id] = true
324
325 var f = function(tabIds)
326 {
327 for(var id in tabIds)
328 {
329 var message = messages.messagesParId[id]
330 if (message != undefined)
331 {
332 messagesEnEvidence[id] = true
333 f (message.repondA)
334 }
335 }
336 }
337 f(this.repondA)
338
339 return messagesEnEvidence
340 }
341
342 ///////////////////////////////////////////////////////////////////////////////////////////////////
343
344 /**
345 * Représente une conversation.
346 * @param numConv le numéro (appelé id) de la conversation
347 * @param formateur outil permettant la mise en forme du texte des messages
348 */
349 function Conversation(num, util, formateur, client)
350 {
351 var thisConversation = this
352
353 this.num = num // peut changer au cours de la vie de la conversation
354 this.id = Math.random() * 100000000000000000
355 this.messageOver = null // le message sur lequel se trouve le curseur
356 this.util = util
357 this.formateur = formateur
358 this.client = client
359 this.idDernierMessageAffiche = 0
360
361 this.messages = new Array()
362 this.messagesParId = new Object()
363
364 this.nbMessageMax = conf.nbMessageAffiche // Le nombre de message affiché par page
365
366 $("#conversations").append(
367 '<div id="' + this.getId() + '" class="conversation">\
368 <div class="titre">' +
369 (num == 0 ? '' : '<div class="fermer">x</div><div class="lien">c</div>') +
370 '<span class="next">&lt;</span><span class="numPage">1</span><span class="prev">&gt;</span>\
371 </div>\
372 </div>'
373 )
374
375 // enlève la mise en évidence pour la conversation
376 $("#conversations #" + this.getId()).hover(
377 function(){},
378 function(event)
379 {
380 $("#conversations .message").removeClass("cache")
381 thisConversation.messageOver = null
382 }
383 )
384 }
385
386 /**
387 * Défini la page courante et s'il l'on se trouve sur la dernière page.
388 * @pageCourante la page courante
389 * @dernierePage true si c'est la dernière page sinon false
390 */
391 Conversation.prototype.setPage = function(pageCourante, dernierePage)
392 {
393 $("#conversations #" + this.getId() + " .numPage").text(pageCourante)
394 $("#conversations #" + this.getId() + " .next").css("display", pageCourante == 1 ? "none" : "inline")
395 $("#conversations #" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline")
396 }
397
398 /**
399 * Evenement déclanché lors de l'insertion du lien de la conversation dans le message courant.
400 */
401 Conversation.prototype.eventLien = function(fun)
402 {
403 var thisConversation = this
404
405 $("#conversations #" + this.getId() + " .titre .lien").click(
406 function()
407 {
408 fun(thisConversation.num)
409 }
410 )
411 }
412
413 /**
414 * Evenement déclanché lors de la fermeture de la conversation.
415 */
416 Conversation.prototype.eventFermer = function(fun)
417 {
418 var thisConversation = this
419
420 $("#conversations #" + this.getId() + " .titre .fermer").click(
421 function()
422 {
423 fun(thisConversation.num)
424 }
425 )
426 }
427
428 /**
429 * @funNext appelé lorsque l'on passe à la page suivante (de 2 à 1 par exemple)
430 * @funPrev appelé lorsque l'on passe à la page précédente (de 1 à 2 par exemple)
431 * @funReset appelé lorsque l'on souhaite revenir à la page une
432 */
433 Conversation.prototype.setFunPage = function(funNext, funPrev, funReset)
434 {
435 var thisConversation = this
436
437 $("#conversations #" + this.getId() + " .next").click(
438 function() { funNext(thisConversation.num) }
439 )
440 $("#conversations #" + this.getId() + " .prev").click(
441 function() { funPrev(thisConversation.num) }
442 )
443 $("#conversations #" + this.getId() + " .numPage").click(
444 function() { funReset(thisConversation.num) }
445 )
446 }
447
448 /**
449 * Retourne l'id de la conversation sous la forme (par exemple) "conv3".
450 */
451 Conversation.prototype.getId = function()
452 {
453 return "conv" + this.id
454 }
455
456 Conversation.prototype.ajouterMessage = function(message)
457 {
458 this.messages.push(message)
459 this.messagesParId[message.id] = message
460 if (this.messages.length > this.nbMessageMax)
461 delete this.messagesParId[this.messages.shift().id]
462 }
463
464 /**
465 * 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 ?
466 */
467 Conversation.prototype.viderMessages = function()
468 {
469 this.messages = new Array()
470 this.idDernierMessageAffiche = 0
471 $("#conversations #" + this.getId() + " .message").remove()
472 }
473
474 /**
475 * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
476 * d'afficher les messages non-affichés.
477 * FIXME : méthode super lourde, à optimiser.
478 * @param funClickExtract fonction (fun(numMess)) appellée lors du clic sur un bouton "extraire"
479 */
480 Conversation.prototype.flush = function(funClickOuvrirConv)
481 {
482 var thisConversation = this
483
484 // est-ce que le prochain message est pair ? (permet d'alterner le style des messages)
485 var messagePair = (this.idDernierMessageAffiche == 0 ? true :
486 ($("#conversations #" + this.getId() + " div:first").attr("class").search("messagePair") == -1)
487 )
488
489 // construction de l'XHTML des messages
490 var XHTML = ""
491 for (var i = this.messages.length - 1; i >= 0; i--)
492 if (this.messages[i].id > this.idDernierMessageAffiche)
493 {
494 var message = this.messages[i]
495
496 // construit l'identifiant de la personne
497 var identifiant =
498 this.client.nickFormat == "nick" || message.login == "" ? this.formateur.traitementComplet(message.pseudo) :
499 (this.client.nickFormat == "login" ? this.formateur.traitementComplet(message.login) :
500 this.formateur.traitementComplet(message.pseudo) + "<span class=\"login\">(" + this.formateur.traitementComplet(message.login) +")</span>" )
501
502 var XHTMLrepondA = ""
503 for (var id in message.repondA)
504 XHTMLrepondA += this.formateur.traitementComplet(message.repondA[id].pseudo) + "&gt; "
505 XHTMLrepondA = "<span class=\"repondA\">" + XHTMLrepondA + "</span>"
506
507 XHTML +=
508 "<div id=\"" + message.id.toString(36) + "\" class=\"" + (messagePair ? "messagePair" : "messageImpair") + " message" +
509 (this.messages[i].appartientAuClient ? " proprietaire" : "") +
510 (this.messages[i].clientARepondu ? " repondu" : "") +
511 (this.messages[i].estUneReponse ? " reponse" : "") +
512 (this.messages[i].systeme ? " systeme" : "") +
513 (this.messages[i].ekMaster ? " ekMaster" : "") +
514 "\">" +
515 "<div class=\"extraire\">&gt;</div>" +
516 "[<span class=\"date\">" + message.date + "</span>]" +
517 "<span class=\"pseudo\" id=\"user" + message.auteurId + "\">" + identifiant + "</span>:" +
518 XHTMLrepondA +
519 "<span class=\"contenu\">" + (message.systeme ? this.formateur.remplacerBalisesHTML(message.contenu) : this.formateur.traitementComplet(message.contenu, message.pseudo)) + "</span>" +
520 "</div>"
521
522 messagePair = !messagePair
523 }
524
525 $("#conversations #" + this.getId()).prepend(XHTML)
526
527 // enlève les messages exedentaires
528 var nbMessagesAffiche = $("#conversations #" + this.getId() + " .message").size()
529
530 if (nbMessagesAffiche > this.nbMessageMax)
531 $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).empty()
532
533 // ajoute les événements liés à chaque nouveau message
534 $("#conversations #" + this.getId() + " .message").filter(function(){return parseInt($(this).attr("id"), 36) > thisConversation.idDernierMessageAffiche}).each(
535 function()
536 {
537 $(".lienConv", this).click(
538 function(event)
539 {
540 // FIXME : ya pas mieux ?
541 var racine = $(event.target).text()
542 funClickOuvrirConv(parseInt(racine.substring(1, racine.length - 1), 36))
543 return false
544 }
545 )
546
547 $("a[@rel*=lightbox]", this).lightBox()
548
549 // les outils de bannissement (uniquement pour les ekMaster)
550 if (thisConversation.client.ekMaster)
551 $(".pseudo", this).hover(
552 function(e)
553 {
554 var userId = parseInt($(this).attr("id").substr(4))
555 var element = $(e.target)
556 var h = element.height()
557 var offset = element.offset()
558 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()
559 $("img", outils).unbind()
560 $("#slap", outils).click(
561 function(e)
562 {
563 thisConversation.client.slap(userId, $("#outilsBan input").val())
564 $("#outilsBan input").val("")
565 }
566 )
567 $("#kick", outils).click(
568 function(e)
569 {
570 thisConversation.client.kick(userId, $("#outilsBan input").val())
571 $("#outilsBan input").val("")
572 }
573 )
574 $("#ban", outils).click(
575 function(e)
576 {
577 thisConversation.client.ban(userId, $("#outilsBan input").val())
578 $("#outilsBan input").val("")
579 }
580 )
581 },
582 function(){}
583 )
584
585 $(this).click(
586 function(event)
587 {
588 if ($(event.target).is("a")) return
589
590 // l'id du message
591 var idMess = $(this).attr("id")
592
593 // extraction d'une conversation
594 if ($(event.target).is(".extraire"))
595 {
596 funClickOuvrirConv(parseInt(idMess, 36))
597 return
598 }
599
600 var valCourant = $("input.message").val()
601 if (valCourant == undefined) valCourant = ""
602 var tag = $(".pseudo", this).text() + "{" + idMess + "}" + ">"
603 if (valCourant.indexOf(tag, 0) == -1)
604 $("input.message").val(tag + " " + valCourant)
605 thisConversation.util.setCaretToEnd($("form input.message")[0])
606 }
607 )
608 // Q : pourquoi pas un .hover ?
609 // R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence (uniquement pour Firefox)
610 .mousemove(
611 function(e)
612 {
613 if (this !== thisConversation.messageOver)
614 {
615 thisConversation.afficherConversation(this)
616 thisConversation.messageOver = this
617 }
618 }
619 )
620 }
621 )
622
623 if (this.messages.length > 0)
624 this.idDernierMessageAffiche = this.messages[this.messages.length-1].id
625 }
626
627 /**
628 * Etablit une liste des messages à mettre en evidence et des messages à cacher.
629 * Puis applique un plan diabolique.
630 * @param element un message de la liste des messages
631 */
632 Conversation.prototype.afficherConversation = function(element)
633 {
634 // cherche le message selectionné
635 var id = parseInt($(element).attr("id"), 36)
636
637 var message = this.messagesParId[id]
638 if (message == undefined) return
639
640 mess = message.getConversation(this)
641
642 // FIXME : cet appel est très lent
643 $("#conversations #" + this.getId() + " .message").each(
644 function()
645 {
646 var jq = $(this)
647 if (!mess.hasOwnProperty(parseInt(jq.attr("id"), 36)))
648 jq.addClass("cache")
649 else
650 jq.removeClass("cache")
651 }
652 )
653 }
654
655 /**
656 * Supprime une conversation.
657 */
658 Conversation.prototype.supprimer = function()
659 {
660 $("#conversations #" + this.getId()).remove()
661 }
662
663 ///////////////////////////////////////////////////////////////////////////////////////////////////
664
665 /**
666 * Représente l'ensemble des messages affichés.
667 */
668 function Messages(client, formateur, util)
669 {
670 var thisMessages = this
671
672 this.client = client
673 this.formateur = formateur
674 this.util = util
675
676 this.conversations = new Array() // les conversations, la première représente la conversation principale
677 this.nouvelleConversation(0)
678
679 this.trollIdCourant = 0
680
681 this.pageEvent = new PageEvent("chat", this.util)
682 }
683
684 /**
685 * Crée un message JSON contenant le message demandant un rafraichissement.
686 */
687 Messages.prototype.getJSONrafraichirMessages = function()
688 {
689 var mess = {
690 "message_count" : conf.nbMessageAffiche,
691 "main_page" : this.client.pagePrincipale,
692 "conversations" : this.getJSONConversations(),
693 "troll_id" : this.trollIdCourant
694 }
695
696 if (this.client.cookie != null) mess["cookie"] = this.client.cookie
697 mess["last_message_id"] = this.conversations[0].idDernierMessageAffiche
698
699 return mess
700 }
701
702 Messages.prototype.getJSONConversations = function()
703 {
704 var clientConv = this.client.getJSONConversations()
705 for (var i = 1; i < this.conversations.length; i++)
706 {
707 clientConv[i-1]["last_message_id"] = this.conversations[i].idDernierMessageAffiche
708 }
709 return clientConv
710 }
711
712 /**
713 * Ajoute un ensemble de messages puis les affiches.
714 * @param elements un tableau d'éléments JSON représentant les messages, voir protocole.txt
715 * @param numConversation le numéro de la conversation auquel appartiennent les messages
716 * @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
717 */
718 Messages.prototype.ajouterMessages = function(elements, numConversation)
719 {
720 if (elements["messages"].length == 0 && typeof(this.conversations[numConversation]) == "undefined")
721 return false
722
723 for (var i = 0; i < elements["messages"].length; i++)
724 this.ajouterMessage(elements["messages"][i], numConversation)
725 this.flush(numConversation)
726
727 // renseigne la conversation sur la page courante et si c'est la dernière
728 this.conversations[numConversation].setPage(
729 numConversation == 0 ? this.client.pagePrincipale : this.client.conversations[numConversation - 1].page,
730 elements["last_page"]
731 )
732
733 return true
734 }
735
736 /**
737 * Création d'un nouveau message.
738 * Les message sont données dans l'ordre de leur id.
739 * @param element un element JSON représentant le message
740 * @param numConversation le numéro de la conversation, 0 = principale
741 */
742 Messages.prototype.ajouterMessage = function(element, numConversation)
743 {
744 var thisMessages = this
745
746 // pas d'utilisation de jquery pour des raisons de performance
747 var id = element["id"]
748
749 var message = new Message(
750 id,
751 element["user_id"],
752 element["date"],
753 element["nick"],
754 element["login"],
755 element["content"]
756 )
757
758 message.appartientAuClient = element["owner"]
759 message.clientARepondu = element["answered"]
760 message.estUneReponse = element["is_a_reply"]
761 message.systeme = element["system"]
762 message.setRepondA(element["answer_to"])
763 message.ekMaster = element["ek_master"]
764
765 if (this.conversations[numConversation] == null)
766 {
767 this.nouvelleConversation(
768 numConversation,
769 function(num) // fermeture de la conversation
770 {
771 thisMessages.supprimerConversation(num)
772 },
773 function(num) // insertion du lien vers la conversation
774 {
775 thisPage.util.replaceSelection(
776 $("form input.message")[0],
777 "{" + thisMessages.client.conversations[num-1].root.toString(36) + "}"
778 )
779 }
780 )
781 }
782
783 this.conversations[numConversation].ajouterMessage(message)
784 }
785
786 Messages.prototype.nouvelleConversation = function(num, funFermer, funLien)
787 {
788 var thisMessages = this
789
790 this.conversations[num] = new Conversation(num, this.util, this.formateur, this.client)
791 if (funFermer != undefined)
792 this.conversations[num].eventFermer(funFermer)
793 if (funLien != undefined)
794 this.conversations[num].eventLien(funLien)
795
796 this.conversations[num].setFunPage(
797 function(num) // page suivante
798 {
799 thisMessages.client.pageSuivante(num - 1)
800 thisMessages.rafraichirMessages(true)
801 },
802 function(num) // page précédente
803 {
804 thisMessages.client.pagePrecedente(num - 1)
805 thisMessages.rafraichirMessages(true)
806 },
807 function(num) // retour à la page une
808 {
809 if (thisMessages.client.goPremierePage(num - 1))
810 thisMessages.rafraichirMessages(true)
811 }
812 )
813
814 this.ajusterLargeurConversations()
815 }
816
817 /**
818 * Enlève une conversation.
819 */
820 Messages.prototype.supprimerConversation = function(num)
821 {
822 if (num <= 0 || num >= this.conversations.length) return // la numéro 0 ne peut être supprimé
823 this.conversations[num].supprimer()
824
825 // décalage TODO : supprimer le dernier élément
826 for (var i = num; i < this.conversations.length - 1; i++)
827 {
828 this.conversations[i] = this.conversations[i+1]
829 this.conversations[i].num -= 1
830 }
831 this.conversations.pop()
832 this.ajusterLargeurConversations()
833
834 this.client.supprimerConversation(num-1)
835
836 this.rafraichirMessages(true)
837 }
838
839 /**
840 * Ajuste la largeur des conversations en fonction de leur nombre. modifie l'attribut CSS 'width'.
841 */
842 Messages.prototype.ajusterLargeurConversations = function()
843 {
844 $("#conversations .conversation").css("width", 100 / this.conversations.length + "%")
845 }
846
847 /**
848 * Demande à toutes les conversations de se flusher (afficher les messages non-affichés).
849 */
850 Messages.prototype.flushAll = function()
851 {
852 for (var i = 0; i < this.conversations.length; i++)
853 this.flush(i)
854 }
855
856 /**
857 * Demande à une conversation de se flusher.
858 */
859 Messages.prototype.flush = function(numConv)
860 {
861 var thisMessages = this
862
863 this.conversations[numConv].flush(
864 function(racine) // appelé lorsqu'un utilisateur click sur un lien vers une conversation
865 {
866 thisMessages.ouvrirConversation(racine)
867 }
868 )
869 }
870
871 Messages.prototype.ouvrirConversation = function(racine)
872 {
873 if (this.client.ajouterConversation(racine))
874 this.rafraichirMessages(true)
875 else
876 this.util.messageDialogue("Cette conversation est déjà ouverte")
877 }
878
879 Messages.prototype.viderMessages = function()
880 {
881 for (var i = 0; i < this.conversations.length; i++)
882 this.conversations[i].viderMessages()
883 }
884
885 /**
886 * Met à jour les messages de manière continue.
887 * (AJAX-Comet-style proof)
888 * @param vider vide tous les messages avant d'afficher les nouveaux
889 */
890 Messages.prototype.rafraichirMessages = function(vider)
891 {
892 var thisMessages = this
893
894 if (vider == undefined)
895 vider = false
896
897 if (vider)
898 for (var i = 0; i < this.conversations.length; i++)
899 this.conversations[i].idDernierMessageAffiche = 0
900
901 this.pageEvent.waitEvent(
902 function() { return thisMessages.getJSONrafraichirMessages() },
903 function(data)
904 {
905 if (vider)
906 {
907 thisMessages.viderMessages()
908 vider = false
909 }
910
911 // en fonction du message
912 switch(data["reply"])
913 {
914 case "new_troll" :
915 thisMessages.trollIdCourant = data["troll_id"]
916 $("#trollCourant .troll").html(thisMessages.formateur.traitementComplet(data["content"]))
917 $("#trollCourant .troll a[@rel*=lightbox]").lightBox()
918 break
919
920 case "new_messages" :
921 // ajoute les messages reçus à leur conversation respective
922 for (var numConv = 0; numConv < data["conversations"].length; numConv++)
923 {
924 if (! thisMessages.ajouterMessages(data["conversations"][numConv], numConv))
925 {
926 thisMessages.util.messageDialogue("La conversation {" + thisMessages.client.conversations[numConv -1].root.toString(36) + "} n'existe pas")
927 thisMessages.client.supprimerConversation(numConv - 1)
928 }
929 }
930 break
931 }
932 }
933 )
934 }