X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=825e4c34a4aa008bc615b0eaee6bfdda9faa92aa;hp=29e85ad1270e654ac3f28de06a62c4838d86a6f5;hb=fdbd960f3fda4a5b1e71dc410ad162c78390f409;hpb=221a44d7aeaf467ef9854fe21af93bc964e92ef1

diff --git a/js/euphorik.js b/js/euphorik.js
index 29e85ad..825e4c3 100755
--- a/js/euphorik.js
+++ b/js/euphorik.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,
+// 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 <http://www.gnu.org/licenses/>.
 
 /**
   * Contient la base javascript pour le site euphorik.ch.
@@ -15,7 +31,9 @@
 var conf = {
    nbMessageAffiche : 40, // (par page)
    pseudoDefaut : "<nick>",
-   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],
@@ -65,13 +83,19 @@ String.prototype.rtrim = function()
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
 /**
-  * Cette classe regroupe des fonctions utilitaires (helpers).
+  * Cette classe regroupe des fonctions utilitaires (helpers).
+  * @formateur est permet de formater les messages affichés à l'aide de messageDialogue (facultatif)
   */
-function Util()
+function Util(formateur)
 {
    $("#info .fermer").click(function(){
       $("#info").slideUp(50) 
    })
+   
+   $("body").append('<div id="flecheBulle"></div>').append('<div id="messageBulle"><p></p></div>')
+   
+   this.formateur = formateur
+   this.bulleActive = true
 }
 
 var messageType = {informatif: 0, question: 1, erreur: 2}
@@ -82,11 +106,17 @@ var messageType = {informatif: 0, question: 1, erreur: 2}
   * @param type voir 'messageType'. par défaut messageType.informatif
   * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons
   *        et les valeurs les fonctions executées lorsqu'un bouton est activé.
+  * @param formate faut-il formaté le message ? true par défaut
   */
-Util.prototype.messageDialogue = function(message, type, boutons)
+Util.prototype.messageDialogue = function(message, type, boutons, formate)
 {
+   var thisUtil = this
+
    if (type == undefined)
       type = messageType.informatif
+      
+   if (formate == undefined)
+      formate = true
 
    if (this.timeoutMessageDialogue != undefined)
       clearTimeout(this.timeoutMessageDialogue)
@@ -94,7 +124,7 @@ Util.prototype.messageDialogue = function(message, type, boutons)
    var fermer = function(){$("#info").slideUp(100)}
    fermer()   
    
-   $("#info .message").html(message)
+   $("#info .message").html(thisUtil.formateur == undefined || !formate ? message : thisUtil.formateur.traitementComplet(message))
    switch(type)
    {
       case messageType.informatif : $("#info #icone").attr("class", "information"); break
@@ -109,6 +139,55 @@ Util.prototype.messageDialogue = function(message, type, boutons)
    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.
   */
@@ -173,19 +252,16 @@ Util.prototype.replaceSelection = function(input, replaceString) {
          this.setCaretToPos(input, selectionStart + replaceString.length)
    }
    else if (document.selection)
-   {
-      var range = document.selection.createRange();
+   {
+      input.focus()
+      var range = document.selection.createRange()
       if (range.parentElement() == input)
       {
          var isCollapsed = range.text == ''
          range.text = replaceString
          if (!isCollapsed)
-         {
-            // there has been a selection
-            // it appears range.select() should select the newly 
-            // inserted text but that fails with IE
+         {
             range.moveStart('character', -replaceString.length);
-            range.select();
          }
       }
    }
@@ -222,10 +298,21 @@ function Pages()
    this.pages = {}
 }
 
+/**
+  * Accepte soit un objet soit un string.
+  * un string correspond au nom de la page, par exemple : "page" -> "page.html"
+  */
 Pages.prototype.ajouterPage = function(page)
 {
-   page.pages = this // la magie des langages dynamiques : le foutoire
-   this.pages[page.nom] = page
+   if (typeof page == "string")
+   {
+      this.pages[page] = page
+   }
+   else
+   {
+      page.pages = this // la magie des langages dynamiques : le foutoire
+      this.pages[page.nom] = page
+   }
 }
 
 Pages.prototype.afficherPage = function(nomPage, forcerChargement)
@@ -238,11 +325,16 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement)
    if (this.pageCourante != null && this.pageCourante.decharger)
       this.pageCourante.decharger()
   
-   $("#menu div").removeClass("courante")
-   $("#menu div." + nomPage).addClass("courante")
+   $("#menu li").removeClass("courante")
+   $("#menu li." + nomPage).addClass("courante")
       
    this.pageCourante = page
-   $("#page").html(this.pageCourante.contenu()).removeClass().addClass(this.pageCourante.nom)
+   var contenu = ""
+   if (typeof page == "string")
+      $.ajax({async: false, url: "pages/" + page + ".html", success : function(page) { contenu += page }})
+   else
+      contenu += this.pageCourante.contenu()
+   $("#page").html(contenu).removeClass().addClass(this.pageCourante.nom)
    
    if (this.pageCourante.charger)
       this.pageCourante.charger()
@@ -250,6 +342,11 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement)
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
+/**
+  * Classe permettant de formater du texte par exemple pour la substitution des liens dans les
+  * message par "[url]".
+  * TODO : améliorer l'efficacité des méthods notamment lié au smiles.
+  */
 function Formateur()
 {
    this.smiles = conf.smiles
@@ -277,7 +374,7 @@ Formateur.prototype.getSmilesHTML = function()
    var XHTML = ""
    for (var sNom in this.smiles)
    {
-      XHTML += "<img class=\"" + sNom + "\" src=\"img/smileys/" + sNom + ".gif\" />"
+      XHTML += "<img class=\"" + sNom + "\" src=\"img/smileys/" + sNom + ".gif\" alt =\"" + sNom + "\" />"
    }
    return XHTML
 }
@@ -289,7 +386,7 @@ Formateur.prototype.getSmilesHTML = function()
   */
 Formateur.prototype.traitementComplet = function(M, pseudo)
 {
-   return this.traiterLiensConv(this.traiterSmiles(this.traiterURL(this.remplacerBalisesHTML(M), pseudo)))
+   return this.traiterLiensConv(this.traiterSmiles(this.traiterURL(this.traiterWikiSyntaxe(this.remplacerBalisesHTML(M)), pseudo)))
 }
 
 /**
@@ -311,7 +408,7 @@ Formateur.prototype.traiterLiensConv = function(M)
 
 /**
   * FIXME : Cette méthode est attrocement lourde ! A optimiser.
-  * moyenne su échantillon : 234ms
+  * moyenne sur échantillon : 234ms
   */
 Formateur.prototype.traiterSmiles = function(M)
 {  
@@ -319,14 +416,14 @@ Formateur.prototype.traiterSmiles = function(M)
    {
       ss = this.smiles[sNom]
       for (var i = 0; i < ss.length; i++)       
-         M = M.replace(ss[i], "<img src=\"img/smileys/" + sNom + ".gif\" />")
+         M = M.replace(ss[i], "<img src=\"img/smileys/" + sNom + ".gif\" alt =\"" + sNom + "\"  />")
    }
    return M
 }
 
 Formateur.prototype.remplacerBalisesHTML = function(M)
 {
-   return M.replace(/</g, "&lt;").replace(/>/g, "&gt;")
+   return M.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;")
 }
 
 Formateur.prototype.traiterURL = function(M, pseudo)
@@ -343,6 +440,27 @@ Formateur.prototype.traiterURL = function(M, pseudo)
    }
    return M.replace(this.regexUrl, traitementUrl)
 }
+
+/**
+  * Formatage en utilisant un sous-ensemble des règles de mediwiki.
+  * par exemple ''italic'' devient <i>italic</i>
+  */
+Formateur.prototype.traiterWikiSyntaxe = function(M)
+{
+   return M.replace(
+      /'''(.*?)'''/g,
+      function(texte, capture)
+      {
+         return "<b>" + capture + "</b>"
+      }
+   ).replace(
+      /''(.*?)''/g,
+      function(texte, capture)
+      {
+         return "<i>" + capture + "</i>"
+      }
+   )
+}
 
 /**
   * Renvoie une version courte de l'url.
@@ -414,6 +532,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()
@@ -425,6 +546,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
@@ -443,7 +566,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)
@@ -496,7 +621,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
 }
 
@@ -507,7 +635,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)
@@ -563,6 +693,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()
    }
@@ -583,14 +715,16 @@ Client.prototype.delCookie = function()
    document.cookie = "cookie=; max-age=0"
 }
 
-Client.prototype.setCookie = function(cookie)
+Client.prototype.setCookie = function()
 {
-   if (this.cookie == null)
+   if (this.cookie == null || this.cookie == undefined)
       return
       
-   document.cookie =
-      "cookie="+this.cookie+
-      "; max-age="  + (60 * 60 * 24 * 365)
+   // ne fonctionne pas sous IE....
+   /*document.cookie = "cookie=" + this.cookie + "; max-age="  + (60 * 60 * 24 * 365) */
+   
+   document.cookie = 
+      "cookie="+this.cookie+"; expires=" + new Date(new Date().getTime() + 1000 * 60 * 60 * 24 * 365).toUTCString()
 }
 
 Client.prototype.authentifie = function()
@@ -654,7 +788,7 @@ Client.prototype.enregistrement = function(login, password)
 
 Client.prototype.connexion = function(messageJson)
 {
-   ;;; dumpObj(messageJson)
+   ;; dumpObj(messageJson)
    thisClient = this
    jQuery.ajax(
       {
@@ -666,7 +800,7 @@ Client.prototype.connexion = function(messageJson)
          success:
             function(data)
             {
-               ;;; dumpObj(data)
+               ;; dumpObj(data)
                if (data["reply"] == "error")
                   thisClient.util.messageDialogue(data["error_message"])
                else
@@ -704,12 +838,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()
    }
 }
 
@@ -729,7 +867,7 @@ Client.prototype.flush = function(async)
    var thisClient = this
    var ok = true
    
-   ;;; dumpObj(this.getJSONProfile())
+   ;; dumpObj(this.getJSONProfile())
    jQuery.ajax(
       {
          async: async,
@@ -740,12 +878,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()
+               }
             }
       }
    )
@@ -756,9 +898,10 @@ Client.prototype.flush = function(async)
 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
+   // var displayType = this.css == "css/3/euphorik.css" ? "block" : "inline" //this.client
+   displayType = "block"
 
-   $("#menu .admin").css("display", this.ekMaster ? "inline" : "none")
+   $("#menu .admin").css("display", this.ekMaster ? displayType : "none")
 
    // met à jour le menu   
    if (this.statut == statutType.auth_registered)
@@ -781,6 +924,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
@@ -811,7 +962,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",
@@ -836,7 +987,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)
 }
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
@@ -852,6 +1003,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
 }
 
 /**
@@ -859,8 +1013,12 @@ function PageEvent(page, util)
   */
 PageEvent.prototype.stopAttenteCourante = function()
 {
+   this.stop = true
+         
    if (this.attenteCourante != null)
+   {
       this.attenteCourante.abort()   
+   }
 }
 
 /**
@@ -870,11 +1028,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 = 
    {
@@ -885,7 +1045,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",
@@ -894,20 +1055,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.rafraichirMessages(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)
 }
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
@@ -923,16 +1093,16 @@ 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(
    function()
    {  
-      var util = new Util()
+      var formateur = new Formateur()
+      var util = new Util(formateur)
       var client = new Client(util)
-      var pages = new Pages()
-      var formateur = new Formateur()
+      var pages = new Pages()
       
       // connexion vers le serveur (utilise un cookie qui traine)
       client.connexionCookie()
@@ -959,12 +1129,17 @@ $(document).ready(
       })
       $("#menu .register").click(function(){ pages.afficherPage("register") })
       $("#menu .about").click(function(){ pages.afficherPage("about") })
+      
+      // TODO : simplifier et pouvoir créer des liens par exemple : <span class="lien" href="conditions">Conditions d'utilisation</span>
+      $("#footer .conditions").click(function(){ pages.afficherPage("conditions_utilisation") })
 
       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))
+      pages.ajouterPage("conditions_utilisation")
+      
       pages.afficherPage("minichat")
    }
-)
\ No newline at end of file
+)