js/pageMinichat/conversation.js

   1 // coding: utf-8
   2 // Copyright 2008 Grégory Burri
   3 //
   4 // This file is part of Euphorik.
   5 //
   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.
  10 //
  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.
  15 //
  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/>.
  18
  19
  20 /**
  21   * Représente une conversation.
  22   * Une conversation, au niveau XHTML, est formé de deux partie, le titre et les messages.
  23   * Le titre comprend la navigation par page, un bouton pour la fermer, un bouton pour la plier, un bouton
  24   * pour créer un lien ainsi que le premier message.
  25   * @param conversations l'ensemble des conversations
  26   * @param num le numéro de la conversation
  27   */
  28 function Conversation(conversations, num)
  29 {
  30    this.conversations = conversations
  31    this.num = num // peut changer au cours de la vie de la conversation, n'est pas un id !
  32    this.id = Math.floor(Math.random() * 1000000).toString(36)
  33
  34    this.util = this.conversations.util
  35    this.formateur = this.conversations.formateur
  36    this.client = this.conversations.client
  37
  38    this.idDernierMessageAffiche = 0
  39    this.racine = undefined
  40
  41    this.messages = []
  42    this.messagesParId = {}
  43
  44    this.nbMessageMax = euphorik.conf.nbMessageAffiche // Le nombre de message affiché par page
  45
  46    var messagesXHTML = '<div class="messages"></div>'
  47    var messageRacineXHTML = '<div class="messageRacine"></div>'
  48    var reverse = this.client.chatOrder == "reverse"
  49
  50    var XHTML =
  51       '<td class="conversation" id="' + this.getId() + '">' +
  52          (reverse ? messagesXHTML : "") +
  53          '<div class="titre">' +
  54             (reverse ? messageRacineXHTML : "") +
  55             '<div class="nav">' +
  56                (num == 0 ? '' : '<div class="fermer"></div><div class="lien"></div><div class="reduire"></div>') +
  57                '<span class="next">&lt;</span><span class="numPage">1</span><span class="prev">&gt;</span>' +
  58             '</div>' +
  59             (reverse ? "" : messageRacineXHTML) +
  60          '</div>' +
  61          (reverse ? "" : messagesXHTML) +
  62       '</td>'
  63
  64    $("#conversations tr").append(XHTML)
  65
  66    this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), euphorik.Util.positionBulleType.haut)
  67    if (num != 0)
  68    {
  69       this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .lien"))
  70       this.util.infoBulle("Fermer la conversation", $("#" + this.getId() + " .fermer"))
  71    }
  72 }
  73
  74 /**
  75   * @racine un message représentant la racine de la conversation, vaut undefined pour la conversation générale
  76   */
  77 Conversation.prototype.setRacine = function(racineElement)
  78 {
  79    this.racine = new Message(this.client, this.formateur, racineElement)
  80 }
  81
  82 /**
  83   * Met à jour la racine, décide de l'afficher ou non.
  84   * On l'affiche uniquement si le message racine n'est pas déjà affiché sur la liste des messages.
  85   */
  86 Conversation.prototype.majRacine = function()
  87 {
  88    if (this.racine == undefined)
  89       return
  90
  91    if (!(this.racine.id in this.messagesParId))
  92    {
  93       this.messagesParId[this.racine.id] = this.racine
  94       var element = $(this.racine.XHTML(true, this.getId()))
  95       this.attacherEventsSurMessage(element)
  96       $("#" + this.getId() + " .titre .messageRacine").html(element)
  97    }
  98 }
  99
 100 Conversation.prototype.enleverMiseEnEvidence = function()
 101 {
 102    $("#" + this.getId() + " .message").removeClass("cache")
 103 }
 104
 105 Conversation.prototype.colorerEntetes = function()
 106 {
 107    var messagesReponse = ""
 108    var messagesRepondu = ""
 109    var messagesProprietaire = ""
 110    for (var i = 0; i < this.messages.length; i++)
 111    {
 112       if (this.messages[i].appartientAuClient)
 113          messagesProprietaire += "#" + this.messages[i].getId(this.getId()) + ","
 114       else if (this.messages[i].clientARepondu)
 115          messagesRepondu += "#" + this.messages[i].getId(this.getId()) + ","
 116       else if (this.messages[i].estUneReponse)
 117          messagesReponse += "#" + this.messages[i].getId(this.getId()) + ","
 118    }
 119    $(messagesReponse).addClass("reponse")
 120    $(messagesRepondu).addClass("repondu")
 121    $(messagesProprietaire).addClass("proprietaire")
 122 }
 123
 124 Conversation.prototype.decolorerEntetes = function()
 125 {
 126    $("#" + this.getId() + " .messages .message")
 127       .removeClass("reponse")
 128       .removeClass("repondu")
 129       .removeClass("proprietaire")
 130 }
 131
 132 /**
 133   * Défini la page courante et s'il l'on se trouve sur la dernière page.
 134   * @pageCourante la page courante
 135   * @dernierePage true si c'est la dernière page sinon false
 136   */
 137 Conversation.prototype.setPage = function(pageCourante, dernierePage)
 138 {
 139    $("#" + this.getId() + " .numPage").text(pageCourante)
 140    $("#" + this.getId() + " .next").css("display", pageCourante == 1 ? "none" : "inline")
 141    $("#" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline")
 142 }
 143
 144 /**
 145   * Evenement déclanché lors de l'insertion du lien de la conversation dans le message courant.
 146   */
 147 Conversation.prototype.eventLien = function(fun)
 148 {
 149    var thisConversation = this
 150
 151    $("#" + this.getId() + " .titre .lien").click(
 152       function()
 153       {
 154          fun(thisConversation.num)
 155       }
 156    )
 157 }
 158
 159 /**
 160   * Evenement déclanché lors de la fermeture de la conversation.
 161   */
 162 Conversation.prototype.eventFermer = function(fun)
 163 {
 164    var thisConversation = this
 165
 166    $("#" + this.getId() + " .titre .fermer").click(
 167       function()
 168       {
 169          fun(thisConversation.num)
 170       }
 171    )
 172 }
 173
 174 /**
 175   * @funNext appelé lorsque l'on passe à la page suivante (de 2 à 1 par exemple)
 176   * @funPrev appelé lorsque l'on passe à la page précédente (de 1 à 2 par exemple)
 177   * @funReset appelé lorsque l'on souhaite revenir à la page une
 178   */
 179 Conversation.prototype.setFunPage = function(funNext, funPrev, funReset)
 180 {
 181    var thisConversation = this
 182
 183    $("#" + this.getId() + " .next").click(
 184       function() { funNext(thisConversation.num) }
 185    )
 186    $("#" + this.getId() + " .prev").click(
 187       function() { funPrev(thisConversation.num) }
 188    )
 189    $("#" + this.getId() + " .numPage").click(
 190       function() { funReset(thisConversation.num) }
 191    )
 192 }
 193
 194 /**
 195   * Retourne l'id de la conversation sous la forme (par exemple) "conv3".
 196   */
 197 Conversation.prototype.getId = function()
 198 {
 199    return "conv" + this.id
 200 }
 201
 202 Conversation.prototype.ajouterMessage = function(message)
 203 {
 204    this.messages.push(message)
 205    this.messagesParId[message.id] = message
 206    if (this.messages.length > this.nbMessageMax)
 207       delete this.messagesParId[this.messages.shift().id]
 208 }
 209
 210 /**
 211   * 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 ?
 212   */
 213 Conversation.prototype.viderMessages = function()
 214 {
 215    this.messages = []
 216    this.messagesParId = {}
 217    this.idDernierMessageAffiche = 0
 218    $("#" + this.getId() + " .messages .message").remove()
 219
 220    // enlève également la racine
 221    $("#" + this.getId() + " .titre .messageRacine").empty()
 222 }
 223
 224 Conversation.prototype.idMessageFromString = function(idString)
 225 {
 226    return parseInt(idString.substr(4 + this.getId().length), 36)
 227 }
 228
 229 /**
 230   * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
 231   * d'afficher les messages non-affichés.
 232   * FIXME : méthode super lourde, à optimiser.
 233   */
 234 Conversation.prototype.flush = function()
 235 {
 236    var thisConversation = this
 237    var reverse = this.client.chatOrder == "reverse"
 238
 239    // est-ce que le prochain message est pair ? (permet d'alterner le style des messages)
 240    var messagePair = (this.idDernierMessageAffiche == 0 ? true :
 241       ($("#" + this.getId() + " .messages div:" + (reverse ? "first" : "last")).attr("class").search("messagePair") == -1)
 242    )
 243
 244    // construction de l'XHTML des messages
 245    var XHTML = ""
 246    for (var i = 0; i < this.messages.length; i++)
 247       if (this.messages[i].id > this.idDernierMessageAffiche)
 248       {
 249          XHTML += this.messages[i].XHTML(messagePair, this.getId())
 250          messagePair = !messagePair
 251       }
 252
 253    var DOM = $(XHTML)
 254
 255    // pour chaque nouveau message au niveau du document on crée ses événements
 256    DOM.each(function() { thisConversation.attacherEventsSurMessage(this) })
 257    if (reverse)
 258       DOM.prependTo("#" + this.getId() + " .messages")
 259    else
 260       DOM.appendTo("#" + this.getId() + " .messages")
 261
 262    // enlève les messages exedentaires
 263    var nbMessagesAffiche = $("#" + this.getId() + " .messages .message").size()
 264    if (nbMessagesAffiche > this.nbMessageMax)
 265    {
 266       if (reverse)
 267          $("#" + this.getId() + " .messages .message").slice(this.nbMessageMax, nbMessagesAffiche).remove()
 268       else
 269          $("#" + this.getId() + " .messages .message").slice(0, nbMessagesAffiche - this.nbMessageMax).remove()
 270    }
 271
 272    if (this.messages.length > 0)
 273       this.idDernierMessageAffiche = this.messages[this.messages.length-1].id
 274
 275    // met à jour la racine de la conversation
 276    this.majRacine()
 277 }
 278
 279 Conversation.prototype.attacherEventsSurMessage = function(element)
 280 {
 281    // l'id du message
 282    var idMess = this.idMessageFromString($(element).attr("id"))
 283
 284    this.util.infoBulle("Extraction de la conversation à partir de ce message", $(".extraire", element))
 285    this.util.infoBulle("Extraction de la conversation complète", $(".extraireCompletement", element))
 286
 287    var thisConversation = this
 288    $(".lienConv", element).click(
 289       function(event)
 290       {
 291          // FIXME : ya pas mieux ?
 292          var racine = $(event.target).text()
 293          thisConversation.conversations.ouvrirConversation(parseInt(idString.substring(1, racine.length - 1), 36))
 294          return false
 295       }
 296    )
 297
 298    $(element).click(
 299       function(event)
 300       {
 301          if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) return
 302
 303           // extraction d'une conversation
 304          if ($(event.target).is(".extraire"))
 305          {
 306             thisConversation.conversations.ouvrirConversation(idMess)
 307             return
 308          }
 309
 310          if ($(event.target).is(".extraireCompletement"))
 311          {
 312             thisConversation.conversations.ouvrirConversation(thisConversation.messagesParId[idMess].racineId)
 313             return
 314          }
 315
 316          // met ou enlève la mise en evidence du message
 317          thisConversation.conversations.toggleMessageRepond(thisConversation.messagesParId[idMess])
 318
 319          // donne le focus à la ligne de saisie
 320          $("form input.message").focus()
 321       }
 322    )
 323
 324    // mise en évidence de la conversation
 325    $(".entete", element).hover(
 326       function()
 327       {
 328          thisConversation.decolorerEntetes()
 329          thisConversation.afficherConversation(idMess)
 330       },
 331       // quand on sort de l'entête du message la mise en évidence est enlevée
 332       function()
 333       {
 334          thisConversation.enleverMiseEnEvidence()
 335          thisConversation.decolorerEntetes()
 336          thisConversation.colorerEntetes()
 337       }
 338    )
 339
 340  if (thisConversation.client.viewTimes)
 341     $(".dateComplete", element).show()
 342  else
 343     $(".dateComplete", element).hide()
 344
 345  $("a[@rel*=lightbox]", element).lightBox()
 346
 347  // les outils de bannissement (uniquement pour les ekMaster)
 348  if (thisConversation.client.ekMaster)
 349     $(".pseudo", element).hover(
 350        function(e)
 351        {
 352           var userId = parseInt($(".id", this).text())
 353           var pseudo = $(this)
 354           var h = pseudo.outerHeight()
 355           var offset = pseudo.offset()
 356           // TODO : calculer automatiquement la largeur plutôt que d'inscrire des valeurs en brut'
 357           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()
 358           $("img", thisConversation.util.outilsBan).unbind("click")
 359           $("#slap", thisConversation.util.outilsBan).click(
 360              function()
 361              {
 362                 thisConversation.client.slap(userId, $("#outilsBan input").val())
 363                 $("#outilsBan input").val("")
 364                 $("#outilsBan").hide()
 365              }
 366           )
 367           $("#kick", thisConversation.util.outilsBan).click(
 368              function()
 369              {
 370                 thisConversation.client.kick(userId, $("#outilsBan input").val())
 371                 $("#outilsBan input").val("")
 372                 $("#outilsBan").hide()
 373              }
 374           )
 375           $("#ban", thisConversation.util.outilsBan).click(
 376              function()
 377              {
 378                 thisConversation.client.ban(userId, $("#outilsBan input").val())
 379                 $("#outilsBan input").val("")
 380                 $("#outilsBan").hide()
 381              }
 382           )
 383        },
 384        function()
 385        {
 386           $("#outilsBan", this).hide()
 387        }
 388     )
 389 }
 390
 391 /**
 392   * Etablit une liste des messages à mettre en evidence et des messages à cacher.
 393   * Puis applique un plan diabolique.
 394   * @param id l'id du message
 395   */
 396 Conversation.prototype.afficherConversation = function(id)
 397 {
 398    var thisConversation = this
 399
 400    var message = this.messagesParId[id]
 401    if (message == undefined) return
 402
 403    var mess = message.getConversation(this)
 404
 405    // FIXME : cet appel est très lent
 406    $("#" + this.getId() + " .messages .message").each(
 407       function()
 408       {
 409          var jq = $(this)
 410          var statut = mess[thisConversation.idMessageFromString(jq.attr("id"))]
 411          if (statut == undefined)
 412             jq.addClass("cache")
 413          else
 414          {
 415             jq.removeClass("cache")
 416             switch (statut)
 417             {
 418                // "repondu" et "reponse" sont prioritaitres à "proprietaire"
 419                // contrairement à la vue normale (sans mise en évidence d'une conversation)
 420                case 3 :
 421                   jq.addClass("repondu")
 422                   break;
 423                case 2 :
 424                   jq.addClass("reponse")
 425                   break;
 426                case 1 :
 427                   jq.addClass("proprietaire")
 428                   break;
 429             }
 430          }
 431       }
 432    )
 433 }
 434
 435 /**
 436   * Supprime une conversation.
 437   */
 438 Conversation.prototype.supprimer = function()
 439 {
 440    $("#" + this.getId()).remove()
 441 }