X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Feuphorik.js;h=5a15c00e3fd1952af5833e6e35da8ef984a9eb07;hb=bfb430d094eb0021777302c1191642eab4077e78;hp=6ed19637883039b35f131eb332900e2f652905c0;hpb=01922222ac686c2507052c0cc1d755495145d154;p=euphorik.git diff --git a/js/euphorik.js b/js/euphorik.js index 6ed1963..5a15c00 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -13,7 +13,7 @@ * Normalement 'const' à la place de 'var' mais non supporté par IE7. */ var conf = { - nbMessageAffiche : 10, // (par page) + nbMessageAffiche : 40, // (par page) pseudoDefaut : "", tempsAffichageMessageDialogue : 4000, // en ms smiles : { @@ -69,11 +69,13 @@ String.prototype.rtrim = function() */ function Util() { - jQuery("#info .fermer").click(function(){ - jQuery("#info").slideUp(50) + $("#info .fermer").click(function(){ + $("#info").slideUp(50) }) } +var messageType = {informatif: 0, question: 1, erreur: 2} + /** * Affiche une boite de dialogue avec un message à l'intérieur. * @param message le message (string) @@ -89,25 +91,23 @@ Util.prototype.messageDialogue = function(message, type, boutons) if (this.timeoutMessageDialogue != undefined) clearTimeout(this.timeoutMessageDialogue) - var fermer = function(){jQuery("#info").slideUp(100)} + var fermer = function(){$("#info").slideUp(100)} fermer() - jQuery("#info .message").html(message) + $("#info .message").html(message) switch(type) { - case messageType.informatif : jQuery("#info #icone").attr("class", "information"); break - case messageType.question : jQuery("#info #icone").attr("class", "interrogation"); break - case messageType.erreur : jQuery("#info #icone").attr("class", "exclamation"); break + case messageType.informatif : $("#info #icone").attr("class", "information"); break + case messageType.question : $("#info #icone").attr("class", "interrogation"); break + case messageType.erreur : $("#info #icone").attr("class", "exclamation"); break } - jQuery("#info .boutons").html("") + $("#info .boutons").html("") for (var b in boutons) - jQuery("#info .boutons").append("
" + b + "
").find("div:last").click(boutons[b]).click(fermer) + $("#info .boutons").append("
" + b + "
").find("div:last").click(boutons[b]).click(fermer) - jQuery("#info").slideDown(200) + $("#info").slideDown(200) this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue) -} - -var messageType = {informatif: 0, question: 1, erreur: 2} +} /** * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery. @@ -238,11 +238,11 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement) if (this.pageCourante != null && this.pageCourante.decharger) this.pageCourante.decharger() - jQuery("#menu div").removeClass("courante") - jQuery("#menu div." + nomPage).addClass("courante") + $("#menu div").removeClass("courante") + $("#menu div." + nomPage).addClass("courante") this.pageCourante = page - jQuery("#page").html(this.pageCourante.contenu()).removeClass().addClass(this.pageCourante.nom) + $("#page").html(this.pageCourante.contenu()).removeClass().addClass(this.pageCourante.nom) if (this.pageCourante.charger) this.pageCourante.charger() @@ -282,6 +282,11 @@ Formateur.prototype.getSmilesHTML = function() return XHTML } +/** + * Formatage complet d'un texte. + * @M le message + * @pseudo facultatif, permet de contruire le label des images sous la forme : " : " + */ Formateur.prototype.traitementComplet = function(M, pseudo) { return this.traiterLiensConv(this.traiterSmiles(this.traiterURL(this.remplacerBalisesHTML(M), pseudo))) @@ -327,9 +332,6 @@ Formateur.prototype.remplacerBalisesHTML = function(M) Formateur.prototype.traiterURL = function(M, pseudo) { thisFormateur = this - - if (pseudo == undefined) - pseudo = "" var traitementUrl = function(url) { @@ -337,7 +339,7 @@ Formateur.prototype.traiterURL = function(M, pseudo) if (!thisFormateur.regexTestProtocoleExiste.test(url)) url = "http://" + url var extension = thisFormateur.getShort(url) - return "[" + extension[0] + "]" + return "[" + extension[0] + "]" } return M.replace(this.regexUrl, traitementUrl) } @@ -350,8 +352,8 @@ Formateur.prototype.getShort = function(url) { var estUneImage = false var versionShort = null - var rechercheImg = this.regexImg.exec(url) - //alert(url) + var rechercheImg = this.regexImg.exec(url) + if (rechercheImg != null) { versionShort = rechercheImg[1].toLowerCase() @@ -382,7 +384,7 @@ Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante) thisFormateur = this var traitementUrl = function(url) { - return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? ": image courante" : "") + "]" + return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? "*" : "") + "]" } return this.remplacerBalisesHTML(M).replace(this.regexUrl, traitementUrl) @@ -411,20 +413,19 @@ function Client(util) // données personnels this.resetDonneesPersonnelles() - this.setStatut(statutType.deconnected) - - // le dernier message d'erreur recut du serveur (par exemple une connexion foireuse : "login impossible") - this.dernierMessageErreur = "" + this.setStatut(statutType.deconnected) } Client.prototype.resetDonneesPersonnelles = function() -{ +{ + this.id = 0 this.pseudo = conf.pseudoDefaut this.login = "" this.password = "" this.email = "" - this.css = jQuery("link#cssPrincipale").attr("href") + this.css = $("link#cssPrincipale").attr("href") this.nickFormat = "nick" + this.cookie = undefined this.pagePrincipale = 1 this.ekMaster = false @@ -437,11 +438,11 @@ Client.prototype.resetDonneesPersonnelles = function() Client.prototype.setCss = function(css) { - if (this.css == css) + if (this.css == css || css == "") return this.css = css - jQuery("link#cssPrincipale").attr("href", this.css) + $("link#cssPrincipale").attr("href", this.css) this.majMenu() } @@ -599,7 +600,6 @@ Client.prototype.authentifie = function() Client.prototype.setStatut = function(statut) { - //alert(statut) // conversation en "enum" si en "string" if (typeof(statut) == "string") { @@ -609,7 +609,7 @@ Client.prototype.setStatut = function(statut) (statut == "auth_not_registered" ? statutType.auth_not_registered : statutType.deconnected) } - if (statut == this.statut) return + if (statut == this.statut) return this.statut = statut this.majMenu() @@ -640,8 +640,11 @@ Client.prototype.enregistrement = function(login, password) this.login = login this.password = password if(this.flush()) + { this.setStatut(statutType.auth_registered) - return true + return true + } + return false } else { @@ -664,7 +667,10 @@ Client.prototype.connexion = function(messageJson) function(data) { ;;; dumpObj(data) - thisClient.chargerDonnees(data) + if (data["reply"] == "error") + thisClient.util.messageDialogue(data["error_message"]) + else + thisClient.chargerDonnees(data) } } ) @@ -673,44 +679,38 @@ Client.prototype.connexion = function(messageJson) Client.prototype.deconnexion = function() { - this.flush() - this.delCookie() - this.setStatut(statutType.deconnected) // deconnexion + this.flush(true) + this.delCookie() this.resetDonneesPersonnelles() + this.setStatut(statutType.deconnected) // deconnexion } Client.prototype.chargerDonnees = function(data) { - var thisClient = this - + // la modification du statut qui suit met à jour le menu, le menu dépend (page admin) + // de l'état ekMaster + this.ekMaster = data["ek_master"] != undefined ? data["ek_master"] : false + this.setStatut(data["status"]) if (this.authentifie()) { this.cookie = data["cookie"] this.setCookie() - + + this.id = data["id"] this.login = data["login"] this.pseudo = data["nick"] this.email = data["email"] - this.css = data["css"] + this.setCss(data["css"]) this.nickFormat = data["nick_format"] // la page de la conversation principale this.pagePrincipale = data["main_page"] == undefined ? 1 : data["main_page"] - // met à jour la css - if (this.css != "") - { - jQuery("link#cssPrincipale").attr("href", this.css) - this.majMenu() - } // les conversations - thisClient.conversations = data["conversations"] - - thisClient.ekMaster = data["ek_master"] + this.conversations = data["conversations"] } - this.dernierMessageErreur = data["error_message"] } /** @@ -721,12 +721,14 @@ Client.prototype.chargerDonnees = function(data) Client.prototype.flush = function(async) { if (async == undefined) - async = true + async = false if (!this.authentifie()) return false - thisClient = this + var thisClient = this + var ok = true + ;;; dumpObj(this.getJSONProfile()) jQuery.ajax( { @@ -738,40 +740,72 @@ Client.prototype.flush = function(async) success: function(data) { - //thisClient.util.log(thisClient.util.serializer.serializeToString(data)) + ;;; dumpObj(data) + if (data["reply"] == "error") + { + thisClient.util.messageDialogue(data["error_message"]) + ok = false + } } } ) - // TODO : retourner false si un problème est survenu lors de l'update du profile - return true + + return ok } Client.prototype.majMenu = function() { + // TODO : à virer : ne plus changer de style de display ... spa beau .. ou trouver une autre méthode var displayType = this.css == "css/3/euphorik.css" ? "block" : "inline" //this.client + $("#menu .admin").css("display", this.ekMaster ? "inline" : "none") + // met à jour le menu if (this.statut == statutType.auth_registered) { - jQuery("#menu .profile").css("display", displayType).text("profile") - jQuery("#menu .logout").css("display", displayType) - jQuery("#menu .register").css("display", "none") + $("#menu .profile").css("display", displayType).text("profile") + $("#menu .logout").css("display", displayType) + $("#menu .register").css("display", "none") } else if (this.statut == statutType.auth_not_registered) { - jQuery("#menu .profile").css("display", "none") - jQuery("#menu .logout").css("display", displayType) - jQuery("#menu .register").css("display", displayType) + $("#menu .profile").css("display", "none") + $("#menu .logout").css("display", displayType) + $("#menu .register").css("display", displayType) } else { - jQuery("#menu .profile").css("display", displayType).text("login") - jQuery("#menu .logout").css("display", "none") - jQuery("#menu .register").css("display", displayType) + $("#menu .profile").css("display", displayType).text("login") + $("#menu .logout").css("display", "none") + $("#menu .register").css("display", displayType) } } -Client.prototype.ban = function(userId, minutes) +Client.prototype.slap = function(userId, raison) +{ + var thisClient = this + + jQuery.ajax({ + type: "POST", + url: "request", + dataType: "json", + data: this.util.jsonVersAction( + { + "action" : "slap", + "cookie" : thisClient.cookie, + "user_id" : userId, + "reason" : raison + }), + success: + function(data) + { + if (data["reply"] == "error") + thisClient.util.messageDialogue(data["error_message"]) + } + }) +} + +Client.prototype.ban = function(userId, raison, minutes) { var thisClient = this @@ -788,7 +822,8 @@ Client.prototype.ban = function(userId, minutes) "action" : "ban", "cookie" : thisClient.cookie, "duration" : minutes, - "user_id" : userId + "user_id" : userId, + "reason" : raison }), success: function(data) @@ -799,30 +834,99 @@ Client.prototype.ban = function(userId, minutes) }) } -Client.prototype.kick = function(userId) +Client.prototype.kick = function(userId, raison) { - this.ban(userId, 15) + this.ban(userId, raison, 15) +} + +/////////////////////////////////////////////////////////////////////////////////////////////////// + +/** + * classe permettant de gérer les événements (push serveur). + * @page la page + */ +function PageEvent(page, util) +{ + this.page = page + this.util = util + + // l'objet JSONHttpRequest représentant la connexion d'attente + this.attenteCourante = null +} + +/** + * Arrête l'attente courante s'il y en a une. + */ +PageEvent.prototype.stopAttenteCourante = function() +{ + if (this.attenteCourante != null) + this.attenteCourante.abort() +} + +/** + * Attend un événement lié à la page. + * @funSend une fonction renvoyant les données json à envoyer + * @funReceive une fonction qui accepte un paramètre correspondant au données reçues + */ +PageEvent.prototype.waitEvent = function(funSend, funReceive) +{ + var thisPageEvent = this + + this.stopAttenteCourante() + + // on doit conserver l'ordre des valeurs de l'objet JSON (le serveur les veux dans l'ordre définit dans le protocole) + // TODO : ya pas mieux ? + var dataToSend = + { + "action" : "wait_event", + "page" : this.page + } + var poulpe = funSend() + for (v in poulpe) + dataToSend[v] = poulpe[v] + + ;;; dumpObj(dataToSend) + this.attenteCourante = jQuery.ajax({ + type: "POST", + url: "request", + dataType: "json", + data: this.util.jsonVersAction(dataToSend), + success: + function(data) + { + ;;; dumpObj(data) + + funReceive(data) + + // rappel de la fonction dans 100 ms + setTimeout(function(){ thisPageEvent.waitEvent(funSend, funReceive) }, 100); + }, + error: + function(XMLHttpRequest, textStatus, errorThrown) + { + setTimeout(function(){ thisPageEvent.rafraichirMessages(funSend, funReceive) }, 1000); + } + }) + } /////////////////////////////////////////////////////////////////////////////////////////////////// function initialiserListeStyles(client) { - jQuery("#menuCss").change( + $("#menuCss").change( function() { - client.setCss("css/" + jQuery("option:selected", this).attr("value") + "/euphorik.css") + client.setCss("css/" + $("option:selected", this).attr("value") + "/euphorik.css") } ) } - -jQuery.noConflict() // charge dynamiquement le script de debug ;;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"}) // le main -jQuery(document).ready( +$(document).ready( function() { var util = new Util() @@ -835,12 +939,13 @@ jQuery(document).ready( initialiserListeStyles(client) - // TODO : pourquoi jQuery(document).unload ne fonctionne pas ? - jQuery(window).unload(function(){client.flush(false)}) + // TODO : pourquoi $(document).unload ne fonctionne pas ? + $(window).unload(function(){client.flush()}) - jQuery("#menu .minichat").click(function(){ pages.afficherPage("minichat") }) - jQuery("#menu .profile").click(function(){ pages.afficherPage("profile") }) - jQuery("#menu .logout").click(function(){ + $("#menu .minichat").click(function(){ pages.afficherPage("minichat") }) + $("#menu .admin").click(function(){ pages.afficherPage("admin") }) + $("#menu .profile").click(function(){ pages.afficherPage("profile") }) + $("#menu .logout").click(function(){ util.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", messageType.question, {"Oui" : function() { @@ -851,10 +956,11 @@ jQuery(document).ready( } ) }) - jQuery("#menu .register").click(function(){ pages.afficherPage("register") }) - jQuery("#menu .about").click(function(){ pages.afficherPage("about") }) + $("#menu .register").click(function(){ pages.afficherPage("register") }) + $("#menu .about").click(function(){ pages.afficherPage("about") }) pages.ajouterPage(new PageMinichat(client, formateur, util)) + pages.ajouterPage(new PageAdmin(client, formateur, util)) pages.ajouterPage(new PageProfile(client, formateur, util)) pages.ajouterPage(new PageRegister(client, formateur, util)) pages.ajouterPage(new PageAbout(client, formateur, util))