X-Git-Url: http://git.euphorik.ch/index.cgi?a=blobdiff_plain;f=js%2FpageMinichat%2Fconversation.js;h=6481014b1ccb67c3b21c1ae758630eefaea6f1ce;hb=217c4d7a0d5f9fee3a8ef0a05ab8506c7f39d5e5;hp=30536642782cd017526c9bf3ec2a0f0f310ca8ce;hpb=904f2d76c25b7fd04b1f90dfa095c7bf0f8c7ce5;p=euphorik.git
diff --git a/js/pageMinichat/conversation.js b/js/pageMinichat/conversation.js
index 3053664..6481014 100644
--- a/js/pageMinichat/conversation.js
+++ b/js/pageMinichat/conversation.js
@@ -16,7 +16,8 @@
// You should have received a copy of the GNU General Public License
// along with Euphorik. If not, see .
-
+ /*jslint laxbreak:true */
+
/**
* Représente une conversation.
* Une conversation, au niveau XHTML, est formé de deux partie, le titre et les messages.
@@ -25,27 +26,29 @@
* @param conversations l'ensemble des conversations
* @param num le numéro de la conversation
*/
-function Conversation(conversations, num)
-{
- this.conversations = conversations
- this.num = num // peut changer au cours de la vie de la conversation, n'est pas un id !
- this.id = Math.floor(Math.random() * 1000000).toString(36)
+euphorik.Conversation = function(conversations, num) {
+ this.conversations = conversations;
+
+ // peut changer au cours de la vie de la conversation, n'est pas un id !
+ this.num = num;
+
+ this.id = Math.floor(Math.random() * 1000000).toString(36);
- this.util = this.conversations.util
- this.formateur = this.conversations.formateur
- this.client = this.conversations.client
+ this.util = this.conversations.util;
+ this.formateur = this.conversations.formateur;
+ this.client = this.conversations.client;
- this.idDernierMessageAffiche = 0
- this.racine = undefined
+ this.idDernierMessageAffiche = 0;
+ this.racine = undefined;
- this.messages = []
- this.messagesParId = {}
+ this.messages = [];
+ this.messagesParId = {};
- this.nbMessageMax = euphorik.conf.nbMessageAffiche // Le nombre de message affiché par page
+ this.nbMessageMax = euphorik.conf.nbMessageAffiche; // Le nombre de message affiché par page
- var messagesXHTML = '
'
- var messageRacineXHTML = ''
- var reverse = this.client.chatOrder == "reverse"
+ var messagesXHTML = '';
+ var messageRacineXHTML = '';
+ var reverse = this.client.chatOrder === "reverse";
var XHTML =
'' +
@@ -53,389 +56,378 @@ function Conversation(conversations, num)
'' +
(reverse ? messageRacineXHTML : "") +
' ' +
- (num == 0 ? '' : ' ') +
+ (num === 0 ? '' : ' ') +
' <1>' +
' ' +
(reverse ? "" : messageRacineXHTML) +
' ' +
(reverse ? "" : messagesXHTML) +
- ' | '
+ '';
- $("#conversations tr").append(XHTML)
+ $("#conversations tr").append(XHTML);
- this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), euphorik.Util.positionBulleType.haut)
- if (num != 0)
- {
- this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .lien"))
- this.util.infoBulle("Fermer la conversation", $("#" + this.getId() + " .fermer"))
+ this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), euphorik.Util.positionBulleType.haut);
+ if (num !== 0) {
+ this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .lien"));
+ this.util.infoBulle("Fermer la conversation", $("#" + this.getId() + " .fermer"));
}
-}
-
-/**
- * @racine un message représentant la racine de la conversation, vaut undefined pour la conversation générale
- */
-Conversation.prototype.setRacine = function(racineElement)
-{
- this.racine = new Message(this.client, this.formateur, racineElement)
-}
+};
/**
* Met à jour la racine, décide de l'afficher ou non.
* On l'affiche uniquement si le message racine n'est pas déjà affiché sur la liste des messages.
*/
-Conversation.prototype.majRacine = function()
-{
- if (this.racine == undefined)
- return
+euphorik.Conversation.prototype.majRacine = function() {
+ if (!this.racine) {
+ return;
+ }
- if (!(this.racine.id in this.messagesParId))
- {
- this.messagesParId[this.racine.id] = this.racine
- var element = $(this.racine.XHTML(true, this.getId()))
- this.attacherEventsSurMessage(element)
- $("#" + this.getId() + " .titre .messageRacine").html(element)
+ if (!(this.racine.id in this.messagesParId)) {
+ this.messagesParId[this.racine.id] = this.racine;
+ var element = $(this.racine.XHTML(true, this.getId()));
+ this.attacherEventsSurMessage(element);
+ $("#" + this.getId() + " .titre .messageRacine").html(element);
}
-}
+};
-Conversation.prototype.enleverMiseEnEvidence = function()
-{
- $("#" + this.getId() + " .message").removeClass("cache")
-}
+euphorik.Conversation.prototype.enleverMiseEnEvidence = function() {
+ $("#" + this.getId() + " .message").removeClass("cache");
+};
-Conversation.prototype.colorerEntetes = function()
-{
- var messagesReponse = ""
- var messagesRepondu = ""
- var messagesProprietaire = ""
- for (var i = 0; i < this.messages.length; i++)
- {
- if (this.messages[i].appartientAuClient)
- messagesProprietaire += "#" + this.messages[i].getId(this.getId()) + ","
- else if (this.messages[i].clientARepondu)
- messagesRepondu += "#" + this.messages[i].getId(this.getId()) + ","
- else if (this.messages[i].estUneReponse)
- messagesReponse += "#" + this.messages[i].getId(this.getId()) + ","
- }
- $(messagesReponse).addClass("reponse")
- $(messagesRepondu).addClass("repondu")
- $(messagesProprietaire).addClass("proprietaire")
-}
+euphorik.Conversation.prototype.colorerEntetes = function() {
+ var thisConversation = this;
+
+ var messagesReponse = "";
+ var messagesRepondu = "";
+ var messagesProprietaire = "";
+ this.messages.each(function(i, mess) {
+ if (mess.appartientAuClient) {
+ messagesProprietaire += "#" + mess.getId(thisConversation.getId()) + ",";
+ } else if (mess.clientARepondu) {
+ messagesRepondu += "#" + mess.getId(thisConversation.getId()) + ",";
+ } else if (mess.estUneReponse) {
+ messagesReponse += "#" + mess.getId(thisConversation.getId()) + ",";
+ }
+ });
+ $(messagesReponse).addClass("reponse");
+ $(messagesRepondu).addClass("repondu");
+ $(messagesProprietaire).addClass("proprietaire");
+};
-Conversation.prototype.decolorerEntetes = function()
-{
+euphorik.Conversation.prototype.decolorerEntetes = function() {
$("#" + this.getId() + " .messages .message")
.removeClass("reponse")
.removeClass("repondu")
- .removeClass("proprietaire")
-}
+ .removeClass("proprietaire");
+};
/**
* Défini la page courante et s'il l'on se trouve sur la dernière page.
* @pageCourante la page courante
* @dernierePage true si c'est la dernière page sinon false
*/
-Conversation.prototype.setPage = function(pageCourante, dernierePage)
-{
- $("#" + this.getId() + " .numPage").text(pageCourante)
- $("#" + this.getId() + " .next").css("display", pageCourante == 1 ? "none" : "inline")
- $("#" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline")
-}
+euphorik.Conversation.prototype.setPage = function(pageCourante, dernierePage) {
+ $("#" + this.getId() + " .numPage").text(pageCourante);
+ $("#" + this.getId() + " .next").css("display", pageCourante === 1 ? "none" : "inline");
+ $("#" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline");
+};
/**
* Evenement déclanché lors de l'insertion du lien de la conversation dans le message courant.
*/
-Conversation.prototype.eventLien = function(fun)
-{
- var thisConversation = this
+euphorik.Conversation.prototype.eventLien = function(fun) {
+ var thisConversation = this;
$("#" + this.getId() + " .titre .lien").click(
- function()
- {
- fun(thisConversation.num)
+ function() {
+ fun(thisConversation.num);
}
- )
-}
+ );
+};
/**
* Evenement déclanché lors de la fermeture de la conversation.
*/
-Conversation.prototype.eventFermer = function(fun)
-{
- var thisConversation = this
+euphorik.Conversation.prototype.eventFermer = function(fun) {
+ var thisConversation = this;
$("#" + this.getId() + " .titre .fermer").click(
- function()
- {
- fun(thisConversation.num)
+ function() {
+ fun(thisConversation.num);
}
- )
-}
+ );
+};
/**
* @funNext appelé lorsque l'on passe à la page suivante (de 2 à 1 par exemple)
* @funPrev appelé lorsque l'on passe à la page précédente (de 1 à 2 par exemple)
* @funReset appelé lorsque l'on souhaite revenir à la page une
*/
-Conversation.prototype.setFunPage = function(funNext, funPrev, funReset)
-{
- var thisConversation = this
+euphorik.Conversation.prototype.setFunPage = function(funNext, funPrev, funReset) {
+ var thisConversation = this;
$("#" + this.getId() + " .next").click(
- function() { funNext(thisConversation.num) }
- )
+ function() { funNext(thisConversation.num); }
+ );
$("#" + this.getId() + " .prev").click(
- function() { funPrev(thisConversation.num) }
- )
+ function() { funPrev(thisConversation.num); }
+ );
$("#" + this.getId() + " .numPage").click(
- function() { funReset(thisConversation.num) }
- )
-}
+ function() { funReset(thisConversation.num); }
+ );
+};
/**
* Retourne l'id de la conversation sous la forme (par exemple) "conv3".
*/
-Conversation.prototype.getId = function()
-{
- return "conv" + this.id
-}
+euphorik.Conversation.prototype.getId = function() {
+ return "conv" + this.id;
+};
-Conversation.prototype.ajouterMessage = function(message)
-{
- this.messages.push(message)
- this.messagesParId[message.id] = message
- if (this.messages.length > this.nbMessageMax)
- delete this.messagesParId[this.messages.shift().id]
-}
+/**
+ * Après avoir créé un message celui ci est ajouté à une conversation via cette méthode.
+ */
+euphorik.Conversation.prototype.ajouterMessage = function(message) {
+ this.messages.push(message);
+ this.messagesParId[message.id] = message;
+
+ // enlève le message exedentaire si nécessaire
+ if (this.messages.length > this.nbMessageMax) {
+ delete this.messagesParId[this.messages.shift().id];
+ }
+
+ // met à jour le membre 'estReponduPar' des messages de la conversation
+ for (var i = 0; i < this.messages.length - 1; i++) {
+ var autreMess = this.messages[i];
+ if (autreMess.id in message.repondA) {
+ autreMess.estReponduPar[message.id] = true;
+ }
+ }
+};
/**
* 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 ?
*/
-Conversation.prototype.viderMessages = function()
-{
- this.messages = []
- this.messagesParId = {}
- this.idDernierMessageAffiche = 0
- $("#" + this.getId() + " .messages .message").remove()
+euphorik.Conversation.prototype.viderMessages = function() {
+ this.messages = [];
+ this.messagesParId = {};
+ this.idDernierMessageAffiche = 0;
+ $("#" + this.getId() + " .messages .message").remove();
// enlève également la racine
- $("#" + this.getId() + " .titre .messageRacine").empty()
-}
+ $("#" + this.getId() + " .titre .messageRacine").empty();
+};
-Conversation.prototype.idMessageFromString = function(idString)
-{
- return parseInt(idString.substr(4 + this.getId().length), 36)
-}
+euphorik.Conversation.prototype.idMessageFromString = function(idString) {
+ return parseInt(idString.substr(4 + this.getId().length), 36);
+};
/**
* Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
* d'afficher les messages non-affichés.
* FIXME : méthode super lourde, à optimiser.
*/
-Conversation.prototype.flush = function()
-{
- var thisConversation = this
- var reverse = this.client.chatOrder == "reverse"
+euphorik.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:" + (reverse ? "first" : "last")).attr("class").search("messagePair") == -1)
- )
+ var messagePair = (this.idDernierMessageAffiche === 0 ? true :
+ ($("#" + this.getId() + " .messages div:" + (reverse ? "first" : "last")).attr("class").search("messagePair") === -1)
+ );
// construction de l'XHTML des messages
- var XHTML = ""
- for (var i = 0; i < this.messages.length; i++)
- if (this.messages[i].id > this.idDernierMessageAffiche)
- {
- XHTML += this.messages[i].XHTML(messagePair, this.getId())
- messagePair = !messagePair
+ var XHTML = "";
+ this.messages.each(function(i, mess) {
+ if (mess.id > thisConversation.idDernierMessageAffiche) {
+ XHTML += mess.XHTML(messagePair, thisConversation.getId());
+ messagePair = !messagePair;
}
+ });
- var DOM = $(XHTML)
+ var DOM = $(XHTML);
- // pour chaque nouveau message au niveau du document on crée ses événements
- DOM.each(function() { thisConversation.attacherEventsSurMessage(this) })
- if (reverse)
- DOM.prependTo("#" + this.getId() + " .messages")
- else
- DOM.appendTo("#" + this.getId() + " .messages")
+ // pour chaque nouveau message au niveau du document on lui assigne ses événements
+ DOM.each(function() { thisConversation.attacherEventsSurMessage(this); });
+
+ if (reverse) {
+ DOM.prependTo("#" + this.getId() + " .messages");
+ } else {
+ DOM.appendTo("#" + this.getId() + " .messages");
+ }
- // enlève les messages exedentaires
- var nbMessagesAffiche = $("#" + this.getId() + " .messages .message").size()
- if (nbMessagesAffiche > this.nbMessageMax)
- {
- if (reverse)
- $("#" + this.getId() + " .messages .message").slice(this.nbMessageMax, nbMessagesAffiche).remove()
- else
- $("#" + this.getId() + " .messages .message").slice(0, nbMessagesAffiche - this.nbMessageMax).remove()
+ // enlève les messages exedentaires au niveau du document
+ var nbMessagesAffiche = $("#" + this.getId() + " .messages .message").size();
+ if (nbMessagesAffiche > this.nbMessageMax) {
+ 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
+ if (this.messages.length > 0) {
+ this.idDernierMessageAffiche = this.messages[this.messages.length-1].id;
+ }
// met à jour la racine de la conversation
- this.majRacine()
-}
+ this.majRacine();
+};
-Conversation.prototype.attacherEventsSurMessage = function(element)
-{
+/**
+ * Attache des événements à un message donné.
+ * @element le message du DOM
+ */
+euphorik.Conversation.prototype.attacherEventsSurMessage = function(element) {
// l'id du message
- var idMess = this.idMessageFromString($(element).attr("id"))
+ var idMess = this.idMessageFromString($(element).attr("id"));
- this.util.infoBulle("Extraction de la conversation à partir de ce message", $(".extraire", element))
- this.util.infoBulle("Extraction de la conversation complète", $(".extraireCompletement", element))
+ this.util.infoBulle("Extraction de la conversation à partir de ce message", $(".extraire", element));
+ this.util.infoBulle("Extraction de la conversation complète", $(".extraireCompletement", element));
- var thisConversation = this
+ var thisConversation = this;
$(".lienConv", element).click(
- function(event)
- {
+ function(event) {
// FIXME : ya pas mieux ?
- var racine = $(event.target).text()
- thisConversation.conversations.ouvrirConversation(parseInt(idString.substring(1, racine.length - 1), 36))
- return false
+ var racine = $(event.target).text();
+ thisConversation.conversations.ouvrirConversation(parseInt(racine.substring(1, racine.length - 1), 36));
+ return false;
}
- )
+ );
$(element).click(
- function(event)
- {
- if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) return
+ function(event) {
+ if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) {
+ return;
+ }
// extraction d'une conversation
- if ($(event.target).is(".extraire"))
- {
- thisConversation.conversations.ouvrirConversation(idMess)
- return
+ if ($(event.target).is(".extraire")) {
+ thisConversation.conversations.ouvrirConversation(idMess);
+ return;
}
- if ($(event.target).is(".extraireCompletement"))
- {
- thisConversation.conversations.ouvrirConversation(thisConversation.messagesParId[idMess].racineId)
- return
+ if ($(event.target).is(".extraireCompletement")) {
+ thisConversation.conversations.ouvrirConversation(thisConversation.messagesParId[idMess].racineId);
+ return;
}
// met ou enlève la mise en evidence du message
- thisConversation.conversations.toggleMessageRepond(thisConversation.messagesParId[idMess])
+ thisConversation.conversations.toggleMessageRepond(thisConversation.messagesParId[idMess]);
// donne le focus à la ligne de saisie
- $("form input.message").focus()
+ $("form input.message").focus();
}
- )
+ );
// mise en évidence de la conversation
$(".entete", element).hover(
- function()
- {
- thisConversation.decolorerEntetes()
- thisConversation.afficherConversation(idMess)
+ function() {
+ thisConversation.decolorerEntetes();
+ thisConversation.afficherConversation(idMess);
},
// quand on sort de l'entête du message la mise en évidence est enlevée
- function()
- {
- thisConversation.enleverMiseEnEvidence()
- thisConversation.decolorerEntetes()
- thisConversation.colorerEntetes()
+ function() {
+ thisConversation.enleverMiseEnEvidence();
+ thisConversation.decolorerEntetes();
+ thisConversation.colorerEntetes();
}
- )
+ );
- if (thisConversation.client.viewTimes)
- $(".dateComplete", element).show()
- else
- $(".dateComplete", element).hide()
+ // est-ce que l'on affichage la date du message ?
+ if (thisConversation.client.viewTimes) {
+ $(".dateComplete", element).show();
+ } else {
+ $(".dateComplete", element).hide();
+ }
- $("a[@rel*=lightbox]", element).lightBox()
+ $("a[@rel*=lightbox]", element).lightBox();
- // les outils de bannissement (uniquement pour les ekMaster)
- if (thisConversation.client.ekMaster)
- $(".pseudo", element).hover(
- function(e)
- {
- var userId = parseInt($(".id", this).text())
- var pseudo = $(this)
- var h = pseudo.outerHeight()
- var offset = pseudo.offset()
- // TODO : calculer automatiquement la largeur plutôt que d'inscrire des valeurs en brut'
- 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()
- $("img", thisConversation.util.outilsBan).unbind("click")
- $("#slap", thisConversation.util.outilsBan).click(
- function()
- {
- thisConversation.client.slap(userId, $("#outilsBan input").val())
- $("#outilsBan input").val("")
- $("#outilsBan").hide()
- }
- )
- $("#kick", thisConversation.util.outilsBan).click(
- function()
- {
- thisConversation.client.kick(userId, $("#outilsBan input").val())
- $("#outilsBan input").val("")
- $("#outilsBan").hide()
- }
- )
- $("#ban", thisConversation.util.outilsBan).click(
- function()
- {
- thisConversation.client.ban(userId, $("#outilsBan input").val())
- $("#outilsBan input").val("")
- $("#outilsBan").hide()
- }
- )
- },
- function()
- {
- $("#outilsBan", this).hide()
- }
- )
-}
+ // les outils de bannissement (uniquement pour les ekMaster)
+ if (thisConversation.client.ekMaster) {
+ $(".pseudo", element).hover(
+ function(e) {
+ var userId = parseInt($(".id", this).text(), 10);
+ var pseudo = $(this);
+ var h = pseudo.outerHeight();
+ var offset = pseudo.offset();
+ // TODO : calculer automatiquement la largeur plutôt que d'inscrire des valeurs en brut'
+ 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();
+ $("img", thisConversation.util.outilsBan).unbind("click");
+ $("#slap", thisConversation.util.outilsBan).click(
+ function() {
+ thisConversation.client.slap(userId, $("#outilsBan input").val());
+ $("#outilsBan input").val("");
+ $("#outilsBan").hide();
+ }
+ );
+ $("#kick", thisConversation.util.outilsBan).click(
+ function() {
+ thisConversation.client.kick(userId, $("#outilsBan input").val());
+ $("#outilsBan input").val("");
+ $("#outilsBan").hide();
+ }
+ );
+ $("#ban", thisConversation.util.outilsBan).click(
+ function() {
+ thisConversation.client.ban(userId, $("#outilsBan input").val());
+ $("#outilsBan input").val("");
+ $("#outilsBan").hide();
+ }
+ );
+ },
+ function() {
+ $("#outilsBan", this).hide();
+ }
+ );
+ }
+};
/**
* Etablit une liste des messages à mettre en evidence et des messages à cacher.
* Puis applique un plan diabolique.
* @param id l'id du message
*/
-Conversation.prototype.afficherConversation = function(id)
-{
- var thisConversation = this
+euphorik.Conversation.prototype.afficherConversation = function(id) {
+ var thisConversation = this;
- var message = this.messagesParId[id]
- if (message == undefined) return
-
- var mess = message.getConversation(this)
+ var message = this.messagesParId[id];
+ if (!message) {
+ return;
+ }
+
+ var mess = message.getConversation(this);
// FIXME : cet appel est très lent
$("#" + this.getId() + " .messages .message").each(
- function()
- {
- var jq = $(this)
- var statut = mess[thisConversation.idMessageFromString(jq.attr("id"))]
- if (statut == undefined)
- jq.addClass("cache")
- else
- {
- jq.removeClass("cache")
- switch (statut)
- {
+ function() {
+ var jq = $(this);
+ var statut = mess[thisConversation.idMessageFromString(jq.attr("id"))];
+ if (statut === undefined) {
+ jq.addClass("cache");
+ } else {
+ jq.removeClass("cache");
+ switch (statut) {
// "repondu" et "reponse" sont prioritaitres à "proprietaire"
// contrairement à la vue normale (sans mise en évidence d'une conversation)
case 3 :
- jq.addClass("repondu")
+ jq.addClass("repondu");
break;
case 2 :
- jq.addClass("reponse")
+ jq.addClass("reponse");
break;
case 1 :
- jq.addClass("proprietaire")
+ jq.addClass("proprietaire");
break;
}
}
}
- )
-}
+ );
+};
/**
* Supprime une conversation.
+ * Ne l'enlève pas du DOM.
*/
-Conversation.prototype.supprimer = function()
-{
- $("#" + this.getId()).remove()
-}
\ No newline at end of file
+euphorik.Conversation.prototype.supprimer = function() {
+ $("#" + this.getId()).remove();
+};