X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=c796e414768f5727b90b335fb38b0c8406eecd1c;hp=a3b0acf28da31646d5e3d260ecc1abc43c776bd6;hb=64ef87442b933d47f4dbc9dfec9a5a16e522c375;hpb=877597872b6660f717aaf54aa1f3001df59b501d diff --git a/js/euphorik.js b/js/euphorik.js index a3b0acf..c796e41 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -31,7 +31,9 @@ var conf = { nbMessageAffiche : 40, // (par page) pseudoDefaut : "", - tempsAffichageMessageDialogue : 4000, // en ms + tempsAffichageMessageDialogue : 4000, // en ms + tempsKick : 15, // en minute + tempsBan : 60 * 24 * 3, // en minutes (3jours) smiles : { "smile" : [/:\)/g, /:-\)/g], "bigsmile" : [/:D/g, /:-D/g], @@ -90,7 +92,10 @@ function Util(formateur) $("#info").slideUp(50) }) + $("body").append('
').append('

') + this.formateur = formateur + this.bulleActive = true } var messageType = {informatif: 0, question: 1, erreur: 2} @@ -134,6 +139,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. */ @@ -465,6 +519,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() @@ -476,6 +533,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 @@ -494,7 +553,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) @@ -547,7 +608,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 } @@ -558,7 +622,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) @@ -614,6 +680,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() } @@ -705,7 +773,7 @@ Client.prototype.enregistrement = function(login, password) Client.prototype.connexion = function(messageJson) { - ;;; dumpObj(messageJson) + ;; dumpObj(messageJson) thisClient = this jQuery.ajax( { @@ -717,7 +785,7 @@ Client.prototype.connexion = function(messageJson) success: function(data) { - ;;; dumpObj(data) + ;; dumpObj(data) if (data["reply"] == "error") thisClient.util.messageDialogue(data["error_message"]) else @@ -755,12 +823,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() } } @@ -780,7 +852,7 @@ Client.prototype.flush = function(async) var thisClient = this var ok = true - ;;; dumpObj(this.getJSONProfile()) + ;; dumpObj(this.getJSONProfile()) jQuery.ajax( { async: async, @@ -791,12 +863,16 @@ Client.prototype.flush = function(async) success: function(data) { - ;;; dumpObj(data) + ;; dumpObj(data) if (data["reply"] == "error") { thisClient.util.messageDialogue(data["error_message"]) ok = false } + else + { + thisClient.majBulle() + } } } ) @@ -833,6 +909,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 @@ -863,7 +947,7 @@ Client.prototype.ban = function(userId, raison, minutes) // par défaut un ban correspond à 3 jours if (typeof(minutes) == "undefined") - minutes = 60 * 24 * 3 + minutes = conf.tempsBan; jQuery.ajax({ type: "POST", @@ -888,7 +972,7 @@ Client.prototype.ban = function(userId, raison, minutes) Client.prototype.kick = function(userId, raison) { - this.ban(userId, raison, 15) + this.ban(userId, raison, conf.tempsKick) } /////////////////////////////////////////////////////////////////////////////////////////////////// @@ -904,6 +988,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 } /** @@ -911,8 +998,12 @@ function PageEvent(page, util) */ PageEvent.prototype.stopAttenteCourante = function() { + this.stop = true + if (this.attenteCourante != null) + { this.attenteCourante.abort() + } } /** @@ -922,11 +1013,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 = { @@ -937,7 +1030,8 @@ PageEvent.prototype.waitEvent = function(funSend, funReceive) for (v in poulpe) dataToSend[v] = poulpe[v] - ;;; dumpObj(dataToSend) + ;; dumpObj(dataToSend) + this.attenteCourante = jQuery.ajax({ type: "POST", url: "request", @@ -946,20 +1040,29 @@ PageEvent.prototype.waitEvent = function(funSend, funReceive) success: function(data) { - ;;; dumpObj(data) + ;; dumpObj(data) 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) } /////////////////////////////////////////////////////////////////////////////////////////////////// @@ -975,7 +1078,7 @@ function initialiserListeStyles(client) } // charge dynamiquement le script de debug -;;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"}) +;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"}) // le main $(document).ready(