MOD le logo devient un protoype pour le design officiel

[euphorik.git] / js / euphorik.js

diff --git a/js/euphorik.js b/js/euphorik.js
index 29e85ad..86982db 100755 (executable)
--- a/js/euphorik.js
+++ b/js/euphorik.js
@@ -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
@@ -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,10 +965,10 @@ 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()
@@ -967,4 +1003,4 @@ $(document).ready(
       pages.ajouterPage(new PageAbout(client, formateur, util))
       pages.afficherPage("minichat")
    }
-)
\ No newline at end of file
+)