MOD avancement dans la Grande Restructuration
authorGreg Burri <greg.burri@gmail.com>
Thu, 17 Jul 2008 13:08:08 +0000 (13:08 +0000)
committerGreg Burri <greg.burri@gmail.com>
Thu, 17 Jul 2008 13:08:08 +0000 (13:08 +0000)
js/euphorik.js
js/formateur.js [new file with mode: 0644]
js/pages.js [new file with mode: 0644]
js/util.js

index 228ea3c..b93498f 100755 (executable)
@@ -48,7 +48,9 @@ var euphorik = {}
 ;; euphorik.include("json2")
 
 ;; euphorik.include("conf")
-;; euphorik.include("util")
+;; euphorik.include("util")\r
+;; euphorik.include("formateur")\r
+;; euphorik.include("pages")
 
 ;; euphorik.include("pageMinichat")
 ;; euphorik.include("pageAdmin")
@@ -83,229 +85,6 @@ String.prototype.rtrim = function() {
 }
 
 
-///////////////////////////////////////////////////////////////////////////////////////////////////
-
-function Pages()
-{
-   this.pageCourante = null
-   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)
-{
-   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)
-{
-   if (forcerChargement == undefined) forcerChargement = false
-
-   var page = this.pages[nomPage]
-   if (page == undefined || (!forcerChargement && page == this.pageCourante)) return
-   
-   if (this.pageCourante != null && this.pageCourante.decharger)
-      this.pageCourante.decharger()
-  
-   $("#menu li").removeClass("courante")
-   $("#menu li." + nomPage).addClass("courante")
-      
-   this.pageCourante = page
-   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 +
-       (this.pageCourante.classes != undefined ? " " + this.pageCourante.classes() : "") // l'objet peut fournire des classes css supplémentaires sous la forme d'un string
-   )
-   
-   if (this.pageCourante.charger)
-      this.pageCourante.charger()
-}
-
-///////////////////////////////////////////////////////////////////////////////////////////////////
-
-/**
-  * 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 = euphorik.conf.smiles
-   this.protocoles = "http|https|ed2k"
-   
-   this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi")
-   this.regexImg = new RegExp("^.*?\\.(gif|jpg|png|jpeg|bmp|tiff)$", "i")
-   this.regexDomaine = new RegExp("^(?:(?:" + this.protocoles + ")://|www\\.).*?([^/.]+\\.[^/.]+)(?:$|/).*$", "i")
-   this.regexTestProtocoleExiste = new RegExp("^(?:" + this.protocoles + ")://.*$", "i")
-   this.regexNomProtocole = new RegExp("^(.*?)://")
-}
-
-/**
-  * Formate un pseudo saise par l'utilisateur.
-  * @param pseudo le pseudo brut
-  * @return le pseudo filtré
-  */
-Formateur.prototype.filtrerInputPseudo = function(pseudo)
-{
-   return pseudo.replace(/{|}/g, "").trim()
-}
-
-Formateur.prototype.getSmilesHTML = function()
-{
-   var XHTML = ""
-   for (var sNom in this.smiles)
-   {
-      XHTML += "<img class=\"" + sNom + "\" src=\"img/smileys/" + sNom + ".gif\" alt =\"" + sNom + "\" />"
-   }
-   return XHTML
-}
-
-/**
-  * Formatage complet d'un texte.
-  * @M le message
-  * @pseudo facultatif, permet de contruire le label des images sous la forme : "<Pseudo> : <Message>"
-  */
-Formateur.prototype.traitementComplet = function(M, pseudo)
-{
-   return this.traiterLiensConv(this.traiterSmiles(this.traiterURL(this.traiterWikiSyntaxe(this.remplacerBalisesHTML(M)), pseudo)))
-}
-
-/**
-  * Transforme les liens en entités clickables.
-  * Un lien vers une conversation permet d'ouvrire celle ci, elle se marque comme ceci dans un message :
-  * "{5F}" ou 5F est la racine de la conversation.
-  * Ce lien sera transformer en <span class="lienConv">{5F}</span> pouvant être clické pour créer la conv 5F.
-  */
-Formateur.prototype.traiterLiensConv = function(M)
-{
-   return M.replace(
-      /\{\w+\}/g,
-      function(lien)
-      {
-         return "<span class=\"lienConv\">" + lien + "</span>"
-      }
-   )
-}
-
-/**
-  * FIXME : Cette méthode est attrocement lourde ! A optimiser.
-  * moyenne sur échantillon : 234ms
-  */
-Formateur.prototype.traiterSmiles = function(M)
-{  
-   for (var sNom in this.smiles)
-   {
-      var ss = this.smiles[sNom]
-      for (var i = 0; i < ss.length; i++)       
-         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;").replace(/"/g, "&quot;")
-}
-
-Formateur.prototype.traiterURL = function(M, pseudo)
-{
-   var thisFormateur = this
-         
-   var traitementUrl = function(url)
-   {    
-      // si ya pas de protocole on rajoute "http://"
-      if (!thisFormateur.regexTestProtocoleExiste.test(url))
-         url = "http://" + url
-      var extension = thisFormateur.getShort(url)
-      return "<a " + (extension[1] ? "title=\"" + (pseudo == undefined ? "" : thisFormateur.traiterPourFenetreLightBox(pseudo, url) + ": ") +  thisFormateur.traiterPourFenetreLightBox(M, url) + "\"" + " rel=\"lightbox\"" : "") + " href=\"" + url + "\" >[" + extension[0] + "]</a>"
-   }
-   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.
-  * par exemple : http://en.wikipedia.org/wiki/Yakov_Smirnoff devient wikipedia.org
-  */
-Formateur.prototype.getShort = function(url)
-{
-      var estUneImage = false
-      var versionShort = null
-      var rechercheImg = this.regexImg.exec(url)
-      
-      if (rechercheImg != null)
-      {
-         versionShort = rechercheImg[1].toLowerCase()
-         if (versionShort == "jpeg") versionShort = "jpg" // jpeg -> jpg
-         estUneImage = true
-      }
-      else
-      {
-         var rechercheDomaine = this.regexDomaine.exec(url)
-         if (rechercheDomaine != null && rechercheDomaine.length >= 2)
-            versionShort = rechercheDomaine[1]
-         else
-         {
-            var nomProtocole = this.regexNomProtocole.exec(url)
-            if (nomProtocole != null && nomProtocole.length >= 2)
-               versionShort = nomProtocole[1]
-         }
-      }
-      
-      return [versionShort == null ? "url" : versionShort, estUneImage]
- }
-/**
-  * Traite les pseudo et messages à être affiché dans le titre d'une image visualisé avec lightbox.
-  */
-Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante)
-{
-   var thisFormateur = this
-   var traitementUrl = function(url)
-   {
-      return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? "*" : "") + "]"
-   }
-   
-   return this.remplacerBalisesHTML(M).replace(this.regexUrl, traitementUrl)
-}
-
-
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
 // les statuts possibes du client
@@ -929,10 +708,10 @@ PageEvent.prototype.waitEvent2 = function(funSend, funsReceive)
 $(document).ready(
    function()
    {
-      var formateur = new Formateur()
+      var formateur = new euphorik.Formateur()
       var util = new euphorik.Util(formateur)
       var client = new Client(util)
-      var pages = new Pages()
+      var pages = new euphorik.Pages()
       
       // connexion vers le serveur (utilise un cookie qui traine)
       client.connexionCookie()
diff --git a/js/formateur.js b/js/formateur.js
new file mode 100644 (file)
index 0000000..34b108b
--- /dev/null
@@ -0,0 +1,167 @@
+// coding: utf-8\r
+// Copyright 2008 Grégory Burri\r
+//\r
+// This file is part of Euphorik.\r
+//\r
+// Euphorik is free software: you can redistribute it and/or modify\r
+// it under the terms of the GNU General Public License as published by\r
+// the Free Software Foundation, either version 3 of the License, or\r
+// (at your option) any later version.\r
+//\r
+// Euphorik is distributed in the hope that it will be useful,\r
+// but WITHOUT ANY WARRANTY; without even the implied warranty of\r
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\r
+// GNU General Public License for more details.\r
+//\r
+// You should have received a copy of the GNU General Public License\r
+// along with Euphorik.  If not, see <http://www.gnu.org/licenses/>.\r
+\r
+/*jslint laxbreak:true */\r
+\r
+\r
+/**\r
+  * Classe permettant de formater du texte par exemple pour la substitution des liens dans les\r
+  * message par "[url]".\r
+  * TODO : améliorer l'efficacité des méthods notamment lié au smiles.\r
+  */\r
+euphorik.Formateur = function() {\r
+   this.smiles = euphorik.conf.smiles;\r
+   this.protocoles = "http|https|ed2k";\r
+   \r
+   this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi");\r
+   this.regexImg = new RegExp("^.*?\\.(gif|jpg|png|jpeg|bmp|tiff)$", "i");\r
+   this.regexDomaine = new RegExp("^(?:(?:" + this.protocoles + ")://|www\\.).*?([^/.]+\\.[^/.]+)(?:$|/).*$", "i");\r
+   this.regexTestProtocoleExiste = new RegExp("^(?:" + this.protocoles + ")://.*$", "i");\r
+   this.regexNomProtocole = new RegExp("^(.*?)://");\r
+};\r
+\r
+/**\r
+  * Formate un pseudo saise par l'utilisateur.\r
+  * @param pseudo le pseudo brut\r
+  * @return le pseudo filtré\r
+  */\r
+euphorik.Formateur.prototype.filtrerInputPseudo = function(pseudo) {\r
+   return pseudo.replace(/\{|\}/g, "").trim();\r
+};\r
+\r
+euphorik.Formateur.prototype.getSmilesHTML = function() {\r
+   var XHTML = "";\r
+   this.smiles.each(function(nom) {\r
+      XHTML += "<img class=\"" + nom + "\" src=\"img/smileys/" + nom + ".gif\" alt =\"" + nom + "\" />";\r
+   });\r
+   return XHTML;\r
+};\r
+\r
+/**\r
+  * Formatage complet d'un texte.\r
+  * @m le message\r
+  * @pseudo facultatif, permet de contruire le label des images sous la forme : "<Pseudo> : <Message>"\r
+  */\r
+euphorik.Formateur.prototype.traitementComplet = function(m, pseudo) {\r
+   return this.traiterLiensConv(this.traiterSmiles(this.traiterURL(this.traiterWikiSyntaxe(this.remplacerBalisesHTML(m)), pseudo)));\r
+};\r
+\r
+/**\r
+  * Transforme les liens en entités clickables.\r
+  * Un lien vers une conversation permet d'ouvrire celle ci, elle se marque comme ceci dans un message :\r
+  * "{5F}" ou 5F est la racine de la conversation.\r
+  * Ce lien sera transformer en <span class="lienConv">{5F}</span> pouvant être clické pour créer la conv 5F.\r
+  */\r
+euphorik.Formateur.prototype.traiterLiensConv = function(m) {\r
+   return m.replace(\r
+      /\{\w+\}/g,\r
+      function(lien) {\r
+         return "<span class=\"lienConv\">" + lien + "</span>";\r
+      }\r
+   );\r
+};\r
+\r
+/**\r
+  * FIXME : Cette méthode est attrocement lourde ! A optimiser.\r
+  * moyenne sur échantillon : 234ms\r
+  */\r
+euphorik.Formateur.prototype.traiterSmiles = function(m) {  \r
+   this.smiles.each(function(nom, smiles) {\r
+      for (var i = 0; i < smiles.length; i++) {\r
+         m = m.replace(smiles[i], "<img src=\"img/smileys/" + nom + ".gif\" alt =\"" + nom + "\"  />");\r
+      }\r
+   });\r
+   return m;\r
+};\r
+\r
+euphorik.Formateur.prototype.remplacerBalisesHTML = function(m) {\r
+   return m.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");\r
+};\r
+\r
+euphorik.Formateur.prototype.traiterURL = function(m, pseudo) {\r
+   var thisFormateur = this;\r
+   var traitementUrl = function(url) {    \r
+      // si ya pas de protocole on rajoute "http://"\r
+      if (!thisFormateur.regexTestProtocoleExiste.test(url)) {\r
+         url = "http://" + url;\r
+      }\r
+      var extension = thisFormateur.getShort(url);\r
+      return "<a " + (extension[1] ? "title=\"" + (pseudo ? thisFormateur.traiterPourFenetreLightBox(pseudo, url) + ": " : "") +  thisFormateur.traiterPourFenetreLightBox(m, url) + "\"" + " rel=\"lightbox\"" : "") + " href=\"" + url + "\" >[" + extension[0] + "]</a>";\r
+   };\r
+   return m.replace(this.regexUrl, traitementUrl);\r
+};\r
+\r
+/**\r
+  * Formatage en utilisant un sous-ensemble des règles de mediwiki.\r
+  * par exemple ''italic'' devient <i>italic</i>\r
+  */\r
+euphorik.Formateur.prototype.traiterWikiSyntaxe = function(m) {\r
+   return m.replace(\r
+      /'''(.*?)'''/g,\r
+      function(texte, capture) {\r
+         return "<b>" + capture + "</b>";\r
+      }\r
+   ).replace(\r
+      /''(.*?)''/g,\r
+      function(texte, capture) {\r
+         return "<i>" + capture + "</i>";\r
+      }\r
+   );\r
+};\r
+\r
+/**\r
+  * Renvoie une version courte de l'url.\r
+  * par exemple : http://en.wikipedia.org/wiki/Yakov_Smirnoff devient wikipedia.org\r
+  */\r
+euphorik.Formateur.prototype.getShort = function(url) {\r
+   var estUneImage = false;\r
+   var versionShort = null;\r
+   var rechercheImg = this.regexImg.exec(url);\r
+   \r
+   if (rechercheImg) {\r
+      versionShort = rechercheImg[1].toLowerCase();\r
+      if (versionShort === "jpeg") {\r
+         versionShort = "jpg"; // jpeg -> jpg\r
+      }\r
+      estUneImage = true;\r
+   } else {\r
+      var rechercheDomaine = this.regexDomaine.exec(url);\r
+      if (rechercheDomaine && rechercheDomaine.length >= 2) {\r
+         versionShort = rechercheDomaine[1];\r
+      } else {\r
+         var nomProtocole = this.regexNomProtocole.exec(url);\r
+         if (nomProtocole && nomProtocole.length >= 2) {\r
+            versionShort = nomProtocole[1];\r
+         }\r
+      }\r
+   }\r
+   \r
+   return [versionShort ? versionShort : "url", estUneImage];\r
+ };\r
\r
+/**\r
+  * Traite les pseudo et messages à être affiché dans le titre d'une image visualisé avec lightbox.\r
+  */\r
+euphorik.Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante) {\r
+   var thisFormateur = this;\r
+   var traitementUrl = function(url) {\r
+      return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? "*" : "") + "]";\r
+   };\r
+   \r
+   return this.remplacerBalisesHTML(M).replace(this.regexUrl, traitementUrl);\r
+};\r
diff --git a/js/pages.js b/js/pages.js
new file mode 100644 (file)
index 0000000..fe28860
--- /dev/null
@@ -0,0 +1,74 @@
+// coding: utf-8\r
+// Copyright 2008 Grégory Burri\r
+//\r
+// This file is part of Euphorik.\r
+//\r
+// Euphorik is free software: you can redistribute it and/or modify\r
+// it under the terms of the GNU General Public License as published by\r
+// the Free Software Foundation, either version 3 of the License, or\r
+// (at your option) any later version.\r
+//\r
+// Euphorik is distributed in the hope that it will be useful,\r
+// but WITHOUT ANY WARRANTY; without even the implied warranty of\r
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\r
+// GNU General Public License for more details.\r
+//\r
+// You should have received a copy of the GNU General Public License\r
+// along with Euphorik.  If not, see <http://www.gnu.org/licenses/>.\r
+\r
+/*jslint laxbreak:true */\r
+\r
+\r
+/**\r
+  * Gestion des pages.\r
+  */\r
+euphorik.Pages = function() {\r
+   this.pageCourante = undefined;\r
+   this.pages = {};\r
+};\r
+\r
+/**\r
+  * Accepte soit un objet soit un string.\r
+  * un string correspond au nom de la page, par exemple : "page" -> "page.html"\r
+  */\r
+euphorik.Pages.prototype.ajouterPage = function(page) {\r
+   if (typeof page == "string") {\r
+      this.pages[page] = page;\r
+   } else {\r
+      page.pages = this; // la magie des langages dynamiques : le foutoire\r
+      this.pages[page.nom] = page;\r
+   }\r
+};\r
+\r
+euphorik.Pages.prototype.afficherPage = function(nomPage, forcerChargement) {\r
+   forcerChargement = forcerChargement || false;\r
+\r
+   var page = this.pages[nomPage];\r
+   if (!page || (!forcerChargement && page == this.pageCourante)) {\r
+      return;\r
+   }\r
+   \r
+   if (this.pageCourante && this.pageCourante.decharger) {\r
+      this.pageCourante.decharger();\r
+   }\r
+  \r
+   $("#menu li").removeClass("courante");\r
+   $("#menu li." + nomPage).addClass("courante");\r
+      \r
+   this.pageCourante = page;\r
+   var contenu = "";\r
+   if (typeof page == "string") {\r
+      $.ajax({async: false, url: "pages/" + page + ".html", success : function(page) { contenu += page; }});\r
+   } else {\r
+      contenu += this.pageCourante.contenu();\r
+   }\r
+   \r
+   $("#page").html(contenu).removeClass().addClass(\r
+      this.pageCourante.nom +\r
+      (this.pageCourante.classes ? " " + this.pageCourante.classes() : "") // l'objet peut fournire des classes css supplémentaires sous la forme d'un string\r
+   );\r
+   \r
+   if (this.pageCourante.charger) {\r
+      this.pageCourante.charger();\r
+   }\r
+};\r
index c70f7e5..638fa6d 100644 (file)
@@ -167,8 +167,7 @@ euphorik.Util.prototype.infoBulle = function(message, element, position) {
          var depassementDroit = (positionMessage.left + m.width()) - $("body").width();
          if (depassementDroit > 0) {
             positionMessage.left -= depassementDroit;\r
-         }
-         else if (positionMessage.left < 0) {
+         } else if (positionMessage.left < 0) {
             positionMessage.left = 0;
          }
          
@@ -200,8 +199,7 @@ euphorik.Util.prototype.setSelectionRange = function(input, selectionStart, sele
    if (input.setSelectionRange) {
       input.focus();
       input.setSelectionRange(selectionStart, selectionEnd);
-   }
-   else if (input.createTextRange) {
+   } else if (input.createTextRange) {
       var range = input.createTextRange();
       range.collapse(true);
       range.moveEnd('character', selectionEnd);
@@ -233,12 +231,10 @@ euphorik.Util.prototype.replaceSelection = function(input, replaceString) {
       
       if (selectionStart != selectionEnd) { // has there been a selection
          this.setSelectionRange(input, selectionStart, selectionStart + replaceString.length);\r
-      }
-      else { // set caret
+      } else { // set caret
          this.setCaretToPos(input, selectionStart + replaceString.length);\r
       }
-   }
-   else if (document.selection) {
+   } else if (document.selection) {
       input.focus();
       var range = document.selection.createRange();
       if (range.parentElement() == input) {