X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageMinichat.js;h=b6c93d8342064788d21435398e5fc49a511ee5d6;hp=d6a4bf08f556843985077df04103c81b6ae592e6;hb=64ef87442b933d47f4dbc9dfec9a5a16e522c375;hpb=531c70729709cd97024eb1c2ff3ed836db9f550e diff --git a/js/pageMinichat.js b/js/pageMinichat.js index d6a4bf0..b6c93d8 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) { @@ -19,8 +35,8 @@ PageMinichat.prototype.contenu = function()
\

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

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

' + + '

' + 'Ban de 3 jours' + 'Ban de 15min' + 'Avertissement' + '
' - ) - $("#outilsBan").hover( + ).hover( function(){}, function() { $("#outilsBan").hide() } - ) + ).appendTo("body") + + this.util.infoBulle("Slap", $("#outilsBan #slap")) + this.util.infoBulle("Kick (" + conf.tempsKick + "min)", $("#outilsBan #kick")) + this.util.infoBulle("Ban (" + conf.tempsBan / 24 / 60 + " jours)", $("#outilsBan #ban")) + this.util.infoBulle("La raison", $("#outilsBan input")) } + + this.util.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant .troll")) // $("body").append("
") @@ -97,9 +119,12 @@ PageMinichat.prototype.charger = function() $("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){} ) @@ -202,7 +227,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 +240,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") { @@ -363,12 +381,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 +510,55 @@ 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 +571,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,17 +583,18 @@ 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() + $("img", outils).unbind("click") $("#slap", outils).click( function(e) { thisConversation.client.slap(userId, $("#outilsBan input").val()) $("#outilsBan input").val("") + $("#outilsBan").hide() } ) $("#kick", outils).click( @@ -566,6 +602,7 @@ Conversation.prototype.flush = function(funClickOuvrirConv) { thisConversation.client.kick(userId, $("#outilsBan input").val()) $("#outilsBan input").val("") + $("#outilsBan").hide() } ) $("#ban", outils).click( @@ -573,19 +610,22 @@ Conversation.prototype.flush = function(funClickOuvrirConv) { thisConversation.client.ban(userId, $("#outilsBan input").val()) $("#outilsBan input").val("") + $("#outilsBan").hide() } ) }, function(){} ) + thisConversation.util.infoBulle("Extraction de la conversation", $(".extraire", this)) + $(this).click( function(event) { if ($(event.target).is("a")) 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 +636,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 +656,7 @@ Conversation.prototype.flush = function(funClickOuvrirConv) ) } ) + DOM.prependTo("#conversations #" + this.getId()) if (this.messages.length > 0) this.idDernierMessageAffiche = this.messages[this.messages.length-1].id @@ -629,7 +670,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 +682,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 +755,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) @@ -837,8 +878,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.01 + $("#conversations .conversation").css("width", largeurPourcent + "%") } /** @@ -910,7 +955,13 @@ 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