X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageMinichat.js;h=adf5c5adf65cf7da82d98ab72b08911eafca65e2;hp=d6a4bf08f556843985077df04103c81b6ae592e6;hb=08193845f5b45402b85977911dbd0693a4d183de;hpb=531c70729709cd97024eb1c2ff3ed836db9f550e diff --git a/js/pageMinichat.js b/js/pageMinichat.js index d6a4bf0..adf5c5a 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -1,4 +1,20 @@ -// coding: utf-8 +// coding: utf-8 +// Copyright 2008 Grégory Burri +// +// This file is part of Euphorik. +// +// Euphorik is free software: you can redistribute it and/or modify +// it under the terms of the GNU General Public License as published by +// the Free Software Foundation, either version 3 of the License, or +// (at your option) any later version. +// +// Euphorik is distributed in the hope that it will be useful, +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with Euphorik. If not, see . function PageMinichat(client, formateur, util) { @@ -16,11 +32,11 @@ PageMinichat.prototype.contenu = function() { return '\
Troll de la semaine :
\ -
\ +\

\ \ - \ - \ + \ + \ \ \

\ @@ -44,22 +60,22 @@ PageMinichat.prototype.charger = function() // les outils de bannissement (uniquement pour les ekMaster) if (this.client.ekMaster) { - $("body").append( - '
' + - '

' + + this.util.outilsBan = $( + '' + + '

' + 'Ban de 3 jours' + 'Ban de 15min' + 'Avertissement' + - '
' - ) - $("#outilsBan").hover( - function(){}, - function() - { - $("#outilsBan").hide() - } + '' ) + + this.util.infoBulle("Slap", $("#slap", this.util.outilsBan)) + this.util.infoBulle("Kick (" + conf.tempsKick + "min)", $("#kick", this.util.outilsBan)) + this.util.infoBulle("Ban (" + conf.tempsBan / 24 / 60 + " jours)", $("#ban", this.util.outilsBan)) + this.util.infoBulle("La raison", $("input", this.util.outilsBan)) } + + this.util.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant .troll")) // $("body").append("
") @@ -71,35 +87,23 @@ PageMinichat.prototype.charger = function() $(this).click( function(event) { - thisPage.util.replaceSelection($("form input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, "")) - } - ) - .hover( - function() - { - $(this).animate( - { - opacity: 1 - }, 200 - ) - }, - function() - { - $(this).animate( - { - opacity: opacityBase - }, 200 - ) + thisPage.util.replaceSelection($("form#posterMessage input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, "")) } + ).hover( + function() { $(this).animate({opacity: 1}, 200) }, + function() { $(this).animate({opacity: opacityBase}, 200) } ) } ) $("form button.smiles").hover( function(e) { - var offset = $(e.target).offset() - alert($("$smiles").width()) - $("#smiles").css("top", offset.top).css("left", offset.left).show() + var position = $(e.target).offset() + // le décalage pour ne pas dépasser à droite (10 correspond à la marge pour éviter de coller le bord) + var decalage = $("body").width() - $("#smiles").width() - position.left - 10 + decalage = decalage > 0 ? 0 : decalage + + $("#smiles").css("top", position.top).css("left", position.left + decalage).show() }, function(e){} ) @@ -155,7 +159,6 @@ PageMinichat.prototype.decharger = function() this.messages.pageEvent.stopAttenteCourante() $("body #smiles").remove() - $("body #outilsBan").remove() } PageMinichat.prototype.getJSONMessage = function(pseudo, message, repondA) @@ -202,7 +205,7 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) this.client.pseudo = pseudo - ;;; dumpObj(this.getJSONMessage(pseudo, message, repondA)) + ;; dumpObj(this.getJSONMessage(pseudo, message, repondA)) jQuery.ajax( { url : "request", @@ -215,22 +218,15 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) }, success : function(data, textStatus) { - ;;; dumpObj(data) + ;; dumpObj(data) if(data["reply"] == "ok") { $("form input.message").val("") - // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) + // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) TODO : ya mieux ? for (var i = 0; i < repondA.length; i++) - { - $("#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 - */ - } + $("#conversations div#mess" + repondA[i].toString(36)).addClass("repondu") } else if (data["reply"] == "error") { @@ -346,9 +342,9 @@ Message.prototype.getConversation = function(messages) function Conversation(num, util, formateur, client) { var thisConversation = this - + this.num = num // peut changer au cours de la vie de la conversation - this.id = Math.random() * 100000000000000000 + this.id = Math.floor(Math.random() * 1000000).toString(36) this.messageOver = null // le message sur lequel se trouve le curseur this.util = util this.formateur = formateur @@ -363,12 +359,19 @@ function Conversation(num, util, formateur, client) $("#conversations").append( '
\
' + - (num == 0 ? '' : '
x
c
') + + (num == 0 ? '' : '
') + '<1>\
\
' ) + this.util.infoBulle("Aller à la première page", $("#conversations #" + this.getId() + " .numPage")) + if (num != 0) + { + this.util.infoBulle("Créer un lien vers la conversation", $("#conversations #" + this.getId() + " .lien")) + this.util.infoBulle("Fermer la conversation", $("#conversations #" + this.getId() + " .fermer")) + } + // enlève la mise en évidence pour la conversation $("#conversations #" + this.getId()).hover( function(){}, @@ -485,50 +488,49 @@ Conversation.prototype.flush = function(funClickOuvrirConv) // construction de l'XHTML des messages var XHTML = "" - for (var i = this.messages.length - 1; i >= 0; i--) + for (var i = 0; i < this.messages.length; i++) if (this.messages[i].id > this.idDernierMessageAffiche) { var message = this.messages[i] - + // construit l'identifiant de la personne var identifiant = - this.client.nickFormat == "nick" ? this.formateur.traitementComplet(message.pseudo) : + this.client.nickFormat == "nick" || message.login == "" ? 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 = "" + var debut = true for (var id in message.repondA) - XHTMLrepondA += this.formateur.traitementComplet(message.repondA[id].pseudo) + "> " - XHTMLrepondA = "" + XHTMLrepondA + "" + { + if (!debut) XHTMLrepondA += ", " + ;; dumpObj(message.repondA.count) + XHTMLrepondA += this.formateur.traitementComplet(message.repondA[id].pseudo) + debut = false + } + if (XHTMLrepondA != "") + XHTMLrepondA = "" + XHTMLrepondA + "" XHTML += - "
" + - "
>
" + - "[" + message.date + "]" + - "" + identifiant + ":" + + "
" + + "[" + message.date + "]" + + "" + message.auteurId + "" + identifiant + "" + XHTMLrepondA + - "" + (message.systeme ? this.formateur.remplacerBalisesHTML(message.contenu) : this.formateur.traitementComplet(message.contenu, message.pseudo)) + "" + + "" + this.formateur.traitementComplet(message.contenu, message.pseudo) + "" + "
" messagePair = !messagePair } - - $("#conversations #" + this.getId()).prepend(XHTML) - - // enlève les messages exedentaires - var nbMessagesAffiche = $("#conversations #" + this.getId() + " .message").size() - if (nbMessagesAffiche > this.nbMessageMax) - $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).empty() - - // ajoute les événements liés à chaque nouveau message - $("#conversations #" + this.getId() + " .message").filter(function(){return parseInt($(this).attr("id"), 36) > thisConversation.idDernierMessageAffiche}).each( + var DOM = $(XHTML) + DOM.each( function() { $(".lienConv", this).click( @@ -541,6 +543,11 @@ Conversation.prototype.flush = function(funClickOuvrirConv) } ) + if (thisConversation.client.viewTimes) + $(".dateComplete", this).show() + else + $(".dateComplete", this).hide() + $("a[@rel*=lightbox]", this).lightBox() // les outils de bannissement (uniquement pour les ekMaster) @@ -548,44 +555,52 @@ Conversation.prototype.flush = function(funClickOuvrirConv) $(".pseudo", this).hover( function(e) { - var userId = parseInt($(this).attr("id").substr(4)) - var element = $(e.target) + var userId = parseInt($(".id", this).text()) + var element = $(this) 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 + 64).show() - $("img", outils).unbind() - $("#slap", outils).click( + 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() + $("img", thisConversation.util.outilsBan).unbind("click") + $("#slap", thisConversation.util.outilsBan).click( function(e) { thisConversation.client.slap(userId, $("#outilsBan input").val()) $("#outilsBan input").val("") + $("#outilsBan").hide() } ) - $("#kick", outils).click( + $("#kick", thisConversation.util.outilsBan).click( function(e) { thisConversation.client.kick(userId, $("#outilsBan input").val()) $("#outilsBan input").val("") + $("#outilsBan").hide() } ) - $("#ban", outils).click( + $("#ban", thisConversation.util.outilsBan).click( function(e) { thisConversation.client.ban(userId, $("#outilsBan input").val()) $("#outilsBan input").val("") + $("#outilsBan").hide() } ) }, - function(){} + function(e) + { + $("#outilsBan", this).hide() + } ) + thisConversation.util.infoBulle("Extraction de la conversation", $(".extraire", this)) + $(this).click( function(event) { - if ($(event.target).is("a")) return + if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) return // l'id du message - var idMess = $(this).attr("id") + var idMess = $(this).attr("id").substr(4) // extraction d'une conversation if ($(event.target).is(".extraire")) @@ -596,7 +611,7 @@ Conversation.prototype.flush = function(funClickOuvrirConv) var valCourant = $("input.message").val() if (valCourant == undefined) valCourant = "" - var tag = $(".pseudo", this).text() + "{" + idMess + "}" + ">" + var tag = $(".pseudo span.ident", this).text() + "{" + idMess + "}" + ">" if (valCourant.indexOf(tag, 0) == -1) $("input.message").val(tag + " " + valCourant) thisConversation.util.setCaretToEnd($("form input.message")[0]) @@ -616,6 +631,12 @@ Conversation.prototype.flush = function(funClickOuvrirConv) ) } ) + DOM.prependTo("#conversations #" + this.getId()) + + // enlève les messages exedentaires + var nbMessagesAffiche = $("#conversations #" + this.getId() + " .message").size() + if (nbMessagesAffiche > this.nbMessageMax) + $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).remove() if (this.messages.length > 0) this.idDernierMessageAffiche = this.messages[this.messages.length-1].id @@ -629,7 +650,7 @@ Conversation.prototype.flush = function(funClickOuvrirConv) Conversation.prototype.afficherConversation = function(element) { // cherche le message selectionné - var id = parseInt($(element).attr("id"), 36) + var id = parseInt($(element).attr("id").substr(4), 36) var message = this.messagesParId[id] if (message == undefined) return @@ -641,7 +662,7 @@ Conversation.prototype.afficherConversation = function(element) function() { var jq = $(this) - if (!mess.hasOwnProperty(parseInt(jq.attr("id"), 36))) + if (!mess.hasOwnProperty(parseInt(jq.attr("id").substr(4), 36))) jq.addClass("cache") else jq.removeClass("cache") @@ -714,8 +735,8 @@ Messages.prototype.getJSONConversations = function() */ Messages.prototype.ajouterMessages = function(elements, numConversation) { - if (elements["messages"].length == 0 && typeof(this.conversations[numConversation]) == "undefined") - return false + if (elements["messages"].length == 0) + return this.conversations[numConversation] != undefined for (var i = 0; i < elements["messages"].length; i++) this.ajouterMessage(elements["messages"][i], numConversation) @@ -770,7 +791,7 @@ Messages.prototype.ajouterMessage = function(element, numConversation) function(num) // insertion du lien vers la conversation { thisPage.util.replaceSelection( - $("form input.message")[0], + $("form#posterMessage input.message")[0], "{" + thisMessages.client.conversations[num-1].root.toString(36) + "}" ) } @@ -837,8 +858,12 @@ Messages.prototype.supprimerConversation = function(num) * Ajuste la largeur des conversations en fonction de leur nombre. modifie l'attribut CSS 'width'. */ Messages.prototype.ajusterLargeurConversations = function() -{ - $("#conversations .conversation").css("width", 100 / this.conversations.length + "%") +{ + var largeurPourcent = (100 / this.conversations.length) + // le "- 0.01" evite que IE se chie dessus lamentablement et affiche les conversations les unes au dessus des autres + if($.browser["msie"]) + largeurPourcent -= 0.05 + $("#conversations .conversation").css("width", largeurPourcent + "%") } /** @@ -894,11 +919,11 @@ Messages.prototype.rafraichirMessages = function(vider) if (vider) for (var i = 0; i < this.conversations.length; i++) this.conversations[i].idDernierMessageAffiche = 0 - + this.pageEvent.waitEvent( function() { return thisMessages.getJSONrafraichirMessages() }, function(data) - { + { if (vider) { thisMessages.viderMessages() @@ -910,15 +935,21 @@ Messages.prototype.rafraichirMessages = function(vider) { case "new_troll" : thisMessages.trollIdCourant = data["troll_id"] - $("#trollCourant .troll").html(thisMessages.formateur.traitementComplet(data["content"])) + $("#trollCourant .troll").html(thisMessages.formateur.traitementComplet(data["content"])).unbind("click").click( + function() + { + thisMessages.ouvrirConversation(data["message_id"]) + } + ) + $("#trollCourant .troll a[@rel*=lightbox]").lightBox() break - case "new_messages" : + case "new_messages" : // ajoute les messages reçus à leur conversation respective for (var numConv = 0; numConv < data["conversations"].length; numConv++) { - if (! thisMessages.ajouterMessages(data["conversations"][numConv], numConv)) + 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)