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="" id ="posterMessage">\
  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       this.util.outilsBan = $(
  64          '<span 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          '</span>'
  70       )
  71
  72       this.util.infoBulle("Slap", $("#slap", this.util.outilsBan))
  73       this.util.infoBulle("Kick (" + conf.tempsKick + "min)", $("#kick", this.util.outilsBan))
  74       this.util.infoBulle("Ban (" + conf.tempsBan / 24 / 60 + " jours)", $("#ban", this.util.outilsBan))
  75       this.util.infoBulle("La raison", $("input", this.util.outilsBan))
  76    }
  77
  78    this.util.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant .troll"))
  79
  80    // <smiles>
  81    $("body").append("<div id=\"smiles\"></div>")
  82    // affichage des smiles
  83    $("#smiles").append(this.formateur.getSmilesHTML()).children().each(
  84       function(i)
  85       {
  86          var opacityBase = $(this).css("opacity")
  87          $(this).click(
  88             function(event)
  89             {
  90                thisPage.util.replaceSelection($("form input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, ""))
  91             }
  92          )
  93          .hover(
  94             function()
  95             {
  96                $(this).animate(
  97                   {
  98                      opacity: 1
  99                   }, 200
 100                )
 101             },
 102             function()
 103             {
 104                $(this).animate(
 105                   {
 106                      opacity: opacityBase
 107                   }, 200
 108                )
 109             }
 110          )
 111       }
 112    )
 113    $("form button.smiles").hover(
 114       function(e)
 115       {
 116          var position = $(e.target).offset()
 117          // le décalage pour ne pas dépasser à droite (10 correspond à la marge pour éviter de coller le bord)
 118          var decalage = $("body").width() - $("#smiles").width() - position.left - 10
 119          decalage = decalage > 0 ? 0 : decalage
 120
 121          $("#smiles").css("top", position.top).css("left", position.left + decalage).show()
 122       },
 123       function(e){}
 124    )
 125    $("#smiles").hover(
 126       function(){},
 127       function(e)
 128       {
 129          $("#smiles").hide()
 130       }
 131    )
 132    // </smiles>
 133
 134    // événements
 135    var nouveauMessage =
 136       function()
 137       {
 138          // captcha anti bot
 139          if ($("form input.captcha").val() != "") return
 140
 141          thisPage.envoyerMessage(
 142             $("form input.pseudo").val(),
 143             $("form input.message").val()
 144          )
 145
 146          $("form input.message").focus()
 147       }
 148
 149    $("form").keypress(
 150       function(e)
 151       {
 152          if (e.which == 13) // return
 153             nouveauMessage()
 154       }
 155    )
 156
 157    $("form button.return").click(nouveauMessage)
 158
 159    // interdiction de submiter le formulaire
 160    $("form").submit(function(){ return false})
 161
 162    $("input.pseudo").click(
 163       function()
 164       {
 165          var input = $("input.pseudo")[0]
 166          if (input.value == conf.pseudoDefaut)
 167             input.value = ""
 168       }
 169    )
 170 }
 171
 172 PageMinichat.prototype.decharger = function()
 173 {
 174    this.messages.pageEvent.stopAttenteCourante()
 175
 176    $("body #smiles").remove()
 177 }
 178
 179 PageMinichat.prototype.getJSONMessage = function(pseudo, message, repondA)
 180 {
 181    return {
 182       "action" : "put_message",
 183       "cookie" : this.client.cookie,
 184       "nick" : pseudo,
 185       "content" : message,
 186       "answer_to" : repondA
 187    }
 188 }
 189
 190 PageMinichat.prototype.envoyerMessage = function(pseudo, message)
 191 {
 192    var thisPageMinichat = this
 193
 194    // (un pseudo vide est autorisé)
 195    pseudo = this.formateur.filtrerInputPseudo(pseudo)
 196
 197    // extraction des id des messages (en base 36 évidemment) auquels le user répond
 198    var repondA = []
 199    var tags = message.match(this.regexMessageTagMatch)
 200    if (tags != null)
 201    {
 202       for(var i = 0; i < tags.length; i++)
 203          repondA.push(parseInt(/\{(.*?)\}>/.exec(tags[i])[1], 36))
 204       message = message.replace(this.regexMessageTagReplace, "")
 205    }
 206
 207    message = message.trim()
 208    if (message == "")
 209    {
 210       this.util.messageDialogue("Le message est vide")
 211       return
 212    }
 213
 214    if (!this.client.authentifie())
 215       if (!this.client.enregistrement())
 216       {
 217          this.util.messageDialogue("login impossible")
 218          return
 219       }
 220
 221    this.client.pseudo = pseudo
 222
 223    ;; dumpObj(this.getJSONMessage(pseudo, message, repondA))
 224    jQuery.ajax(
 225       {
 226          url : "request",
 227          type: "POST",
 228          data : this.util.jsonVersAction(this.getJSONMessage(pseudo, message, repondA)),
 229          dataType : "json",
 230          beforeSend : function(xmlHttpRequest)
 231          {
 232             xmlHttpRequest.setRequestHeader("X-Requested-With", "")
 233          },
 234          success : function(data, textStatus)
 235          {
 236             ;; dumpObj(data)
 237
 238             if(data["reply"] == "ok")
 239             {
 240                $("form input.message").val("")
 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                   $("#conversations div#mess" + repondA[i].toString(36)).addClass("repondu")
 245             }
 246             else if (data["reply"] == "error")
 247             {
 248                thisPageMinichat.util.messageDialogue(data["error_message"])
 249             }
 250          }
 251       }
 252    )
 253 }
 254
 255 ///////////////////////////////////////////////////////////////////////////////////////////////////
 256
 257 function Reponse(id, pseudo, login)
 258 {
 259    this.id = id
 260    this.pseudo = pseudo
 261    this.login = login
 262
 263    if (this.pseudo == undefined)
 264       this.pseudo = ""
 265
 266    if (this.login == undefined)
 267       this.login = ""
 268 }
 269
 270 ///////////////////////////////////////////////////////////////////////////////////////////////////
 271
 272 /**
 273   * Représente un message.
 274   * @param id (string)
 275   * @param date (string)
 276   * @param pseudo
 277   * @param contenu
 278   */
 279 function Message(id, auteurId, date, pseudo, login, contenu)
 280 {
 281    this.id = id
 282    this.auteurId = auteurId
 283    this.date = date
 284    this.pseudo = pseudo
 285    this.login = login
 286    this.contenu = contenu
 287
 288    this.appartientAuClient = false
 289    this.clientARepondu = false
 290    this.estUneReponse = false
 291    this.ekMaster = false
 292
 293    this.systeme = false // est-ce un message 'système' ?
 294
 295    this.repondA = {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
 296 }
 297
 298 /**
 299   *
 300   */
 301 Message.prototype.setRepondA = function(repondAJSON)
 302 {
 303    var thisMessage = this
 304    this.repondA = {}
 305
 306    for(var i = 0; i < repondAJSON.length; i++)
 307    {
 308       thisMessage.repondA[repondAJSON[i]["id"]] = new Reponse(
 309          repondAJSON[i]["id"],
 310          repondAJSON[i]["nick"],
 311          repondAJSON[i]["login"]
 312       )
 313    }
 314 }
 315
 316 /**
 317   * Renvoie les messages faisant partie d'une conversation.
 318   * @param messages l'ensemble des messages de la conversation
 319   * @return les id des messages qui ont été mis en evidence sous la forme d'un hash (object) {id => bool}
 320   */
 321 Message.prototype.getConversation = function(messages)
 322 {
 323    // les messages faisant partie de la conversation
 324    var messagesEnEvidence = {}
 325
 326    messagesEnEvidence[this.id] = true
 327
 328    // recherche les réponses (O(n))
 329    for (var i = 0; i < messages.messages.length; i++)
 330       if (messages.messages[i].repondA.hasOwnProperty(this.id))
 331          messagesEnEvidence[messages.messages[i].id] = true
 332
 333    var f = function(tabIds)
 334    {
 335       for(var id in tabIds)
 336       {
 337          var message = messages.messagesParId[id]
 338          if (message != undefined)
 339          {
 340             messagesEnEvidence[id] = true
 341             f (message.repondA)
 342          }
 343       }
 344    }
 345    f(this.repondA)
 346
 347    return messagesEnEvidence
 348 }
 349
 350 ///////////////////////////////////////////////////////////////////////////////////////////////////
 351
 352 /**
 353   * Représente une conversation.
 354   * @param numConv le numéro (appelé id) de la conversation
 355   * @param formateur outil permettant la mise en forme du texte des messages
 356   */
 357 function Conversation(num, util, formateur, client)
 358 {
 359    var thisConversation = this
 360
 361    this.num = num // peut changer au cours de la vie de la conversation
 362    this.id = Math.floor(Math.random() * 1000000).toString(36)
 363    this.messageOver = null // le message sur lequel se trouve le curseur
 364    this.util = util
 365    this.formateur = formateur
 366    this.client = client
 367    this.idDernierMessageAffiche = 0
 368
 369    this.messages = new Array()
 370    this.messagesParId = new Object()
 371
 372    this.nbMessageMax = conf.nbMessageAffiche // Le nombre de message affiché par page
 373
 374    $("#conversations").append(
 375       '<div id="' + this.getId() + '" class="conversation">\
 376       <div class="titre">' +
 377          (num == 0 ? '' : '<div class="fermer"></div><div class="lien"></div>') +
 378          '<span class="next">&lt;</span><span class="numPage">1</span><span class="prev">&gt;</span>\
 379          </div>\
 380       </div>'
 381    )
 382
 383    this.util.infoBulle("Aller à la première page", $("#conversations #" + this.getId() + " .numPage"))
 384    if (num != 0)
 385    {
 386       this.util.infoBulle("Créer un lien vers la conversation", $("#conversations #" + this.getId() + " .lien"))
 387       this.util.infoBulle("Fermer la conversation", $("#conversations #" + this.getId() + " .fermer"))
 388    }
 389
 390    // enlève la mise en évidence pour la conversation
 391    $("#conversations #" + this.getId()).hover(
 392       function(){},
 393       function(event)
 394       {
 395          $("#conversations .message").removeClass("cache")
 396          thisConversation.messageOver = null
 397       }
 398    )
 399 }
 400
 401 /**
 402   * Défini la page courante et s'il l'on se trouve sur la dernière page.
 403   * @pageCourante la page courante
 404   * @dernierePage true si c'est la dernière page sinon false
 405   */
 406 Conversation.prototype.setPage = function(pageCourante, dernierePage)
 407 {
 408    $("#conversations #" + this.getId() + " .numPage").text(pageCourante)
 409    $("#conversations #" + this.getId() + " .next").css("display", pageCourante == 1 ? "none" : "inline")
 410    $("#conversations #" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline")
 411 }
 412
 413 /**
 414   * Evenement déclanché lors de l'insertion du lien de la conversation dans le message courant.
 415   */
 416 Conversation.prototype.eventLien = function(fun)
 417 {
 418    var thisConversation = this
 419
 420    $("#conversations #" + this.getId() + " .titre .lien").click(
 421       function()
 422       {
 423          fun(thisConversation.num)
 424       }
 425    )
 426 }
 427
 428 /**
 429   * Evenement déclanché lors de la fermeture de la conversation.
 430   */
 431 Conversation.prototype.eventFermer = function(fun)
 432 {
 433    var thisConversation = this
 434
 435    $("#conversations #" + this.getId() + " .titre .fermer").click(
 436       function()
 437       {
 438          fun(thisConversation.num)
 439       }
 440    )
 441 }
 442
 443 /**
 444   * @funNext appelé lorsque l'on passe à la page suivante (de 2 à 1 par exemple)
 445   * @funPrev appelé lorsque l'on passe à la page précédente (de 1 à 2 par exemple)
 446   * @funReset appelé lorsque l'on souhaite revenir à la page une
 447   */
 448 Conversation.prototype.setFunPage = function(funNext, funPrev, funReset)
 449 {
 450    var thisConversation = this
 451
 452    $("#conversations #" + this.getId() + " .next").click(
 453       function() { funNext(thisConversation.num) }
 454    )
 455    $("#conversations #" + this.getId() + " .prev").click(
 456       function() { funPrev(thisConversation.num) }
 457    )
 458    $("#conversations #" + this.getId() + " .numPage").click(
 459       function() { funReset(thisConversation.num) }
 460    )
 461 }
 462
 463 /**
 464   * Retourne l'id de la conversation sous la forme (par exemple) "conv3".
 465   */
 466 Conversation.prototype.getId = function()
 467 {
 468    return "conv" + this.id
 469 }
 470
 471 Conversation.prototype.ajouterMessage = function(message)
 472 {
 473    this.messages.push(message)
 474    this.messagesParId[message.id] = message
 475    if (this.messages.length > this.nbMessageMax)
 476       delete this.messagesParId[this.messages.shift().id]
 477 }
 478
 479 /**
 480   * 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 ?
 481   */
 482 Conversation.prototype.viderMessages = function()
 483 {
 484    this.messages = new Array()
 485    this.idDernierMessageAffiche = 0
 486    $("#conversations #" + this.getId() + " .message").remove()
 487 }
 488
 489 /**
 490   * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
 491   * d'afficher les messages non-affichés.
 492   * FIXME : méthode super lourde, à optimiser.
 493   * @param funClickExtract fonction (fun(numMess)) appellée lors du clic sur un bouton "extraire"
 494   */
 495 Conversation.prototype.flush = function(funClickOuvrirConv)
 496 {
 497    var thisConversation = this
 498
 499    // est-ce que le prochain message est pair ? (permet d'alterner le style des messages)
 500    var messagePair = (this.idDernierMessageAffiche == 0 ? true :
 501       ($("#conversations #" + this.getId() + " div:first").attr("class").search("messagePair") == -1)
 502    )
 503
 504    // construction de l'XHTML des messages
 505    var XHTML = ""
 506    for (var i = 0; i < this.messages.length; i++)
 507       if (this.messages[i].id > this.idDernierMessageAffiche)
 508       {
 509          var message = this.messages[i]
 510
 511          // construit l'identifiant de la personne
 512          var identifiant =
 513             this.client.nickFormat == "nick" || message.login == "" ? this.formateur.traitementComplet(message.pseudo) :
 514             (this.client.nickFormat == "login" ? this.formateur.traitementComplet(message.login) :
 515             this.formateur.traitementComplet(message.pseudo) + "<span class=\"login\">(" + this.formateur.traitementComplet(message.login) +")</span>" )
 516
 517          var XHTMLrepondA = ""
 518          var debut = true
 519          for (var id in message.repondA)
 520          {
 521             if (!debut) XHTMLrepondA += ", "
 522             ;; dumpObj(message.repondA.count)
 523             XHTMLrepondA += this.formateur.traitementComplet(message.repondA[id].pseudo)
 524             debut = false
 525          }
 526          if (XHTMLrepondA != "")
 527             XHTMLrepondA = "<span class=\"repondA\">" + XHTMLrepondA + "</span><span class=\"delimitationRepondA\"></span>"
 528
 529          XHTML +=
 530             "<div id=\"mess" + message.id.toString(36) + "\" class=\"" + (messagePair ? "messagePair" : "messageImpair") + " message" +
 531                (this.messages[i].appartientAuClient ? " proprietaire" : "")  +
 532                (this.messages[i].clientARepondu ? " repondu" : "") +
 533                (this.messages[i].estUneReponse ? " reponse" : "") +
 534                (this.messages[i].systeme ? " systeme" : "") +
 535                (this.messages[i].ekMaster ? " ekMaster" : "") +
 536             "\">" +
 537                "<div class=\"extraire\"></div><span class=\"entete\">" +
 538                "<span class=\"dateComplete\">[<span class=\"date\">" + message.date + "</span>]</span>" +
 539                "<span class=\"pseudo\"><span class=\"id\" style=\"display: none\">" + message.auteurId + "</span class=\"ident\">" + identifiant + "</span></span><span class=\"delimitationEntete\"></span>" +
 540                XHTMLrepondA +
 541                "<span class=\"contenu\">" + this.formateur.traitementComplet(message.contenu, message.pseudo) + "</span>" +
 542             "</div>"
 543
 544          messagePair = !messagePair
 545       }
 546
 547    // enlève les messages exedentaires
 548    var nbMessagesAffiche = $("#conversations #" + this.getId() + " .message").size()
 549
 550    if (nbMessagesAffiche > this.nbMessageMax)
 551       $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).empty()
 552
 553    var DOM = $(XHTML)
 554    DOM.each(
 555       function()
 556       {
 557          $(".lienConv", this).click(
 558             function(event)
 559             {
 560                // FIXME : ya pas mieux ?
 561                var racine = $(event.target).text()
 562                funClickOuvrirConv(parseInt(racine.substring(1, racine.length - 1), 36))
 563                return false
 564             }
 565          )
 566
 567          if (thisConversation.client.viewTimes)
 568             $(".dateComplete", this).show()
 569          else
 570             $(".dateComplete", this).hide()
 571
 572          $("a[@rel*=lightbox]", this).lightBox()
 573
 574          // les outils de bannissement (uniquement pour les ekMaster)
 575          if (thisConversation.client.ekMaster)
 576             $(".pseudo", this).hover(
 577                function(e)
 578                {
 579                   var userId =  parseInt($(".id", this).text())
 580                   var element = $(this)
 581                   var h = element.height()
 582                   var offset = element.offset()
 583                   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()
 584                   $("img", thisConversation.util.outilsBan).unbind("click")
 585                   $("#slap", thisConversation.util.outilsBan).click(
 586                      function(e)
 587                      {
 588                         thisConversation.client.slap(userId, $("#outilsBan input").val())
 589                         $("#outilsBan input").val("")
 590                         $("#outilsBan").hide()
 591                      }
 592                   )
 593                   $("#kick", thisConversation.util.outilsBan).click(
 594                      function(e)
 595                      {
 596                         thisConversation.client.kick(userId, $("#outilsBan input").val())
 597                         $("#outilsBan input").val("")
 598                         $("#outilsBan").hide()
 599                      }
 600                   )
 601                   $("#ban", thisConversation.util.outilsBan).click(
 602                      function(e)
 603                      {
 604                         thisConversation.client.ban(userId, $("#outilsBan input").val())
 605                         $("#outilsBan input").val("")
 606                         $("#outilsBan").hide()
 607                      }
 608                   )
 609                },
 610                function(e)
 611                {
 612                   $("#outilsBan", this).hide()
 613                }
 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") || $(event.target).parents("#outilsBan").length > 0) 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 }