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