X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=ca84a024d8f95274f8bea346f7417c0e18dbbcfd;hp=86982db0694d9a8b83b59f6ce399d88485880496;hb=65a4c4e621c5cfc52f20097db8ede10714a7c0f6;hpb=4a510de0c99d080cdd3ecc837307ac8ee3509e87 diff --git a/js/euphorik.js b/js/euphorik.js index 86982db..ca84a02 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -1,4 +1,20 @@ // 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, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// 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 . /** * Contient la base javascript pour le site euphorik.ch. @@ -74,7 +90,10 @@ function Util(formateur) $("#info").slideUp(50) }) + $("body").append('
').append('

') + this.formateur = formateur + this.bulleActive = true } var messageType = {informatif: 0, question: 1, erreur: 2} @@ -118,6 +137,55 @@ Util.prototype.messageDialogue = function(message, type, boutons, formate) this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue) } +/** + * Affiche un info bulle lorsque le curseur survole l'élément donné. + * FIXME : le width de element ne tient pas compte du padding !? + */ +Util.prototype.infoBulle = function(message, element) +{ + var thisUtil = this + + var cacherBulle = function() + { + $("#flecheBulle").hide() + $("#messageBulle").hide() + } + + element.hover( + function(e) + { + if (!thisUtil.bulleActive) + return + + var m = $("#messageBulle") + var f = $("#flecheBulle") + + $("p", m).html(message) + + var positionFleche = { + left : element.offset().left + element.width() / 2 - f.width() / 2, + top : element.offset().top - f.height() + } + var positionMessage = { + left : element.offset().left + element.width() / 2 - m.width() / 2, + top : element.offset().top - f.height() - m.height() + } + var depassementDroit = (positionMessage.left + m.width()) - $("body").width() + if (depassementDroit > 0) + positionMessage.left -= depassementDroit + else + { + if (positionMessage.left < 0) + positionMessage.left = 0 + } + + m.css("top", positionMessage.top).css("left", positionMessage.left).show() + f.css("top", positionFleche.top).css("left", positionFleche.left).show() + }, + cacherBulle + ).click(cacherBulle) +} + /** * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery. */ @@ -449,6 +517,9 @@ function Client(util) this.resetDonneesPersonnelles() this.setStatut(statutType.deconnected) + + // si true alors chaque modification du client est mémorisé sur le serveur + this.autoflush = $.browser["opera"] } Client.prototype.resetDonneesPersonnelles = function() @@ -460,6 +531,8 @@ Client.prototype.resetDonneesPersonnelles = function() this.email = "" this.css = $("link#cssPrincipale").attr("href") this.nickFormat = "nick" + this.viewTimes = true + this.viewTooltips = true this.cookie = undefined this.pagePrincipale = 1 @@ -478,7 +551,9 @@ Client.prototype.setCss = function(css) this.css = css $("link#cssPrincipale").attr("href", this.css) - this.majMenu() + this.majMenu() + + if (this.autoflush) this.flush(true) } Client.prototype.pageSuivante = function(numConv) @@ -531,7 +606,10 @@ Client.prototype.ajouterConversation = function(racine) if (this.conversations[i].root == racine) return false - this.conversations.push({root : racine, page : 1}) + this.conversations.push({root : racine, page : 1}) + + if (this.autoflush) this.flush(true) + return true } @@ -542,7 +620,9 @@ Client.prototype.supprimerConversation = function(num) // décalage TODO : supprimer le dernier élément for (var i = num; i < this.conversations.length - 1; i++) this.conversations[i] = this.conversations[i+1] - this.conversations.pop() + this.conversations.pop() + + if (this.autoflush) this.flush(true) } Client.prototype.getJSONLogin = function(login, password) @@ -598,6 +678,8 @@ Client.prototype.getJSONProfile = function() "email" : this.email, "css" : this.css, "nick_format" : this.nickFormat, + "view_times" : this.viewTimes, + "view_tooltips" : this.viewTooltips, "main_page" : this.pagePrincipale < 1 ? 1 : this.pagePrincipale, "conversations" : this.getJSONConversations() } @@ -739,12 +821,16 @@ Client.prototype.chargerDonnees = function(data) this.email = data["email"] this.setCss(data["css"]) this.nickFormat = data["nick_format"] + this.viewTimes = data["view_times"] + this.viewTooltips = data["view_tooltips"] // la page de la conversation principale this.pagePrincipale = data["main_page"] == undefined ? 1 : data["main_page"] // les conversations this.conversations = data["conversations"] + + this.majBulle() } } @@ -781,6 +867,10 @@ Client.prototype.flush = function(async) thisClient.util.messageDialogue(data["error_message"]) ok = false } + else + { + thisClient.majBulle() + } } } ) @@ -817,6 +907,14 @@ Client.prototype.majMenu = function() } } +/** + * Met à jour l'affichage des infos bulles en fonction du profile. + */ +Client.prototype.majBulle = function() +{ + this.util.bulleActive = this.viewTooltips +} + Client.prototype.slap = function(userId, raison) { var thisClient = this @@ -888,6 +986,9 @@ function PageEvent(page, util) // l'objet JSONHttpRequest représentant la connexion d'attente this.attenteCourante = null + + // le multhreading du pauvre, merci javascript de m'offrire autant de primitives pour la gestion de la concurrence... + this.stop = false } /** @@ -895,8 +996,12 @@ function PageEvent(page, util) */ PageEvent.prototype.stopAttenteCourante = function() { + this.stop = true + if (this.attenteCourante != null) + { this.attenteCourante.abort() + } } /** @@ -906,11 +1011,13 @@ PageEvent.prototype.stopAttenteCourante = function() */ PageEvent.prototype.waitEvent = function(funSend, funReceive) { - var thisPageEvent = this - this.stopAttenteCourante() + + this.stop = false + + var thisPageEvent = this - // on doit conserver l'ordre des valeurs de l'objet JSON (le serveur les veux dans l'ordre définit dans le protocole) + // on doit conserver l'ordre des valeurs de l'objet JSON (le serveur les veut dans l'ordre définit dans le protocole) // TODO : ya pas mieux ? var dataToSend = { @@ -922,6 +1029,7 @@ PageEvent.prototype.waitEvent = function(funSend, funReceive) dataToSend[v] = poulpe[v] ;;; dumpObj(dataToSend) + this.attenteCourante = jQuery.ajax({ type: "POST", url: "request", @@ -935,15 +1043,24 @@ PageEvent.prototype.waitEvent = function(funSend, funReceive) funReceive(data) // rappel de la fonction dans 100 ms - setTimeout(function(){ thisPageEvent.waitEvent(funSend, funReceive) }, 100); + setTimeout(function(){ thisPageEvent.waitEvent2(funSend, funReceive) }, 100) }, error: function(XMLHttpRequest, textStatus, errorThrown) { - setTimeout(function(){ thisPageEvent.waitEvent(funSend, funReceive) }, 1000); + setTimeout(function(){ thisPageEvent.waitEvent2(funSend, funReceive) }, 1000) } }) +} +/** + * Si un stopAttenteCourante survient un peu n'importe quand il faut imédiatement arreter de boucler. + */ +PageEvent.prototype.waitEvent2 = function(funSend, funReceive) +{ + if (this.stop) + return + this.waitEvent(funSend, funReceive) } ///////////////////////////////////////////////////////////////////////////////////////////////////