MOD restructuration des styles (pas fini)

[euphorik.git] / js / euphorik.js

diff --git a/js/euphorik.js b/js/euphorik.js
index 8518495..eb9741b 100755 (executable)
--- a/js/euphorik.js
+++ b/js/euphorik.js
@@ -43,6 +43,7 @@ var conf = {
       "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],
@@ -179,13 +180,19 @@ Util.prototype.afficherBoite = function(boite, cible, positionX, positionY)
     boite.css("top", positionBoite.top).css("left", positionBoite.left).show()
 }
 
+var positionBulleType = {haut : 0, droite : 1, bas : 2, gauche : 3}
+
 /**
   * Affiche un info bulle lorsque le curseur survole l'élément donné.
-  * FIXME : le width de element ne tient pas compte du padding !?
+  * @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)
+Util.prototype.infoBulle = function(message, element, position)
 {
    var thisUtil = this
+   if (position == undefined)
+      position = positionBulleType.haut
 
    var cacherBulle = function()
       {   
@@ -201,6 +208,9 @@ Util.prototype.infoBulle = function(message, element)
                   
          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)
@@ -210,12 +220,20 @@ Util.prototype.infoBulle = function(message, element)
          m.css("top", 0).css("left", 0)
          
          var positionFleche = {
-            left : element.offset().left + element.innerWidth() / 2 - f.width() / 2,
-            top : element.offset().top - f.height()
+            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 : element.offset().left + element.width() / 2 - m.width() / 2,
-            top : element.offset().top - f.height() - m.height()
+            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)
@@ -378,8 +396,12 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement)
    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)
+   }
+   $("#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()
@@ -459,7 +481,7 @@ Formateur.prototype.traiterSmiles = function(M)
 {  
    for (var sNom in this.smiles)
    {
-      ss = this.smiles[sNom]
+      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 + "\"  />")
    }
@@ -473,7 +495,7 @@ Formateur.prototype.remplacerBalisesHTML = function(M)
 
 Formateur.prototype.traiterURL = function(M, pseudo)
 {
-   thisFormateur = this
+   var thisFormateur = this
          
    var traitementUrl = function(url)
    {    
@@ -544,7 +566,7 @@ Formateur.prototype.getShort = function(url)
   */
 Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante)
 {
-   thisFormateur = this
+   var thisFormateur = this
    var traitementUrl = function(url)
    {
       return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? "*" : "") + "]"
@@ -590,6 +612,7 @@ Client.prototype.resetDonneesPersonnelles = function()
    this.password = ""
    this.email = ""
    this.css = $("link#cssPrincipale").attr("href")
+   this.chatOrder = "reverse"
    this.nickFormat = "nick"
    this.viewTimes = true
    this.viewTooltips = true
@@ -736,6 +759,7 @@ Client.prototype.getJSONProfile = function()
       "nick" : this.pseudo,
       "email" : this.email,
       "css" : this.css,
+      "chat_order" : this.chatOrder,
       "nick_format" : this.nickFormat,
       "view_times" : this.viewTimes,
       "view_tooltips" : this.viewTooltips,
@@ -831,9 +855,12 @@ Client.prototype.enregistrement = function(login, password)
    }
 }
 
+/**
+  * Connexion. Réalisé de manière synchrone.
+  */
 Client.prototype.connexion = function(messageJson)
 {
-   thisClient = this
+   var thisClient = this
    jQuery.ajax(
       {
          async: false,
@@ -845,7 +872,11 @@ Client.prototype.connexion = function(messageJson)
             function(data)
             {
                if (data["reply"] == "error")
+               {
                   thisClient.util.messageDialogue(data["error_message"])
+                  // suppression du cookie actuel, cas où le cookie du client ne permet pas une authentification
+                  thisClient.delCookie()
+               }
                else
                   thisClient.chargerDonnees(data)
             }
@@ -880,6 +911,7 @@ Client.prototype.chargerDonnees = function(data)
       this.pseudo = data["nick"]
       this.email = data["email"]
       this.setCss(data["css"])
+      this.chatOrder = data["chat_order"]
       this.nickFormat = data["nick_format"]
       this.viewTimes = data["view_times"]
       this.viewTooltips = data["view_tooltips"]
@@ -914,7 +946,6 @@ Client.prototype.flush = function(async)
 
    var thisClient = this
    var ok = true
-   
    jQuery.ajax(
       {
          async: async,
@@ -943,7 +974,7 @@ Client.prototype.flush = function(async)
 
 Client.prototype.majMenu = function()
 {
-   displayType = "block"
+   var displayType = "block"
 
    $("#menu .admin").css("display", this.ekMaster ? displayType : "none")
 
@@ -1124,7 +1155,7 @@ PageEvent.prototype.waitEvent = function(funSend, funsReceive)
       "page" : this.page
    }
    var poulpe = funSend()
-   for (v in poulpe)
+   for (var v in poulpe)
       dataToSend[v] = poulpe[v]
    
    this.attenteCourante = jQuery.ajax({
@@ -1162,24 +1193,14 @@ PageEvent.prototype.waitEvent2 = function(funSend, funsReceive)
 }
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
-
-function initialiserListeStyles(client)
-{
-   $("#menuCss").change(
-      function()
-      {
-         client.setCss("css/" + $("option:selected", this).attr("value") + "/euphorik.css")
-      }
-   )
-}
             
-// charge dynamiquement le script de debug
+// charge dynamiquement le script de debug (obsolète)
 ;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"})
       
 // le main
 $(document).ready(
    function()
-   {  
+   {
       var formateur = new Formateur()
       var util = new Util(formateur)
       var client = new Client(util)
@@ -1188,7 +1209,7 @@ $(document).ready(
       // connexion vers le serveur (utilise un cookie qui traine)
       client.connexionCookie()
       
-      initialiserListeStyles(client)
+      $("#menuCss").change(function(){ client.setCss("styles/" + $("option:selected", this).attr("value") + "/euphorik.css")})
 
       // FIXME : ne fonctionne pas sous opera
       // voir : http://dev.jquery.com/ticket/2892#preview