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