2 // Copyright 2008 Grégory Burri
4 // This file is part of Euphorik.
6 // Euphorik is free software: you can redistribute it and/or modify
7 // it under the terms of the GNU General Public License as published by
8 // the Free Software Foundation, either version 3 of the License, or
9 // (at your option) any later version.
11 // Euphorik is distributed in the hope that it will be useful,
12 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 // but WITHOUT ANY WARRANTY; without even the implied warranty of
14 // GNU General Public License for more details.
16 // You should have received a copy of the GNU General Public License
17 // along with Euphorik. If not, see <http://www.gnu.org/licenses/>.
19 /*jslint laxbreak:true */
22 * Représente une conversation.
23 * Une conversation, au niveau XHTML, est formé de deux partie, le titre et les messages.
24 * Le titre comprend la navigation par page, un bouton pour la fermer, un bouton pour la plier, un bouton
25 * pour créer un lien ainsi que le premier message.
26 * @param conversations l'ensemble des conversations
27 * @param num le numéro de la conversation
29 euphorik
.Conversation = function(conversations
, num
) {
30 this.conversations
= conversations
;
32 // peut changer au cours de la vie de la conversation, n'est pas un id !
35 this.id
= Math
.floor(Math
.random() * 1000000).toString(36);
37 this.util
= this.conversations
.util
;
38 this.formateur
= this.conversations
.formateur
;
39 this.client
= this.conversations
.client
;
41 this.idDernierMessageAffiche
= 0;
42 this.racine
= undefined;
45 this.messagesParId
= {};
47 this.nbMessageMax
= euphorik
.conf
.nbMessageAffiche
; // Le nombre de message affiché par page
49 var messagesXHTML
= '<div class="messages"></div>';
50 var messageRacineXHTML
= '<div class="messageRacine"></div>';
51 var reverse
= this.client
.chatOrder
=== "reverse";
54 '<td class="conversation" id="' + this.getId() + '">' +
55 (reverse
? messagesXHTML : "") +
56 '<div class="titre">' +
57 (reverse
? messageRacineXHTML : "") +
59 (this.num
=== 0 ? '' : '<div class="fermer"></div><div class="creerLien"></div>') + //</div><div class="reduire">
60 '<span class="next"><</span><span class="numPage">1</span><span class="prev">></span>' +
62 (reverse
? "" : messageRacineXHTML
) +
64 (reverse
? "" : messagesXHTML
) +
65 //'<div class="messageReduit" style="height:200px; width:50px"></div>' +
68 $("#conversations tr").append(XHTML
);
71 this.util
.infoBulle("Aller à la première page", $("#" + this.getId() + " .titre .numPage"), euphorik
.Util
.positionBulleType
.haut
);
73 this.util
.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .titre .creerLien"));
74 this.util
.infoBulle("Fermer la conversation", $("#" + this.getId() + " .titre .fermer"));
77 // les différents événements liés à la conversation
78 var thisConversation
= this;
79 $("#" + this.getId() + " .titre .creerLien").click(function() {
80 thisConversation
.util
.replaceSelection(
81 $("form#posterMessage input.message")[0],
82 "{" + thisConversation
.client
.conversations
[thisConversation
.num
- 1].root
.toString(36) + "}"
85 $("#" + this.getId() + " .titre .fermer").click(function() {
86 thisConversation
.conversations
.supprimerConversation(thisConversation
.num
);
89 $("#" + this.getId() + " .titre .reduire").click(function() {
90 $("#" + thisConversation.getId() + " .titre, #" + thisConversation.getId() + " .messages").hide()
91 var e = $("#" + thisConversation.getId() + " .messageReduit");
92 e.get()[0].innerHTML = thisConversation.getMessageReduit()
96 euphorik.Conversation.prototype.getMessageReduit = function() {
98 '<svg:svg version="1.1" baseProfile="full" width="100px" height="200px">' +
99 '<svg:image x="10" y="10" height="10" width="10" class="fermer" />' +
100 '<svg:text transform="rotate(-90)" y="15" x="-200" >' +
101 'Blabla blablablabla bla blabla ..' +
107 * @racine un message représentant la racine de la conversation, vaut undefined pour la conversation générale
109 euphorik
.Conversation
.prototype.setRacine = function(racineElement
) {
110 this.racine
= new euphorik
.Message(this.client
, this.formateur
, racineElement
);
114 * Met à jour la racine, décide de l'afficher ou non.
115 * On l'affiche uniquement si le message racine n'est pas déjà affiché sur la liste des messages.
117 euphorik
.Conversation
.prototype.majRacine = function() {
122 if (!(this.racine
.id
in this.messagesParId
)) {
123 this.messagesParId
[this.racine
.id
] = this.racine
;
124 var element
= $(this.racine
.XHTML(true, this.getId()));
125 this.attacherEventsSurMessage(element
);
126 $("#" + this.getId() + " .titre .messageRacine").html(element
);
130 euphorik
.Conversation
.prototype.enleverMiseEnEvidence = function() {
131 $("#" + this.getId() + " .message").removeClass("cache");
134 euphorik
.Conversation
.prototype.colorerEntetes = function() {
135 var thisConversation
= this;
137 var messagesReponse
= "";
138 var messagesRepondu
= "";
139 var messagesProprietaire
= "";
140 this.messages
.each(function(i
, mess
) {
141 if (mess
.appartientAuClient
) {
142 messagesProprietaire
+= "#" + mess
.getId(thisConversation
.getId()) + ",";
143 } else if (mess
.clientARepondu
) {
144 messagesRepondu
+= "#" + mess
.getId(thisConversation
.getId()) + ",";
145 } else if (mess
.estUneReponse
) {
146 messagesReponse
+= "#" + mess
.getId(thisConversation
.getId()) + ",";
149 $(messagesReponse
).addClass("reponse");
150 $(messagesRepondu
).addClass("repondu");
151 $(messagesProprietaire
).addClass("proprietaire");
154 euphorik
.Conversation
.prototype.decolorerEntetes = function() {
155 $("#" + this.getId() + " .messages .message")
156 .removeClass("reponse")
157 .removeClass("repondu")
158 .removeClass("proprietaire");
162 * Défini la page courante et s'il l'on se trouve sur la dernière page.
163 * @pageCourante la page courante
164 * @dernierePage true si c'est la dernière page sinon false
166 euphorik
.Conversation
.prototype.setPage = function(pageCourante
, dernierePage
) {
167 $("#" + this.getId() + " .numPage").text(pageCourante
);
168 $("#" + this.getId() + " .next").css("display", pageCourante
=== 1 ? "none" : "inline");
169 $("#" + this.getId() + " .prev").css("display", dernierePage
? "none" : "inline");
173 * @funNext appelé lorsque l'on passe à la page suivante (de 2 à 1 par exemple)
174 * @funPrev appelé lorsque l'on passe à la page précédente (de 1 à 2 par exemple)
175 * @funReset appelé lorsque l'on souhaite revenir à la page une
177 euphorik
.Conversation
.prototype.setFunPage = function(funNext
, funPrev
, funReset
) {
178 var thisConversation
= this;
180 $("#" + this.getId() + " .next").click(
181 function() { funNext(thisConversation
.num
); }
183 $("#" + this.getId() + " .prev").click(
184 function() { funPrev(thisConversation
.num
); }
186 $("#" + this.getId() + " .numPage").click(
187 function() { funReset(thisConversation
.num
); }
192 * Retourne l'id de la conversation sous la forme (par exemple) "conv3".
194 euphorik
.Conversation
.prototype.getId = function() {
195 return "conv" + this.id
;
199 * Après avoir créé un message celui ci est ajouté à une conversation via cette méthode.
201 euphorik
.Conversation
.prototype.ajouterMessage = function(message
) {
202 this.messages
.push(message
);
203 this.messagesParId
[message
.id
] = message
;
205 // enlève le message exedentaire si nécessaire
206 if (this.messages
.length
> this.nbMessageMax
) {
207 delete this.messagesParId
[this.messages
.shift().id
];
210 // met à jour le membre 'estReponduPar' des messages de la conversation
211 for (var i
= 0; i
< this.messages
.length
- 1; i
++) {
212 var autreMess
= this.messages
[i
];
213 if (autreMess
.id
in message
.repondA
) {
214 autreMess
.estReponduPar
[message
.id
] = true;
220 * 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 ?
222 euphorik
.Conversation
.prototype.viderMessages = function() {
224 this.messagesParId
= {};
225 this.idDernierMessageAffiche
= 0;
226 $("#" + this.getId() + " .messages .message").remove();
228 // enlève également la racine
229 $("#" + this.getId() + " .titre .messageRacine").empty();
232 euphorik
.Conversation
.prototype.idMessageFromString = function(idString
) {
233 return parseInt(idString
.substr(4 + this.getId().length
), 36);
237 * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
238 * d'afficher les messages non-affichés.
239 * FIXME : méthode super lourde, à optimiser.
241 euphorik
.Conversation
.prototype.flush = function() {
242 var thisConversation
= this;
243 var reverse
= this.client
.chatOrder
=== "reverse";
245 var messagePair
= (this.idDernierMessageAffiche
=== 0 ? true :
246 ($("#" + this.getId() + " .messages div:" + (reverse
? "first" : "last")).attr("class").search("messagePair") === -1)
249 // construction de l'XHTML des messages
251 this.messages
.each(function(i
, mess
) {
252 if (mess
.id
> thisConversation
.idDernierMessageAffiche
) {
253 XHTML
+= mess
.XHTML(messagePair
, thisConversation
.getId());
254 messagePair
= !messagePair
;
260 // pour chaque nouveau message au niveau du document on lui assigne ses événements
261 DOM
.each(function() { thisConversation
.attacherEventsSurMessage(this); });
264 DOM
.prependTo("#" + this.getId() + " .messages");
266 DOM
.appendTo("#" + this.getId() + " .messages");
269 // enlève les messages exedentaires au niveau du document
270 var nbMessagesAffiche
= $("#" + this.getId() + " .messages .message").size();
271 if (nbMessagesAffiche
> this.nbMessageMax
) {
273 $("#" + this.getId() + " .messages .message").slice(this.nbMessageMax
, nbMessagesAffiche
).remove();
275 $("#" + this.getId() + " .messages .message").slice(0, nbMessagesAffiche
- this.nbMessageMax
).remove();
279 if (this.messages
.length
> 0) {
280 this.idDernierMessageAffiche
= this.messages
[this.messages
.length
-1].id
;
283 // met à jour la racine de la conversation
288 * Attache des événements à un message donné.
289 * Utilisé lorsqu'un message est ajouté au document HTML.
290 * @element le message du DOM
292 euphorik
.Conversation
.prototype.attacherEventsSurMessage = function(element
) {
294 var idMess
= this.idMessageFromString($(element
).attr("id"));
296 if (idMess
in this.conversations
.messagesRepond
) {
297 $(element
).addClass("repondEnEvidence");
300 var thisConversation
= this;
301 $(".lienConv", element
).click(
303 // FIXME : ya pas mieux ?
304 var racine
= $(event
.target
).text();
305 thisConversation
.conversations
.ouvrirConversation(parseInt(racine
.substring(1, racine
.length
- 1), 36));
310 $(element
).click(function(event
) {
311 if ($(event
.target
).is("a") || $(event
.target
).parents("#outilsBan").length
> 0) {
313 } else if ($(event
.target
).is(".extraire")) {
314 thisConversation
.util
.outilsMessage
.hide();
315 thisConversation
.conversations
.ouvrirConversation(idMess
);
317 } else if ($(event
.target
).is(".extraireCompletement")) {
318 thisConversation
.util
.outilsMessage
.hide();
319 thisConversation
.conversations
.ouvrirConversation(thisConversation
.messagesParId
[idMess
].racineId
);
323 // met ou enlève la mise en evidence du message
324 thisConversation
.conversations
.toggleMessageRepond(thisConversation
.messagesParId
[idMess
]);
326 // donne le focus à la ligne de saisie
327 $("form input.message").focus();
328 }).hover(function() { // affiche les outils liées au message
329 var top
= $(this).offset().top
330 var left
= $(this).offset().left
+ $(this).outerWidth() - thisConversation
.util
.outilsMessage
.outerWidth();
331 $(".extraire", thisConversation
.util
.outilsMessage
).unbind();
332 $(".extraireCompletement", thisConversation
.util
.outilsMessage
).unbind();
333 // TODO : ces deux appels devraient se trouver dans "PageMinichat" lors de la création de thisConversation.util
334 // malheureusement lors de la modification du DOM (suppression des conversations) les événements liés sont supprimés
335 thisConversation
.util
.infoBulle("Extraction de la conversation à partir de ce message", $(".extraire", thisConversation
.util
.outilsMessage
));
336 thisConversation
.util
.infoBulle("Extraction de la conversation complète", $(".extraireCompletement", thisConversation
.util
.outilsMessage
));
337 thisConversation
.util
.outilsMessage
.css("top", top
).css("left", left
).prependTo(this).show();
339 thisConversation
.util
.outilsMessage
.hide()
342 // mise en évidence de la conversation
343 $(".entete", element
).hover(
345 thisConversation
.decolorerEntetes();
346 thisConversation
.afficherConversation(idMess
);
348 // quand on sort de l'entête du message la mise en évidence est enlevée
350 thisConversation
.enleverMiseEnEvidence();
351 thisConversation
.decolorerEntetes();
352 thisConversation
.colorerEntetes();
356 // est-ce que l'on affichage la date du message ?
357 if (thisConversation
.client
.viewTimes
) {
358 $(".dateComplete", element
).show();
360 $(".dateComplete", element
).hide();
363 $("a[@rel*=lightbox]", element
).lightBox();
365 // les outils de bannissement (uniquement pour les ekMaster)
366 if (thisConversation
.client
.ekMaster
) {
367 $(".pseudo", element
).hover(
369 var userId
= parseInt($(".id", this).text(), 10);
370 var pseudo
= $(this);
371 var h
= pseudo
.outerHeight();
372 var offset
= pseudo
.offset();
373 // TODO : calculer automatiquement la largeur plutôt que d'inscrire des valeurs en brut'
374 thisConversation
.util
.outilsBan
.css("top", offset
.top
- 2).css("left", offset
.left
- 2).height(h
< 16 ? 16 : h
).width(pseudo
.outerWidth() + 16 * 3 + 12 + 64).prependTo(this).show();
375 $("img", thisConversation
.util
.outilsBan
).unbind("click");
376 $("#slap", thisConversation
.util
.outilsBan
).click(
378 thisConversation
.client
.slap(userId
, $("#outilsBan input").val());
379 $("#outilsBan input").val("");
380 $("#outilsBan").hide();
383 $("#kick", thisConversation
.util
.outilsBan
).click(
385 thisConversation
.client
.kick(userId
, $("#outilsBan input").val());
386 $("#outilsBan input").val("");
387 $("#outilsBan").hide();
390 $("#ban", thisConversation
.util
.outilsBan
).click(
392 thisConversation
.client
.ban(userId
, $("#outilsBan input").val());
393 $("#outilsBan input").val("");
394 $("#outilsBan").hide();
399 thisConversation
.util
.outilsBan
.hide();
406 * Etablit une liste des messages à mettre en evidence et des messages à cacher.
407 * Puis applique un plan diabolique.
408 * @param id l'id du message
410 euphorik
.Conversation
.prototype.afficherConversation = function(id
) {
411 var thisConversation
= this;
413 var message
= this.messagesParId
[id
];
418 var mess
= message
.getConversation(this);
420 // FIXME : cet appel est très lent
421 $("#" + this.getId() + " .messages .message").each(
424 var statut
= mess
[thisConversation
.idMessageFromString(jq
.attr("id"))];
425 if (statut
=== undefined) {
426 jq
.addClass("cache");
428 jq
.removeClass("cache");
430 // "repondu" et "reponse" sont prioritaitres à "proprietaire"
431 // contrairement à la vue normale (sans mise en évidence d'une conversation)
433 jq
.addClass("repondu");
436 jq
.addClass("reponse");
439 jq
.addClass("proprietaire");
448 * Supprime la conversation du DOM.
450 euphorik
.Conversation
.prototype.supprimer = function() {
451 $("#" + this.getId()).remove();