MOD début de la Grande Restructuration JavaScript (pas fini)
authorGreg Burri <greg.burri@gmail.com>
Wed, 16 Jul 2008 21:50:16 +0000 (21:50 +0000)
committerGreg Burri <greg.burri@gmail.com>
Wed, 16 Jul 2008 21:50:16 +0000 (21:50 +0000)
index.yaws
js/conf.js [new file with mode: 0644]
js/euphorik.js
js/pageAdmin.js
js/pageMinichat.js
js/pageProfile.js
js/util.js [new file with mode: 0644]
nbproject/private/private.xml

index c600fe9..105694d 100755 (executable)
          }.
    </erl>
    <link rel="stylesheet" href="css/jquery.lightbox.css" type="text/css" media="screen" ></link>
-   <script type="text/javascript" src="js/jquery.js" ></script>
-   <script type="text/javascript" src="js/jquery.lightbox.js"></script>
-   <script type="text/javascript" src="js/md5.js" ></script>
-   <script type="text/javascript" src="js/json2.js" ></script>
-   <script type="text/javascript" src="js/pageMinichat.js" ></script>
-   <script type="text/javascript" src="js/pageAdmin.js" ></script>
-   <script type="text/javascript" src="js/pageProfile.js" ></script>
-   <script type="text/javascript" src="js/pageRegister.js" ></script>
-   <script type="text/javascript" src="js/pageAbout.js" ></script>
    <script type="text/javascript" src="js/euphorik.js" ></script>
 </head>
    <body>
diff --git a/js/conf.js b/js/conf.js
new file mode 100644 (file)
index 0000000..cd76381
--- /dev/null
@@ -0,0 +1,42 @@
+
+/**
+  * La configuration.
+  * Normalement 'const' à la place de 'var' mais non supporté par IE7.
+  */
+euphorik.conf = {
+   versionProtocole : 3, // version du protcole
+   nickDefaut : "<nick>",
+   nbMessageAffiche : 10, // (par page)
+   pseudoDefaut : "<nick>",
+   tempsAffichageMessageDialogue : 4000, // en ms
+   tempsKick : 15, // en minute
+   tempsBan : 60 * 24 * 3, // en minutes (3jours)
+   smiles : {   
+      "smile" : [/:\)/g, /:-\)/g],  
+      "bigsmile" : [/:D/g, /:-D/g],
+      "clin" : [/;\)/g, /;-\)/g],
+      "cool" : [/8\)/g, /8-\)/g],
+      "eheheh" : [/:P/g, /:-P/g],
+      "lol" : [/\[-lol\]/g],
+      "petrus" : [/:F/g],
+      "spliff" : [/\[-spliff\]/g],
+      "oh" : [/:o/g, /:O/g],
+      "heink" : [/\[-heink\]/g],
+      "hum" : [/\[-hum\]/g],
+      "boh" : [/\[-boh\]/g],
+      "sniff" : [/:\(/g, /:-\(/g],
+      "triste" : [/\[-triste\]/g],
+      "pascontent" : [/>\(/g, /&gt;\(/g],
+      "argn" : [/\[-argn\]/g],
+      "redface" : [/\[-redface\]/g],
+      "bunny" : [/\[-lapin\]/g],
+      "chat" : [/\[-chat\]/g],
+      "renne" : [/\[-renne\]/g],
+      "star" : [/\[-star\]/g],
+      "kirby" : [/\[-kirby\]/g],
+      "slurp" : [/\[-slurp\]/g],
+      "agreed" : [/\[-agreed\]/g],
+      "dodo" : [/\[-dodo\]/g],
+      "bn" : [/\[-bn\]/g]
+   }
+}
index 8af19d1..e57cc4e 100755 (executable)
   */
   
 
-/**
-  * La configuration.
-  * Normalement 'const' à la place de 'var' mais non supporté par IE7.
-  */
-var conf = {
-   versionProtocole : 3, // version du protcole
-   nickDefaut : "<nick>",
-   nbMessageAffiche : 10, // (par page)
-   pseudoDefaut : "<nick>",
-   tempsAffichageMessageDialogue : 4000, // en ms
-   tempsKick : 15, // en minute
-   tempsBan : 60 * 24 * 3, // en minutes (3jours)
-   smiles : {   
-      "smile" : [/:\)/g, /:-\)/g],  
-      "bigsmile" : [/:D/g, /:-D/g],
-      "clin" : [/;\)/g, /;-\)/g],
-      "cool" : [/8\)/g, /8-\)/g],
-      "eheheh" : [/:P/g, /:-P/g],
-      "lol" : [/\[-lol\]/g],
-      "petrus" : [/:F/g],
-      "spliff" : [/\[-spliff\]/g],
-      "oh" : [/:o/g, /:O/g],
-      "heink" : [/\[-heink\]/g],
-      "hum" : [/\[-hum\]/g],
-      "boh" : [/\[-boh\]/g],
-      "sniff" : [/:\(/g, /:-\(/g],
-      "triste" : [/\[-triste\]/g],
-      "pascontent" : [/>\(/g, /&gt;\(/g],
-      "argn" : [/\[-argn\]/g],
-      "redface" : [/\[-redface\]/g],
-      "bunny" : [/\[-lapin\]/g],
-      "chat" : [/\[-chat\]/g],
-      "renne" : [/\[-renne\]/g],
-      "star" : [/\[-star\]/g],
-      "kirby" : [/\[-kirby\]/g],
-      "slurp" : [/\[-slurp\]/g],
-      "agreed" : [/\[-agreed\]/g],
-      "dodo" : [/\[-dodo\]/g],
-      "bn" : [/\[-bn\]/g]
-   }
-}
-
-///////////////////////////////////////////////////////////////////////////////////////////////////
-
-String.prototype.trim = function()
-{
-       return jQuery.trim(this) // anciennement : this.replace(/^\s+|\s+$/g, "");
-}
-
-String.prototype.ltrim = function()
-{
-       return this.replace(/^\s+/, "");
-}
-
-String.prototype.rtrim = function()
-{
-       return this.replace(/\s+$/, "");
-}
-
-///////////////////////////////////////////////////////////////////////////////////////////////////
-
-/**
-  * Cette classe regroupe des fonctions utilitaires (helpers).
-  * @formateur est permet de formater les messages affichés à l'aide de messageDialogue (facultatif)
-  */
-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
-}
+// tout euphorik est contenu dans cet objet
+var euphorik = {}
+// ;; euphorik.include = 
+// ;; euphorik.include = function(f) { var s = document.createElement('script'); s.type = 'text/javascript'; s.src = "js/" + f + ".js"; document.getElementsByTagName('head')[0].appendChild(s); }
 
-var messageType = {informatif: 0, question: 1, erreur: 2}
 
-/**
-  * Affiche une boite de dialogue avec un message à l'intérieur.
-  * @param message le message (string)
-  * @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, formate)
-{
-   var thisUtil = this
+// version jQuery : function(f) { jQuery.ajax({async : false, url : "js/" + f + ".js", dataType : "script"}) }
+// mais comme il n'est pas encore chargé...
+;; euphorik.include = function(f) {
+;;    var req, url = 'js/' + f + '.js'
+;;    if  (window.XMLHttpRequest) {
+;;       req = new XMLHttpRequest(); req.open("GET", url, false /* async */); req.send(null);
+;;    } else if (window.ActiveXObject) {    
+;;       req = new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') != -1) ? "Microsoft.XMLHTTP" : "Msxml2.XMLHTTP");
+;;       if (req) { req.open("GET", url, false); req.send(); }
+;;    }
+;;    if (req!==false) { if (req.status==200) { window.eval(req.responseText); } else if (req.status==404) { alert("erreur de chargement (404) de : " + url) } }
+;; } 
 
-   if (type == undefined)
-      type = messageType.informatif
-      
-   if (formate == undefined)
-      formate = true
+;; euphorik.include("jquery")
+;; euphorik.include("jquery.lightbox")
+;; euphorik.include("md5")
+;; euphorik.include("json2")
 
-   if (this.timeoutMessageDialogue != undefined)
-      clearTimeout(this.timeoutMessageDialogue)
-      
-   var fermer = function(){$("#info").slideUp(100)}
-   fermer()   
-   
-   $("#info .message").html(thisUtil.formateur == undefined || !formate ? message : thisUtil.formateur.traitementComplet(message))
-   switch(type)
-   {
-      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
-   }   
-   $("#info .boutons").html("")
-   for (var b in boutons)
-      $("#info .boutons").append("<div>" + b + "</div>").find("div:last").click(boutons[b]).click(fermer)
-   
-   $("#info").slideDown(200)
-   this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue)   
-}
-
-var positionTypeX = {gauche: 0, gaucheRecouvrement: 1, centre: 2, droiteRecouvrement: 3, droite: 4}
-var positionTypeY = {haut: 0, hautRecouvrement: 1, centre: 2, basRecouvrement: 3, bas: 4}
-
-/**
-  * Afficher une boite flottante (élément) par rapport à une cible.
-  * La boite est affichée de manière à ne pas dépasser de la fenêtre.
-  * @boite l'élément à afficher
-  * @cible l'élément sur lequel est affiché la boite
-  * @positionX de type positionTypeX
-  * @positionY de type positionTypeY
-  */
-Util.prototype.afficherBoite = function(boite, cible, positionX, positionY)
-{
-    var positionCible = cible.offset()
-    var positionBoite = 
-      {
-         left : positionX == positionTypeX.gauche ? positionCible.left - boite.width() :
-            (positionX == positionTypeX.gaucheRecouvrement ? positionCible.left - boite.width() + cible.width() : 
-            (positionX == positionTypeX.droitelsRecouvrement ? positionCible.left :
-            (positionX == positionTypeX.droite ? positionCible.left + cible.width() :
-            positionCible.left + cible.width() / 2 - boite.width() / 2 ))), // centre
-         top : positionY == positionTypeY.haut ? positionCible.top - boite.height() :
-            (positionY == positionTypeY.hautRecouvrement ? positionCible.top - boite.height() + cible.height() : 
-            (positionY == positionTypeY.basRecouvrement ? positionCible.top :
-            (positionY == positionTypeY.bas ? positionCible.top + cible.height() :
-            positionCible.top + cible.height() / 2 - boite.height() / 2 ))) // centre
-      }
-      
-    // calcul les décalages en x et en y pour éviter que la boite ne sorte de la fenêtre, tient compte de la position des barres de défilement
-    var marge = 10    
-    positionBoite.left = positionBoite.left < marge + window.pageXOffset ? marge + window.pageXOffset :
-      (boite.width() - $(window).width() + (positionBoite.left - window.pageXOffset) + marge > 0 ? $(window).width() - boite.width() - marge + window.pageXOffset : positionBoite.left)
-    positionBoite.top = positionBoite.top < marge + window.pageYOffset ? marge + window.pageYOffset :
-      (boite.height() - $(window).height() + (positionBoite.top - window.pageYOffset) + marge > 0 ? $(window).height() - boite.height() - marge + window.pageYOffset : positionBoite.top)
-    
-    boite.css("top", positionBoite.top).css("left", positionBoite.left).show()
-}
-
-var positionBulleType = {haut : 0, droite : 1, bas : 2, gauche : 3}
+;; euphorik.include("conf")
+;; euphorik.include("util")
 
-/**
-  * Affiche un info bulle lorsque le curseur survole l'élément donné.
-  * @param message le message à afficher
-  * @param element l'élément DOM sur lesquel afficher la bulle
-  * @param la position de la bulle, voir positionBulleType. Par défaut à 0 (haut)
-  */
-Util.prototype.infoBulle = function(message, element, position)
-{
-   var thisUtil = this
-   if (position == undefined)
-      position = positionBulleType.haut
-
-   var cacherBulle = function()
-      {   
-         $("#flecheBulle").hide()
-         $("#messageBulle").hide()
-      }
+;; euphorik.include("pageMinichat")
+;; euphorik.include("pageAdmin")
+;; euphorik.include("pageProfile")
+;; euphorik.include("pageRegister")
+;; euphorik.include("pageAbout")
 
-   element.hover(
-      function()
-      {
-         if (!thisUtil.bulleActive)
-            return
-                  
-         var m = $("#messageBulle")
-         var f = $("#flecheBulle")
-         f.removeClass().addClass(position == positionBulleType.haut ? "flecheBulleHaut" :
-            (position == positionBulleType.droite ? "flecheBulleDroite" : 
-            (position == positionBulleType.bas ? "flecheBulleBas" : "flecheBulleGauche" )))
-         
-         // remplie le paragraphe de la bulle avec le message
-         $("p", m).html(message)
-         
-         // réinitialise la position, évite le cas ou la boite est collé à droite et remplie avec un texte la faisant dépassé
-         // dans ce cas la hauteur n'est pas calculé correctement
-         m.css("top", 0).css("left", 0)
-         
-         var positionFleche = {
-            left : position == positionBulleType.haut || position == positionBulleType.bas ?
-                element.offset().left + element.outerWidth() / 2 - f.width() / 2 :
-                (position == positionBulleType.gauche ? element.offset().left - f.width() : element.offset().left + element.outerWidth()),
-            top : position == positionBulleType.gauche || position == positionBulleType.droite ?
-                element.offset().top + element.outerHeight() / 2 - f.height() / 2 :
-                (position == positionBulleType.haut ? element.offset().top - f.height() : element.offset().top + element.outerHeight())
-         }
-         var positionMessage = {
-            left : position == positionBulleType.haut || position == positionBulleType.bas ?
-                element.offset().left + element.width() / 2 - m.width() / 2 :
-                (position == positionBulleType.gauche ? element.offset().left - f.width() - m.width() : element.offset().left + f.width() + element.outerWidth()),
-            top : position == positionBulleType.gauche || position == positionBulleType.droite ?
-                element.offset().top + element.outerHeight() / 2 - m.height() / 2 :
-                (position == positionBulleType.haut ? element.offset().top - f.height() - m.height() : element.offset().top + f.height() + element.outerHeight())
-         }
-         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.
-  */
-Util.prototype.jsonVersAction = function(json)
-{
-   return {action : JSON.stringify(json) }
-}
+///////////////////////////////////////////////////////////////////////////////////////////////////
 
-Util.prototype.md5 = function(chaine)
+String.prototype.trim = function()
 {
-   return hex_md5(chaine)
+       return jQuery.trim(this) // anciennement : this.replace(/^\s+|\s+$/g, "");
 }
 
-// pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130
-Util.prototype.setSelectionRange = function(input, selectionStart, selectionEnd)
+String.prototype.ltrim = function()
 {
-   if (input.setSelectionRange)
-   {
-      input.focus()
-      input.setSelectionRange(selectionStart, selectionEnd)
-   }
-   else if (input.createTextRange)
-   {
-      var range = input.createTextRange()
-      range.collapse(true)
-      range.moveEnd('character', selectionEnd)
-      range.moveStart('character', selectionStart)
-      range.select()
-   }
+       return this.replace(/^\s+/, "");
 }
 
-Util.prototype.setCaretToEnd = function(input)
-{
-   this.setSelectionRange(input, input.value.length, input.value.length)
-}
-Util.prototype.setCaretToBegin = function(input)
-{
-   this.setSelectionRange(input, 0, 0)
-}
-Util.prototype.setCaretToPos = function(input, pos)
-{
-   this.setSelectionRange(input, pos, pos)
-}
-Util.prototype.selectString = function(input, string)
+String.prototype.rtrim = function()
 {
-   var match = new RegExp(string, "i").exec(input.value)
-   if (match)
-   {
-      this.setSelectionRange (input, match.index, match.index + match[0].length)
-   }
-}
-Util.prototype.replaceSelection = function(input, replaceString) {
-   if (input.setSelectionRange)
-   {
-      var selectionStart = input.selectionStart
-      var selectionEnd = input.selectionEnd
-      input.value = input.value.substring(0, selectionStart) + replaceString + input.value.substring(selectionEnd)
-      
-      if (selectionStart != selectionEnd) // has there been a selection
-         this.setSelectionRange(input, selectionStart, selectionStart + replaceString.length)
-      else // set caret
-         this.setCaretToPos(input, selectionStart + replaceString.length)
-   }
-   else if (document.selection)
-   {
-      input.focus()
-      var range = document.selection.createRange()
-      if (range.parentElement() == input)
-      {
-         var isCollapsed = range.text == ''
-         range.text = replaceString
-         if (!isCollapsed)
-         {
-            range.moveStart('character', -replaceString.length);
-         }
-      }
-   }
+       return this.replace(/\s+$/, "");
 }
 
-Util.prototype.rot13 = function(chaine)
-{
-   var ACode = 'A'.charCodeAt(0)
-   var aCode = 'a'.charCodeAt(0)
-   var MCode = 'M'.charCodeAt(0)
-   var mCode = 'm'.charCodeAt(0)
-   var ZCode = 'Z'.charCodeAt(0)
-   var zCode = 'z'.charCodeAt(0)
-
-   var f = function(ch, pos) {
-      if (pos == ch.length)
-         return ""
-      
-      var c = ch.charCodeAt(pos);
-      return String.fromCharCode(
-         c +
-         (c >= ACode && c <= MCode || c >= aCode && c <= mCode ? 13 :
-         (c > MCode && c <= ZCode || c > mCode && c <= zCode ? -13 : 0))
-      ) + f(ch, pos + 1)
-   }
-   return f(chaine, 0)
-}
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
@@ -416,7 +140,7 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement)
   */
 function Formateur()
 {
-   this.smiles = conf.smiles
+   this.smiles = euphorik.conf.smiles
    this.protocoles = "http|https|ed2k"
    
    this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi")
@@ -607,7 +331,7 @@ function Client(util)
 Client.prototype.resetDonneesPersonnelles = function()
 {
    this.id = 0
-   this.pseudo = conf.pseudoDefaut
+   this.pseudo = euphorik.conf.pseudoDefaut
    this.login = ""
    this.password = ""
    this.email = ""
@@ -710,7 +434,7 @@ Client.prototype.supprimerConversation = function(num)
 Client.prototype.getJSONLogin = function(login, password)
 {
    return {
-      "header" : { "action" : "authentification", "version" : conf.versionProtocole },
+      "header" : { "action" : "authentification", "version" : euphorik.conf.versionProtocole },
       "login" : login,
       "password" : password
    }
@@ -719,7 +443,7 @@ Client.prototype.getJSONLogin = function(login, password)
 Client.prototype.getJSONLoginCookie = function()
 {
    return {
-      "header" : { "action" : "authentification", "version" : conf.versionProtocole },
+      "header" : { "action" : "authentification", "version" : euphorik.conf.versionProtocole },
       "cookie" : this.cookie
    }
 }  
@@ -730,7 +454,7 @@ Client.prototype.getJSONLoginCookie = function()
   */
 Client.prototype.getJSONEnregistrement = function(login, password)
 {
-   var mess = { "header" : { "action" : "register", "version" : conf.versionProtocole }}
+   var mess = { "header" : { "action" : "register", "version" : euphorik.conf.versionProtocole }}
    
    if (login != undefined && password != undefined)
    {
@@ -752,7 +476,7 @@ Client.prototype.getJSONConversations = function()
 Client.prototype.getJSONProfile = function()
 {
    return {
-      "header" : { "action" : "set_profile", "version" : conf.versionProtocole },
+      "header" : { "action" : "set_profile", "version" : euphorik.conf.versionProtocole },
       "cookie" : this.cookie,
       "login" : this.login,
       "password" : this.password,
@@ -1043,7 +767,7 @@ Client.prototype.slap = function(userId, raison)
       dataType: "json",
       data: this.util.jsonVersAction(
          {
-            "header" : { "action" : "slap", "version" : conf.versionProtocole },
+            "header" : { "action" : "slap", "version" : euphorik.conf.versionProtocole },
             "cookie" : thisClient.cookie,
             "user_id" : userId,
             "reason" : raison
@@ -1063,7 +787,7 @@ Client.prototype.ban = function(userId, raison, minutes)
 
    // par défaut un ban correspond à 3 jours
    if (typeof(minutes) == "undefined")
-      minutes = conf.tempsBan;
+      minutes = euphorik.conf.tempsBan;
       
    jQuery.ajax({
       type: "POST",
@@ -1071,7 +795,7 @@ Client.prototype.ban = function(userId, raison, minutes)
       dataType: "json",
       data: this.util.jsonVersAction(
          {
-            "header" : { "action" : "ban", "version" : conf.versionProtocole },
+            "header" : { "action" : "ban", "version" : euphorik.conf.versionProtocole },
             "cookie" : thisClient.cookie,
             "duration" : minutes,
             "user_id" : userId,
@@ -1088,7 +812,7 @@ Client.prototype.ban = function(userId, raison, minutes)
 
 Client.prototype.kick = function(userId, raison)
 {
-   this.ban(userId, raison, conf.tempsKick)
+   this.ban(userId, raison, euphorik.conf.tempsKick)
 }
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
@@ -1151,7 +875,7 @@ PageEvent.prototype.waitEvent = function(funSend, funsReceive)
    // TODO : ya pas mieux ?
    var dataToSend = 
    {
-      "header" : { "action" : "wait_event", "version" : conf.versionProtocole },
+      "header" : { "action" : "wait_event", "version" : euphorik.conf.versionProtocole },
       "page" : this.page
    }
    var poulpe = funSend()
@@ -1194,16 +918,13 @@ PageEvent.prototype.waitEvent2 = function(funSend, funsReceive)
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
-// charge dynamiquement le script de debug (obsolète)
-;; var include = function(f) { jQuery.ajax({async : false, url : "js/" + f + ".js", dataType : "script"}) }\r
-;; include("debug")
 
 // le main
 $(document).ready(
    function()
    {
       var formateur = new Formateur()
-      var util = new Util(formateur)
+      var util = new euphorik.Util(formateur)
       var client = new Client(util)
       var pages = new Pages()
       
@@ -1220,7 +941,7 @@ $(document).ready(
       $("#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,
+         util.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", euphorik.Util.messageType.question,
             {"Oui" : function()
                {
                   client.deconnexion();
index 8fc6e22..e837a91 100644 (file)
@@ -108,7 +108,7 @@ PageAdmin.prototype.posterTroll = function()
 
    var dataToSend = 
       {
-         "header" : { "action" : "put_troll", "version" : conf.versionProtocole },
+         "header" : { "action" : "put_troll", "version" : euphorik.conf.versionProtocole },
          "cookie" : this.client.cookie,
          "content" : content
       }
@@ -147,7 +147,7 @@ PageAdmin.prototype.majIPs = function()
 
    var dataToSend = 
       {
-         "header" : { "action" : "list_banned_ips", "version" : conf.versionProtocole },
+         "header" : { "action" : "list_banned_ips", "version" : euphorik.conf.versionProtocole },
          "cookie" : this.client.cookie
       }
 
@@ -192,7 +192,7 @@ PageAdmin.prototype.majIPs = function()
                         $(".deban", this).click(
                            function()
                            {
-                              thisPageAdmin.util.messageDialogue("Êtes-vous sur de vouloir débannir l'IP ''" + ip + "'' ?", messageType.question,
+                              thisPageAdmin.util.messageDialogue("Êtes-vous sur de vouloir débannir l'IP ''" + ip + "'' ?", euphorik.Util.messageType.question,
                                  {"Oui" : function()
                                     {
                                        thisPageAdmin.deban(ip)
@@ -227,7 +227,7 @@ PageAdmin.prototype.deban = function(ip)
 
    var dataToSend = 
       {
-         "header" : { "action" : "unban", "version" : conf.versionProtocole },
+         "header" : { "action" : "unban", "version" : euphorik.conf.versionProtocole },
          "cookie" : this.client.cookie,
          "ip" : ip
       }
@@ -335,7 +335,7 @@ Trolls.prototype.ajouterTrollEvent = function(data)
             {
                thisTrolls.util.messageDialogue(
                   "Êtes-vous sur de vouloir supprimer le troll \"" + thisTrolls.trolls[id].content + "\" ?",
-                  messageType.question,
+                  euphorik.Util.messageType.question,
                   {
                      "oui" : function()
                         {
@@ -400,7 +400,7 @@ Trolls.prototype.modifier = function(id, content)
    
    var dataToSend =
       {
-         "header" : { "action" : "mod_troll", "version" : conf.versionProtocole },
+         "header" : { "action" : "mod_troll", "version" : euphorik.conf.versionProtocole },
          "cookie" : this.client.cookie,
          "troll_id" : id,
          "content" : content
@@ -433,7 +433,7 @@ Trolls.prototype.supprimer = function(id)
 
    var dataToSend =
       {
-         "header" : { "action" : "del_troll", "version" : conf.versionProtocole },
+         "header" : { "action" : "del_troll", "version" : euphorik.conf.versionProtocole },
          "cookie" : this.client.cookie,
          "troll_id" : id
       }
index cedcf92..da534ed 100755 (executable)
@@ -38,7 +38,7 @@ PageMinichat.prototype.contenu = function()
    var formulaireXHTML = '<form method="post" action="" id ="posterMessage">\
 <p>\
 <input class="captcha" name="captcha" type="text" size="8" maxlength="8"></input>\
-<input class="pseudo" name="pseudo" type="text" maxlength="50" value="' + encodeURI(conf.nickDefaut) + '"></input>\
+<input class="pseudo" name="pseudo" type="text" maxlength="50" value="' + encodeURI(euphorik.conf.nickDefaut) + '"></input>\
 <span id="repondA"><span class="nb">0</span><span class="messages"></span></span>\
 <input class="message" name="message" type="text" maxlength="500" value=""></input>\
 <button class="smiles"></button>\
@@ -88,8 +88,8 @@ PageMinichat.prototype.charger = function()
       )
       
       this.util.infoBulle("Slap", $("#slap", this.util.outilsBan))
-      this.util.infoBulle("Kick (" + conf.tempsKick + "min)", $("#kick", this.util.outilsBan))
-      this.util.infoBulle("Ban (" + conf.tempsBan / 24 / 60 + " jours)", $("#ban", this.util.outilsBan))
+      this.util.infoBulle("Kick (" + euphorik.conf.tempsKick + "min)", $("#kick", this.util.outilsBan))
+      this.util.infoBulle("Ban (" + euphorik.conf.tempsBan / 24 / 60 + " jours)", $("#ban", this.util.outilsBan))
       this.util.infoBulle("La raison", $("input", this.util.outilsBan))
    }
    
@@ -106,7 +106,7 @@ PageMinichat.prototype.charger = function()
                thisPage.conversations.enleverMessagesRepond()             
          }     
       ),
-      positionBulleType.droite
+      euphorik.Util.positionBulleType.droite
    )
 
    // <smiles>
@@ -173,7 +173,7 @@ PageMinichat.prototype.charger = function()
       function()
       {
          var input = $("input.pseudo")[0]
-         if (input.value == conf.pseudoDefaut)
+         if (input.value == euphorik.conf.pseudoDefaut)
             input.value = ""
       }
    )
@@ -193,7 +193,7 @@ PageMinichat.prototype.getJSONMessage = function(pseudo, message)
       repondA.push(parseInt(id)) // FIXME : une propriété ne peut pas être de type int ?
       
    return {
-      "header" : { "action" : "put_message", "version" : conf.versionProtocole },
+      "header" : { "action" : "put_message", "version" : euphorik.conf.versionProtocole },
       "cookie" : this.client.cookie,
       "nick" : pseudo,
       "content" : message,
@@ -208,9 +208,9 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message)
    // (un pseudo vide est autorisé)
    pseudo = this.formateur.filtrerInputPseudo(pseudo)
    
-   if (pseudo == conf.nickDefaut)
+   if (pseudo == euphorik.conf.nickDefaut)
    {
-      this.util.messageDialogue("Le pseudo ne peut pas être " + conf.nickDefaut)
+      this.util.messageDialogue("Le pseudo ne peut pas être " + euphorik.conf.nickDefaut)
       return
    }
    
@@ -466,7 +466,7 @@ function Conversation(conversations, num)
    this.messages = []
    this.messagesParId = {}
    
-   this.nbMessageMax = conf.nbMessageAffiche // Le nombre de message affiché par page
+   this.nbMessageMax = euphorik.conf.nbMessageAffiche // Le nombre de message affiché par page
 
    var messagesXHTML = '<div class="messages"></div>'
    var messageRacineXHTML = '<div class="messageRacine"></div>'
@@ -488,7 +488,7 @@ function Conversation(conversations, num)
     
    $("#conversations tr").append(XHTML)
    
-   this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), positionBulleType.haut)
+   this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), euphorik.Util.positionBulleType.haut)
    if (num != 0)
    {
       this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .lien"))
@@ -1019,7 +1019,7 @@ Conversations.prototype.afficherMessagesRepondConversations = function()
 Conversations.prototype.getJSONrafraichirMessages = function()
 {
    var mess =  {
-      "message_count" : conf.nbMessageAffiche,
+      "message_count" : euphorik.conf.nbMessageAffiche,
       "main_page" : this.client.pagePrincipale,
       "conversations" : this.getJSONConversations(),
       "troll_id" : this.trollIdCourant
index 5f17b01..b666643 100755 (executable)
@@ -91,7 +91,7 @@ PageProfile.prototype.chargerProfile = function()
          }\r
          \r
          if(!thisPage.client.flush())\r
-            thisPage.util.messageDialogue("Impossible de mettre à jour votre profile, causes inconnues", messageType.erreur)\r
+            thisPage.util.messageDialogue("Impossible de mettre à jour votre profile, causes inconnues", euphorik.Util.messageType.erreur)\r
          else\r
          {\r
             thisPage.util.messageDialogue("Votre profile a été mis à jour")\r
diff --git a/js/util.js b/js/util.js
new file mode 100644 (file)
index 0000000..62d127b
--- /dev/null
@@ -0,0 +1,266 @@
+
+/**
+  * Cette classe regroupe des fonctions utilitaires (helpers).
+  * @formateur est permet de formater les messages affichés à l'aide de messageDialogue (facultatif)
+  */
+euphorik.Util = function (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
+}
+
+euphorik.Util.messageType = {informatif: 0, question: 1, erreur: 2}
+
+/**
+  * Affiche une boite de dialogue avec un message à l'intérieur.
+  * @param message le message (string)
+  * @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
+  */
+euphorik.Util.prototype.messageDialogue = function(message, type, boutons, formate)
+{
+   var thisUtil = this
+
+   type = type || euphorik.Util.messageType.informatif
+      
+   if (formate == undefined)
+      formate = true
+
+   if (this.timeoutMessageDialogue != undefined)
+      clearTimeout(this.timeoutMessageDialogue)
+      
+   var fermer = function(){$("#info").slideUp(100)}
+   fermer()   
+   
+   $("#info .message").html(thisUtil.formateur == undefined || !formate ? message : thisUtil.formateur.traitementComplet(message))
+   switch(type)
+   {
+      case euphorik.Util.messageType.informatif : $("#info #icone").attr("class", "information"); break
+      case euphorik.Util.messageType.question : $("#info #icone").attr("class", "interrogation"); break
+      case euphorik.Util.messageType.erreur : $("#info #icone").attr("class", "exclamation"); break
+   }   
+   $("#info .boutons").html("")
+   for (var b in boutons)
+      $("#info .boutons").append("<div>" + b + "</div>").find("div:last").click(boutons[b]).click(fermer)
+   
+   $("#info").slideDown(200)
+   this.timeoutMessageDialogue = setTimeout(fermer, euphorik.conf.tempsAffichageMessageDialogue)   
+}
+
+euphorik.Util.positionTypeX = {gauche: 0, gaucheRecouvrement: 1, centre: 2, droiteRecouvrement: 3, droite: 4}
+euphorik.Util.positionTypeY = {haut: 0, hautRecouvrement: 1, centre: 2, basRecouvrement: 3, bas: 4}
+
+/**
+  * Afficher une boite flottante (élément) par rapport à une cible.
+  * La boite est affichée de manière à ne pas dépasser de la fenêtre.
+  * @boite l'élément à afficher
+  * @cible l'élément sur lequel est affiché la boite
+  * @positionX de type positionTypeX
+  * @positionY de type positionTypeY
+  */
+euphorik.Util.prototype.afficherBoite = function(boite, cible, positionX, positionY)
+{
+    var positionCible = cible.offset()
+    var positionBoite = 
+      {
+         left : positionX == euphorik.Util.positionTypeX.gauche ? positionCible.left - boite.width() :
+            (positionX == euphorik.Util.positionTypeX.gaucheRecouvrement ? positionCible.left - boite.width() + cible.width() : 
+            (positionX == euphorik.Util.positionTypeX.droitelsRecouvrement ? positionCible.left :
+            (positionX == euphorik.Util.positionTypeX.droite ? positionCible.left + cible.width() :
+            positionCible.left + cible.width() / 2 - boite.width() / 2 ))), // centre
+         top : positionY == euphorik.Util.positionTypeY.haut ? positionCible.top - boite.height() :
+            (positionY == euphorik.Util.positionTypeY.hautRecouvrement ? positionCible.top - boite.height() + cible.height() : 
+            (positionY == euphorik.Util.positionTypeY.basRecouvrement ? positionCible.top :
+            (positionY == euphorik.Util.positionTypeY.bas ? positionCible.top + cible.height() :
+            positionCible.top + cible.height() / 2 - boite.height() / 2 ))) // centre
+      }
+      
+    // calcul les décalages en x et en y pour éviter que la boite ne sorte de la fenêtre, tient compte de la position des barres de défilement
+    var marge = 10    
+    positionBoite.left = positionBoite.left < marge + window.pageXOffset ? marge + window.pageXOffset :
+      (boite.width() - $(window).width() + (positionBoite.left - window.pageXOffset) + marge > 0 ? $(window).width() - boite.width() - marge + window.pageXOffset : positionBoite.left)
+    positionBoite.top = positionBoite.top < marge + window.pageYOffset ? marge + window.pageYOffset :
+      (boite.height() - $(window).height() + (positionBoite.top - window.pageYOffset) + marge > 0 ? $(window).height() - boite.height() - marge + window.pageYOffset : positionBoite.top)
+    
+    boite.css("top", positionBoite.top).css("left", positionBoite.left).show()
+}
+
+euphorik.Util.positionBulleType = {haut : 0, droite : 1, bas : 2, gauche : 3}
+
+/**
+  * Affiche un info bulle lorsque le curseur survole l'élément donné.
+  * @param message le message à afficher
+  * @param element l'élément DOM sur lesquel afficher la bulle
+  * @param la position de la bulle, voir positionBulleType. Par défaut à 0 (haut)
+  */
+euphorik.Util.prototype.infoBulle = function(message, element, position)
+{
+   var thisUtil = this
+   position = position || euphorik.Util.positionBulleType.haut
+
+   var cacherBulle = function()
+      {   
+         $("#flecheBulle").hide()
+         $("#messageBulle").hide()
+      }
+
+   element.hover(
+      function()
+      {
+         if (!thisUtil.bulleActive)
+            return
+                  
+         var m = $("#messageBulle")
+         var f = $("#flecheBulle")
+         f.removeClass().addClass(position == euphorik.Util.positionBulleType.haut ? "flecheBulleHaut" :
+            (position == euphorik.Util.positionBulleType.droite ? "flecheBulleDroite" : 
+            (position == euphorik.Util.positionBulleType.bas ? "flecheBulleBas" : "flecheBulleGauche" )))
+         
+         // remplie le paragraphe de la bulle avec le message
+         $("p", m).html(message)
+         
+         // réinitialise la position, évite le cas ou la boite est collé à droite et remplie avec un texte la faisant dépassé
+         // dans ce cas la hauteur n'est pas calculé correctement
+         m.css("top", 0).css("left", 0)
+         
+         var positionFleche = {
+            left : position == euphorik.Util.positionBulleType.haut || position == euphorik.Util.positionBulleType.bas ?
+                element.offset().left + element.outerWidth() / 2 - f.width() / 2 :
+                (position == euphorik.Util.positionBulleType.gauche ? element.offset().left - f.width() : element.offset().left + element.outerWidth()),
+            top : position == euphorik.Util.positionBulleType.gauche || position == euphorik.Util.positionBulleType.droite ?
+                element.offset().top + element.outerHeight() / 2 - f.height() / 2 :
+                (position == euphorik.Util.positionBulleType.haut ? element.offset().top - f.height() : element.offset().top + element.outerHeight())
+         }
+         var positionMessage = {
+            left : position == euphorik.Util.positionBulleType.haut || position == euphorik.Util.positionBulleType.bas ?
+                element.offset().left + element.width() / 2 - m.width() / 2 :
+                (position == euphorik.Util.positionBulleType.gauche ? element.offset().left - f.width() - m.width() : element.offset().left + f.width() + element.outerWidth()),
+            top : position == euphorik.Util.positionBulleType.gauche || position == euphorik.Util.positionBulleType.droite ?
+                element.offset().top + element.outerHeight() / 2 - m.height() / 2 :
+                (position == euphorik.Util.positionBulleType.haut ? element.offset().top - f.height() - m.height() : element.offset().top + f.height() + element.outerHeight())
+         }
+         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.
+  */
+euphorik.Util.prototype.jsonVersAction = function(json)
+{
+   return {action : JSON.stringify(json) }
+}
+
+euphorik.Util.prototype.md5 = function(chaine)
+{
+   return hex_md5(chaine)
+}
+
+// pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130
+euphorik.Util.prototype.setSelectionRange = function(input, selectionStart, selectionEnd)
+{
+   if (input.setSelectionRange)
+   {
+      input.focus()
+      input.setSelectionRange(selectionStart, selectionEnd)
+   }
+   else if (input.createTextRange)
+   {
+      var range = input.createTextRange()
+      range.collapse(true)
+      range.moveEnd('character', selectionEnd)
+      range.moveStart('character', selectionStart)
+      range.select()
+   }
+}
+
+euphorik.Util.prototype.setCaretToEnd = function(input)
+{
+   this.setSelectionRange(input, input.value.length, input.value.length)
+}
+euphorik.Util.prototype.setCaretToBegin = function(input)
+{
+   this.setSelectionRange(input, 0, 0)
+}
+euphorik.Util.prototype.setCaretToPos = function(input, pos)
+{
+   this.setSelectionRange(input, pos, pos)
+}
+euphorik.Util.prototype.selectString = function(input, string)
+{
+   var match = new RegExp(string, "i").exec(input.value)
+   if (match)
+   {
+      this.setSelectionRange (input, match.index, match.index + match[0].length)
+   }
+}
+euphorik.Util.prototype.replaceSelection = function(input, replaceString) {
+   if (input.setSelectionRange)
+   {
+      var selectionStart = input.selectionStart
+      var selectionEnd = input.selectionEnd
+      input.value = input.value.substring(0, selectionStart) + replaceString + input.value.substring(selectionEnd)
+      
+      if (selectionStart != selectionEnd) // has there been a selection
+         this.setSelectionRange(input, selectionStart, selectionStart + replaceString.length)
+      else // set caret
+         this.setCaretToPos(input, selectionStart + replaceString.length)
+   }
+   else if (document.selection)
+   {
+      input.focus()
+      var range = document.selection.createRange()
+      if (range.parentElement() == input)
+      {
+         var isCollapsed = range.text == ''
+         range.text = replaceString
+         if (!isCollapsed)
+         {
+            range.moveStart('character', -replaceString.length);
+         }
+      }
+   }
+}
+
+euphorik.Util.prototype.rot13 = function(chaine)
+{
+   var ACode = 'A'.charCodeAt(0)
+   var aCode = 'a'.charCodeAt(0)
+   var MCode = 'M'.charCodeAt(0)
+   var mCode = 'm'.charCodeAt(0)
+   var ZCode = 'Z'.charCodeAt(0)
+   var zCode = 'z'.charCodeAt(0)
+
+   var f = function(ch, pos) {
+      if (pos == ch.length)
+         return ""
+      
+      var c = ch.charCodeAt(pos);
+      return String.fromCharCode(
+         c +
+         (c >= ACode && c <= MCode || c >= aCode && c <= mCode ? 13 :
+         (c > MCode && c <= ZCode || c > mCode && c <= zCode ? -13 : 0))
+      ) + f(ch, pos + 1)
+   }
+   return f(chaine, 0)
+}
index 2dd3bff..18422db 100644 (file)
@@ -7,9 +7,9 @@
         </file>
         <file>
             <url>js/pageMinichat.js</url>
-            <line>245</line>
-            <line>923</line>
-            <line>1172</line>
+            <line>246</line>
+            <line>926</line>
+            <line>1175</line>
         </file>
     </editor-bookmarks>
 </project-private>