MOD le logo devient un protoype pour le design officiel
[euphorik.git] / js / euphorik.js
index 4b56fa3..86982db 100755 (executable)
@@ -13,7 +13,7 @@
   * Normalement 'const' à la place de 'var' mais non supporté par IE7.
   */\r
 var conf = {\r
-   nbMessageAffiche : 10, // (par page)
+   nbMessageAffiche : 40, // (par page)
    pseudoDefaut : "<nick>",\r
    tempsAffichageMessageDialogue : 4000, // en ms\r
    smiles : {   \r
@@ -65,13 +65,16 @@ String.prototype.rtrim = function()
 ///////////////////////////////////////////////////////////////////////////////////////////////////\r
 \r
 /**\r
-  * Cette classe regroupe des fonctions utilitaires (helpers).\r
+  * Cette classe regroupe des fonctions utilitaires (helpers).
+  * @formateur est permet de formater les messages affichés à l'aide de messageDialogue (facultatif)\r
   */
-function Util()
+function Util(formateur)
 {
    $("#info .fermer").click(function(){
       $("#info").slideUp(50) 
    })
+   
+   this.formateur = formateur
 }
 
 var messageType = {informatif: 0, question: 1, erreur: 2}
@@ -82,11 +85,17 @@ var messageType = {informatif: 0, question: 1, erreur: 2}
   * @param type voir 'messageType'. par défaut messageType.informatif\r
   * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons\r
   *        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 +103,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
@@ -238,8 +247,8 @@ 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)
@@ -250,6 +259,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\r
@@ -277,7 +291,7 @@ Formateur.prototype.getSmilesHTML = function()
    var XHTML = ""\r
    for (var sNom in this.smiles)\r
    {\r
-      XHTML += "<img class=\"" + sNom + "\" src=\"img/smileys/" + sNom + ".gif\" />"\r
+      XHTML += "<img class=\"" + sNom + "\" src=\"img/smileys/" + sNom + ".gif\" alt =\"" + sNom + "\" />"\r
    }\r
    return XHTML\r
 }\r
@@ -289,7 +303,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 +325,7 @@ Formateur.prototype.traiterLiensConv = function(M)
 \r
 /**\r
   * FIXME : Cette méthode est attrocement lourde ! A optimiser.
-  * moyenne su échantillon : 234ms\r
+  * moyenne sur échantillon : 234ms\r
   */
 Formateur.prototype.traiterSmiles = function(M)
 {  
@@ -319,14 +333,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 +357,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>"
+      }
+   )
+}
 \r
 /**\r
   * Renvoie une version courte de l'url.\r
@@ -384,7 +419,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 ? "*" : "") + "]"
    }
    \r
    return this.remplacerBalisesHTML(M).replace(this.regexUrl, traitementUrl)
@@ -413,10 +448,7 @@ function Client(util)
    // données personnels\r
    this.resetDonneesPersonnelles()
    
-   this.setStatut(statutType.deconnected)
-   
-   // le dernier message d'erreur recut du serveur (par exemple une connexion foireuse : "login impossible")
-   this.dernierMessageErreur = ""\r
+   this.setStatut(statutType.deconnected)\r
 }
 \r
 Client.prototype.resetDonneesPersonnelles = function()\r
@@ -428,6 +460,7 @@ Client.prototype.resetDonneesPersonnelles = function()
    this.email = ""\r
    this.css = $("link#cssPrincipale").attr("href")
    this.nickFormat = "nick"
+   this.cookie = undefined
    
    this.pagePrincipale = 1
    this.ekMaster = false
@@ -611,7 +644,7 @@ Client.prototype.setStatut = function(statut)
          (statut == "auth_not_registered" ? statutType.auth_not_registered : statutType.deconnected)\r
    }   \r
    \r
-   if (statut == this.statut) return   \r
+   if (statut == this.statut) return\r
    \r
    this.statut = statut   \r
    this.majMenu()
@@ -669,7 +702,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)
             }
       }
    )
@@ -679,9 +715,9 @@ Client.prototype.connexion = function(messageJson)
 Client.prototype.deconnexion = function()\r
 {
    this.flush(true)
-   this.delCookie()\r
-   this.setStatut(statutType.deconnected) // deconnexion\r
+   this.delCookie()
    this.resetDonneesPersonnelles()\r
+   this.setStatut(statutType.deconnected) // deconnexion\r
 }
 
 Client.prototype.chargerDonnees = function(data)
@@ -710,7 +746,6 @@ Client.prototype.chargerDonnees = function(data)
       // les conversations
       this.conversations = data["conversations"]
    }
-   this.dernierMessageErreur = data["error_message"]
 }
 
 /**
@@ -726,7 +761,7 @@ Client.prototype.flush = function(async)
    if (!this.authentifie())
       return false
 
-   thisClient = this
+   var thisClient = this
    var ok = true
    
    ;;; dumpObj(this.getJSONProfile())
@@ -743,7 +778,7 @@ Client.prototype.flush = function(async)
                ;;; dumpObj(data)
                if (data["reply"] == "error")
                {
-                  thisClient.dernierMessageErreur = data["error_message"]
+                  thisClient.util.messageDialogue(data["error_message"])
                   ok = false
                }
             }
@@ -756,9 +791,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)
@@ -904,7 +940,7 @@ PageEvent.prototype.waitEvent = function(funSend, funReceive)
       error:
          function(XMLHttpRequest, textStatus, errorThrown)
          {
-            setTimeout(function(){ thisPageEvent.rafraichirMessages(funSend, funReceive) }, 1000);
+            setTimeout(function(){ thisPageEvent.waitEvent(funSend, funReceive) }, 1000);
          }
    })
 
@@ -929,17 +965,18 @@ function initialiserListeStyles(client)
 $(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()\r
+      var pages = new Pages()\r
       \r
       // connexion vers le serveur (utilise un cookie qui traine)\r
       client.connexionCookie()
       
       initialiserListeStyles(client)
 
-      // TODO : pourquoi $(document).unload ne fonctionne pas ?
+      // FIXME : ne fonctionne pas sous opera
+      // voir : http://dev.jquery.com/ticket/2892#preview
       $(window).unload(function(){client.flush()})
       
       $("#menu .minichat").click(function(){ pages.afficherPage("minichat") })
@@ -966,4 +1003,4 @@ $(document).ready(
       pages.ajouterPage(new PageAbout(client, formateur, util))
       pages.afficherPage("minichat")
    }
-)
\ No newline at end of file
+)