' +
- '
' +
- (num == 0 ? '' : '
') +
- '
<1>' +
- '
' +
+ var messagesXHTML = '
'
+ var messageRacineXHTML = '
'
+ var reverse = this.client.chatOrder == "reverse"
+
+ var XHTML =
+ '
' +
+ (reverse ? messagesXHTML : "") +
+ '' +
+ (reverse ? messageRacineXHTML : "") +
+ ' ' +
+ (num == 0 ? '' : ' ') +
+ ' <1>' +
+ ' ' +
+ (reverse ? "" : messageRacineXHTML) +
' ' +
- ''
- )
+ (reverse ? "" : messagesXHTML) +
+ ' | '
+
+ $("#conversations tr").append(XHTML)
- this.util.infoBulle("Aller à la première page", $("#conversations #" + this.getId() + " .numPage"))
+ this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), positionBulleType.haut)
if (num != 0)
{
- this.util.infoBulle("Créer un lien vers la conversation", $("#conversations #" + this.getId() + " .lien"))
- this.util.infoBulle("Fermer la conversation", $("#conversations #" + this.getId() + " .fermer"))
+ this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .lien"))
+ this.util.infoBulle("Fermer la conversation", $("#" + this.getId() + " .fermer"))
}
}
@@ -490,8 +517,10 @@ Conversation.prototype.majRacine = function()
this.messagesParId[this.racine.id] = this.racine
var element = $(this.racine.XHTML(true, this.getId()))
this.attacherEventsSurMessage(element)
- $("#" + this.getId() + " .titre").prepend(element)
+ $("#" + this.getId() + " .titre .messageRacine").html(element)
}
+ else // si le message fait déjà parti de la conversation on n'affiche pas la racine
+ $("#" + this.getId() + " .titre .messageRacine").empty()
}
Conversation.prototype.enleverMiseEnEvidence = function()
@@ -520,7 +549,7 @@ Conversation.prototype.colorerEntetes = function()
Conversation.prototype.decolorerEntetes = function()
{
- $("#" + this.getId() + " .message")
+ $("#" + this.getId() + " .messages .message")
.removeClass("reponse")
.removeClass("repondu")
.removeClass("proprietaire")
@@ -533,9 +562,9 @@ Conversation.prototype.decolorerEntetes = function()
*/
Conversation.prototype.setPage = function(pageCourante, dernierePage)
{
- $("#conversations #" + this.getId() + " .numPage").text(pageCourante)
- $("#conversations #" + this.getId() + " .next").css("display", pageCourante == 1 ? "none" : "inline")
- $("#conversations #" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline")
+ $("#" + this.getId() + " .numPage").text(pageCourante)
+ $("#" + this.getId() + " .next").css("display", pageCourante == 1 ? "none" : "inline")
+ $("#" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline")
}
/**
@@ -545,7 +574,7 @@ Conversation.prototype.eventLien = function(fun)
{
var thisConversation = this
- $("#conversations #" + this.getId() + " .titre .lien").click(
+ $("#" + this.getId() + " .titre .lien").click(
function()
{
fun(thisConversation.num)
@@ -560,7 +589,7 @@ Conversation.prototype.eventFermer = function(fun)
{
var thisConversation = this
- $("#conversations #" + this.getId() + " .titre .fermer").click(
+ $("#" + this.getId() + " .titre .fermer").click(
function()
{
fun(thisConversation.num)
@@ -577,13 +606,13 @@ Conversation.prototype.setFunPage = function(funNext, funPrev, funReset)
{
var thisConversation = this
- $("#conversations #" + this.getId() + " .next").click(
+ $("#" + this.getId() + " .next").click(
function() { funNext(thisConversation.num) }
)
- $("#conversations #" + this.getId() + " .prev").click(
+ $("#" + this.getId() + " .prev").click(
function() { funPrev(thisConversation.num) }
)
- $("#conversations #" + this.getId() + " .numPage").click(
+ $("#" + this.getId() + " .numPage").click(
function() { funReset(thisConversation.num) }
)
}
@@ -612,7 +641,7 @@ Conversation.prototype.viderMessages = function()
this.messages = []
this.messagesParId = {}
this.idDernierMessageAffiche = 0
- $("#conversations #" + this.getId() + " .message").remove()
+ $("#" + this.getId() + " .messages .message").remove()
}
Conversation.prototype.idMessageFromString = function(idString)
@@ -628,10 +657,11 @@ Conversation.prototype.idMessageFromString = function(idString)
Conversation.prototype.flush = function()
{
var thisConversation = this
+ var reverse = this.client.chatOrder == "reverse"
// est-ce que le prochain message est pair ? (permet d'alterner le style des messages)
var messagePair = (this.idDernierMessageAffiche == 0 ? true :
- ($("#" + this.getId() + " .messages div:first").attr("class").search("messagePair") == -1)
+ ($("#" + this.getId() + " .messages div:" + (reverse ? "first" : "last")).attr("class").search("messagePair") == -1)
)
// construction de l'XHTML des messages
@@ -642,17 +672,25 @@ Conversation.prototype.flush = function()
XHTML += this.messages[i].XHTML(messagePair, this.getId())
messagePair = !messagePair
}
-
+
var DOM = $(XHTML)
-
+
// pour chaque nouveau message au niveau du document on crée ses événements
DOM.each(function() { thisConversation.attacherEventsSurMessage(this) })
- DOM.prependTo("#" + this.getId() + " .messages")
+ if (reverse)
+ DOM.prependTo("#" + this.getId() + " .messages")
+ else
+ DOM.appendTo("#" + this.getId() + " .messages")
// enlève les messages exedentaires
- var nbMessagesAffiche = $("#" + this.getId() + " .message").size()
+ var nbMessagesAffiche = $("#" + this.getId() + " .messages .message").size()
if (nbMessagesAffiche > this.nbMessageMax)
- $("#conversations #" + this.getId() + " .messages .message").slice(this.nbMessageMax, nbMessagesAffiche).remove()
+ {
+ if (reverse)
+ $("#" + this.getId() + " .messages .message").slice(this.nbMessageMax, nbMessagesAffiche).remove()
+ else
+ $("#" + this.getId() + " .messages .message").slice(0, nbMessagesAffiche - this.nbMessageMax).remove()
+ }
if (this.messages.length > 0)
this.idDernierMessageAffiche = this.messages[this.messages.length-1].id
@@ -787,7 +825,7 @@ Conversation.prototype.afficherConversation = function(id)
var mess = message.getConversation(this)
// FIXME : cet appel est très lent
- $("#conversations #" + this.getId() + " .message").each(
+ $("#" + this.getId() + " .messages .message").each(
function()
{
var jq = $(this)
@@ -821,7 +859,7 @@ Conversation.prototype.afficherConversation = function(id)
*/
Conversation.prototype.supprimer = function()
{
- $("#conversations #" + this.getId()).remove()
+ $("#" + this.getId()).remove()
}
///////////////////////////////////////////////////////////////////////////////////////////////////
@@ -877,7 +915,7 @@ Conversations.prototype.enleverMessagesRepond = function()
// on réinitialise pour être sur que tout est bien enlevé
this.messagesRepond = {}
- $("#conversations div.message").removeClass("repondEnEvidence")
+ $("#conversations .message").removeClass("repondEnEvidence")
$("form#posterMessage #repondA .messages").empty()
}
@@ -1136,11 +1174,13 @@ Conversations.prototype.supprimerConversation = function(num)
*/
Conversations.prototype.ajusterLargeurConversations = function()
{
+ // TODO : trouver mieux !
var largeurPourcent = (100 / this.conversations.length)
+ // obsolète !?
// le "- 0.01" evite que IE se chie dessus lamentablement et affiche les conversations les unes au dessus des autres
- if($.browser["msie"])
- largeurPourcent -= 0.05
- $("#conversations .conversation").css("width", largeurPourcent + "%")
+ //if($.browser["msie"])
+ // largeurPourcent -= 0.05
+ $("#conversations td").css("width", largeurPourcent + "%")
}
/**