X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageMinichat.js;h=6b7b3401f786d25b2bb70184179b7aed5756d6a1;hp=31d19ba30399f03b63efc10247585f7c15f394d8;hb=eae50232e73fca26d6f631c8177cbea649e5036e;hpb=ac67ff1ae69108b98f190f3da18ced663a84c0da diff --git a/js/pageMinichat.js b/js/pageMinichat.js index 31d19ba..6b7b340 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -14,14 +14,13 @@ function PageMinichat(client, formateur, util) PageMinichat.prototype.contenu = function() { -// \ return '\ -
\
\

\ \ \ \ + \ \

\
\ @@ -32,30 +31,47 @@ PageMinichat.prototype.charger = function() { thisPage = this - jQuery("form input.pseudo").val(this.client.pseudo) + $("form input.pseudo").val(this.client.pseudo) // cet appel ne doit pas être fait avant l'appel à 'charger' this.messages = new Messages(this.client, this.formateur, this.util) this.messages.rafraichirMessages(true) - this.util.setCaretToEnd(jQuery("form input.message")[0]) + this.util.setCaretToEnd($("form input.message")[0]) + // les outils de bannissement (uniquement pour les ekMaster) + if (this.client.ekMaster) + { + $("body").append( + "
\"Ban\"Ban\"Avertissement\"
" + ) + $("#outilsBan").hover( + function(){}, + function() + { + $("#outilsBan").hide() + } + ) + } + + // + $("body").append("
") // affichage des smiles - jQuery("#smiles").html(this.formateur.getSmilesHTML()).children().each( + $("#smiles").append(this.formateur.getSmilesHTML()).children().each( function(i) { - var opacityBase = jQuery(this).css("opacity") - jQuery(this).click( + var opacityBase = $(this).css("opacity") + $(this).click( function(event) { - thisPage.util.replaceSelection(jQuery("form input.message")[0], thisPage.formateur.smiles[jQuery(this).attr("class")][0].source.replace(/\\/g, "")) + thisPage.util.replaceSelection($("form input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, "")) } ) .hover( function() { - jQuery(this).animate( + $(this).animate( { opacity: 1 }, 200 @@ -63,7 +79,7 @@ PageMinichat.prototype.charger = function() }, function() { - jQuery(this).animate( + $(this).animate( { opacity: opacityBase }, 200 @@ -72,29 +88,55 @@ PageMinichat.prototype.charger = function() ) } ) + $("form button.smiles").hover( + function(e) + { + var offset = $(e.target).offset() + $("#smiles").css("top", offset.top).css("left", offset.left).show() + }, + function(e){} + ) + $("#smiles").hover( + function(){}, + function(e) + { + $("#smiles").hide() + } + ) + // - /// événements - jQuery("form button.return").click( + // événements + var nouveauMessage = function() - { - // captcha anti bot - if (jQuery("form input.captcha").val() != "") return + { + // captcha anti bot + if ($("form input.captcha").val() != "") return thisPage.envoyerMessage( - jQuery("form input.pseudo").val(), - jQuery("form input.message").val() + $("form input.pseudo").val(), + $("form input.message").val() ) - jQuery("form input.message")[0].focus() + $("form input.message")[0].focus() + } + + $("form").keypress( + function(e) + { + if (e.which == 13) // return + nouveauMessage() } ) + + $("form button.return").click(nouveauMessage) + // interdiction de submiter le formulaire - jQuery("form").submit(function(){return false}) + $("form").submit(function(){ return false}) - jQuery("input.pseudo").click( + $("input.pseudo").click( function() { - var input = jQuery("input.pseudo")[0] + var input = $("input.pseudo")[0] if (input.value == conf.pseudoDefaut) input.value = "" } @@ -105,6 +147,9 @@ PageMinichat.prototype.decharger = function() { //alert(this.attenteCourante) this.messages.stopAttenteCourante() + + $("body #smiles").remove() + $("body #outilsBan").remove() } PageMinichat.prototype.getJSONMessage = function(pseudo, message, repondA) @@ -168,19 +213,23 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) if(data["reply"] == "ok") { - jQuery("form input.message").val("") + $("form input.message").val("") // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) for (var i = 0; i < repondA.length; i++) { - jQuery("#conversations div#" + repondA[i]).addClass("repondu") + $("#conversations div#" + repondA[i]).addClass("repondu") /* Ca sert à rien, TODO : tester/virer for (var c = 0; c < thisPageMinichat.messages.conversations.length; c++) for (var m = 0; m < thisPageMinichat.messages.conversations[c].messages.length; m++) thisPageMinichat.messages.conversations[c].messages[m].clientARepondu = true */ } - } + } + else if (data["reply"] == "error") + { + thisPageMinichat.util.messageDialogue(data["error_message"]) + } } } ) @@ -210,9 +259,10 @@ function Reponse(id, pseudo, login) * @param pseudo * @param contenu */ -function Message(id, date, pseudo, login, contenu) +function Message(id, auteurId, date, pseudo, login, contenu) { this.id = id + this.auteurId = auteurId this.date = date this.pseudo = pseudo this.login = login @@ -221,6 +271,7 @@ function Message(id, date, pseudo, login, contenu) this.appartientAuClient = false this.clientARepondu = false this.estUneReponse = false + this.ekMaster = false this.systeme = false // est-ce un message 'système' ? @@ -303,7 +354,7 @@ function Conversation(num, util, formateur, client) this.nbMessageMax = conf.nbMessageAffiche // Le nombre de message affiché par page - jQuery("#conversations").append( + $("#conversations").append( '
\
' + (num == 0 ? '' : '
x
c
') + @@ -313,26 +364,26 @@ function Conversation(num, util, formateur, client) ) // enlève la mise en évidence pour la conversation - jQuery("#conversations #" + this.getId()).hover( + $("#conversations #" + this.getId()).hover( function(){}, function(event) { - jQuery("#conversations .message").removeClass("cache") + $("#conversations .message").removeClass("cache") thisConversation.messageOver = null } ) } /** - * Défini les fonctions (callback) appelées lorsque l'on change de page. + * Défini la page courante et s'il l'on se trouve sur la dernière page. * @pageCourante la page courante * @dernierePage true si c'est la dernière page sinon false */ -Conversation.prototype.eventsPage = function(pageCourante, dernierePage) +Conversation.prototype.setPage = function(pageCourante, dernierePage) { - jQuery("#conversations #" + this.getId() + " .numPage").text(pageCourante) - jQuery("#conversations #" + this.getId() + " .next").css("display", pageCourante == 1 ? "none" : "inline") - jQuery("#conversations #" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline") + $("#conversations #" + this.getId() + " .numPage").text(pageCourante) + $("#conversations #" + this.getId() + " .next").css("display", pageCourante == 1 ? "none" : "inline") + $("#conversations #" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline") } /** @@ -342,7 +393,7 @@ Conversation.prototype.eventLien = function(fun) { var thisConversation = this - jQuery("#conversations #" + this.getId() + " .titre .lien").click( + $("#conversations #" + this.getId() + " .titre .lien").click( function() { fun(thisConversation.num) @@ -357,7 +408,7 @@ Conversation.prototype.eventFermer = function(fun) { var thisConversation = this - jQuery("#conversations #" + this.getId() + " .titre .fermer").click( + $("#conversations #" + this.getId() + " .titre .fermer").click( function() { fun(thisConversation.num) @@ -374,13 +425,13 @@ Conversation.prototype.setFunPage = function(funNext, funPrev, funReset) { var thisConversation = this - jQuery("#conversations #" + this.getId() + " .next").click( + $("#conversations #" + this.getId() + " .next").click( function() { funNext(thisConversation.num) } ) - jQuery("#conversations #" + this.getId() + " .prev").click( + $("#conversations #" + this.getId() + " .prev").click( function() { funPrev(thisConversation.num) } ) - jQuery("#conversations #" + this.getId() + " .numPage").click( + $("#conversations #" + this.getId() + " .numPage").click( function() { funReset(thisConversation.num) } ) } @@ -401,16 +452,20 @@ Conversation.prototype.ajouterMessage = function(message) delete this.messagesParId[this.messages.shift().id] } +/** + * FIXME : méthode très lourde. ne serait-ce pas mieux de virer d'un coup l'élément conversation et d'en remettre un vide ? + */ Conversation.prototype.viderMessages = function() { this.messages = new Array() this.idDernierMessageAffiche = 0 - jQuery("#conversations #" + this.getId() + " .message").remove() + $("#conversations #" + this.getId() + " .message").remove() } /** * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin * d'afficher les messages non-affichés. + * FIXME : méthode super lourde, à optimiser. * @param funClickExtract fonction (fun(numMess)) appellée lors du clic sur un bouton "extraire" */ Conversation.prototype.flush = function(funClickOuvrirConv) @@ -419,7 +474,7 @@ Conversation.prototype.flush = function(funClickOuvrirConv) // est-ce que le prochain message est pair ? (permet d'alterner le style des messages) var messagePair = (this.idDernierMessageAffiche == 0 ? true : - (jQuery("#conversations #" + this.getId() + " div:first").attr("class").search("messagePair") == -1) + ($("#conversations #" + this.getId() + " div:first").attr("class").search("messagePair") == -1) ) // construction de l'XHTML des messages @@ -431,8 +486,9 @@ Conversation.prototype.flush = function(funClickOuvrirConv) // construit l'identifiant de la personne var identifiant = - this.client.nickFormat == "nick" ? message.pseudo : - (this.client.nickFormat == "login" ? message.login : message.pseudo + "(" + message.login +")" ) + this.client.nickFormat == "nick" ? this.formateur.traitementComplet(message.pseudo) : + (this.client.nickFormat == "login" ? this.formateur.traitementComplet(message.login) : + this.formateur.traitementComplet(message.pseudo) + "(" + this.formateur.traitementComplet(message.login) +")" ) var XHTMLrepondA = "" for (var id in message.repondA) @@ -445,10 +501,11 @@ Conversation.prototype.flush = function(funClickOuvrirConv) (this.messages[i].clientARepondu ? " repondu" : "") + (this.messages[i].estUneReponse ? " reponse" : "") + (this.messages[i].systeme ? " systeme" : "") + + (this.messages[i].ekMaster ? " ekMaster" : "") + "\">" + "
>
" + "[" + message.date + "]" + - "" + this.formateur.traitementComplet(identifiant) + ":" + + "" + identifiant + ":" + XHTMLrepondA + "" + (message.systeme ? this.formateur.remplacerBalisesHTML(message.contenu) : this.formateur.traitementComplet(message.contenu, message.pseudo)) + "" + "
" @@ -456,53 +513,84 @@ Conversation.prototype.flush = function(funClickOuvrirConv) messagePair = !messagePair } - jQuery("#conversations #" + this.getId()).prepend(XHTML) - - // mise à jour des images (LightBox) après l'ajout de message - if (myLightbox != null) - myLightbox.updateImageList() + $("#conversations #" + this.getId()).prepend(XHTML) // enlève les messages exedentaires - var nbMessagesAffiche = jQuery("#conversations #" + this.getId() + " .message").size() + var nbMessagesAffiche = $("#conversations #" + this.getId() + " .message").size() if (nbMessagesAffiche > this.nbMessageMax) - jQuery("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).empty() + $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).empty() - // Ajoute les événements liés à chaque message - jQuery("#conversations #" + this.getId() + " .message").filter(function(){return parseInt(jQuery(this).attr("id"), 36) > thisConversation.idDernierMessageAffiche}).each( + // ajoute les événements liés à chaque nouveau message + $("#conversations #" + this.getId() + " .message").filter(function(){return parseInt($(this).attr("id"), 36) > thisConversation.idDernierMessageAffiche}).each( function() { - jQuery(".lienConv", this).click( + $(".lienConv", this).click( function(event) { // FIXME : ya pas mieux ? - var racine = jQuery(event.target).text() + var racine = $(event.target).text() funClickOuvrirConv(parseInt(racine.substring(1, racine.length - 1), 36)) return false } ) - jQuery(this).click( + $("a[@rel*=lightbox]").lightBox() + + // les outils de bannissement (uniquement pour les ekMaster) + if (thisConversation.client.ekMaster) + $(".pseudo", this).hover( + function(e) + { + var userId = parseInt($(this).attr("id").substr(4)) + var element = $(e.target) + var h = element.height() + var offset = element.offset() + var outils = $("#outilsBan").css("top", offset.top - 2).css("left", offset.left - 2).height(h < 16 ? 16 : h).width(element.width() + 16 * 3 + 4).show() + $("img", outils).unbind() + $("#slap", outils).click( + function(e) + { + thisConversation.client.slap(userId) + } + ) + $("#kick", outils).click( + function(e) + { + thisConversation.client.kick(userId) + } + ) + $("#ban", outils).click( + function(e) + { + thisConversation.client.ban(userId) + } + ) + }, + function(){} + ) + + $(this).click( function(event) { - if (jQuery(event.target).is("a")) return + if ($(event.target).is("a")) return // l'id du message - idMess = jQuery(this).attr("id") + var idMess = $(this).attr("id") // extraction d'une conversation - if (jQuery(event.target).is(".extraire")) + if ($(event.target).is(".extraire")) { funClickOuvrirConv(parseInt(idMess, 36)) return } - var valCourant = jQuery("input.message").val() + var valCourant = $("input.message").val() if (valCourant == undefined) valCourant = "" - var tag = jQuery(".pseudo", this).text() + "{" + idMess + "}" + ">" + var tag = $(".pseudo", this).text() + "{" + idMess + "}" + ">" if (valCourant.indexOf(tag, 0) == -1) - jQuery("input.message").val(tag + " " + valCourant) - thisConversation.util.setCaretToEnd(jQuery("form input.message")[0]) + $("input.message").val(tag + " " + valCourant) + thisConversation.util.setCaretToEnd($("form input.message")[0]) } ) // Q : pourquoi pas un .hover ? @@ -532,7 +620,7 @@ Conversation.prototype.flush = function(funClickOuvrirConv) Conversation.prototype.afficherConversation = function(element) { // cherche le message selectionné - var id = parseInt(jQuery(element).attr("id"), 36) + var id = parseInt($(element).attr("id"), 36) var message = this.messagesParId[id] if (message == undefined) return @@ -540,10 +628,10 @@ Conversation.prototype.afficherConversation = function(element) mess = message.getConversation(this) // FIXME : cet appel est très lent - jQuery("#conversations #" + this.getId() + " .message").each( + $("#conversations #" + this.getId() + " .message").each( function() { - var jq = jQuery(this) + var jq = $(this) if (!mess.hasOwnProperty(parseInt(jq.attr("id"), 36))) jq.addClass("cache") else @@ -557,7 +645,7 @@ Conversation.prototype.afficherConversation = function(element) */ Conversation.prototype.supprimer = function() { - jQuery("#conversations #" + this.getId()).remove() + $("#conversations #" + this.getId()).remove() } /////////////////////////////////////////////////////////////////////////////////////////////////// @@ -575,9 +663,6 @@ function Messages(client, formateur, util) this.conversations = new Array() // les conversations, la première représente la conversation principale this.nouvelleConversation(0) - -// Obsolète - //this.idDernierMessage = null // l'id du dernier message connu // l'objet JSONHttpRequest représentant la connexion d'attente this.attenteCourante = null @@ -619,12 +704,24 @@ Messages.prototype.getJSONConversations = function() * Ajoute un ensemble de messages puis les affiches. * @param elements un tableau d'éléments JSON représentant les messages, voir protocole.txt * @param numConversation le numéro de la conversation auquel appartiennent les messages + * @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 */ Messages.prototype.ajouterMessages = function(elements, numConversation) { + if (elements["messages"].length == 0 && typeof(this.conversations[numConversation]) == "undefined") + return false + for (var i = 0; i < elements["messages"].length; i++) this.ajouterMessage(elements["messages"][i], numConversation) this.flush(numConversation) + + // renseigne la conversation sur la page courante et si c'est la dernière + this.conversations[numConversation].setPage( + numConversation == 0 ? this.client.pagePrincipale : this.client.conversations[numConversation - 1].page, + elements["last_page"] + ) + + return true } /** @@ -640,12 +737,9 @@ Messages.prototype.ajouterMessage = function(element, numConversation) // pas d'utilisation de jquery pour des raisons de performance var id = element["id"] - // Obsolète - /*if (this.idDernierMessage == null || id > this.idDernierMessage) - this.idDernierMessage = id*/ - var message = new Message( id, + element["user_id"], element["date"], element["nick"], element["login"], @@ -657,6 +751,7 @@ Messages.prototype.ajouterMessage = function(element, numConversation) message.estUneReponse = element["is_a_reply"] message.systeme = element["system"] message.setRepondA(element["answer_to"]) + message.ekMaster = element["ek_master"] if (this.conversations[numConversation] == null) { @@ -669,8 +764,8 @@ Messages.prototype.ajouterMessage = function(element, numConversation) function(num) // insertion du lien vers la conversation { thisPage.util.replaceSelection( - jQuery("form input.message")[0], - "{" + thisMessages.client.conversations[num-1].root + "}" + $("form input.message")[0], + "{" + thisMessages.client.conversations[num-1].root.toString(36) + "}" ) } ) @@ -737,7 +832,7 @@ Messages.prototype.supprimerConversation = function(num) */ Messages.prototype.ajusterLargeurConversations = function() { - jQuery("#conversations .conversation").css("width", 100 / this.conversations.length + "%") + $("#conversations .conversation").css("width", 100 / this.conversations.length + "%") } /** @@ -804,8 +899,6 @@ Messages.prototype.rafraichirMessages = function(vider) this.stopAttenteCourante() - /*if (vider) - this.idDernierMessage = null*/ if (vider) for (var i = 0; i < this.conversations.length; i++) this.conversations[i].idDernierMessageAffiche = 0 @@ -827,16 +920,14 @@ Messages.prototype.rafraichirMessages = function(vider) // ajoute les messages reçus à leur conversation respective for (var numConv = 0; numConv < data["conversations"].length; numConv++) { - // ya pas de nouveaux message -> on passe à la prochaine conversation - if (data["conversations"][numConv]["messages"].length == 0) continue + // ya pas de nouveaux message -> on passe à la prochaine conversation FIXME : marche pas + //if (data["conversations"][numConv]["messages"].length == 0) continue - thisMessages.ajouterMessages(data["conversations"][numConv], numConv) - - // définit les événements liés à la conversation - thisMessages.conversations[numConv].eventsPage( - numConv == 0 ? thisMessages.client.pagePrincipale : thisMessages.client.conversations[numConv - 1].page, - data["conversations"][numConv]["last_page"] - ) + if (! thisMessages.ajouterMessages(data["conversations"][numConv], numConv)) + { + thisMessages.util.messageDialogue("La conversation {" + thisMessages.client.conversations[numConv -1].root.toString(36) + "} n'existe pas") + thisMessages.client.supprimerConversation(numConv - 1) + } } // rappel de la fonction dans 100 ms