X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Feuphorik.js;h=6ed19637883039b35f131eb332900e2f652905c0;hb=01922222ac686c2507052c0cc1d755495145d154;hp=bd0cd3ad403a73b316a39a35fdd77600bf4ccbd0;hpb=e04de9d41e7955b0092fc33b8619b4627af6b3f3;p=euphorik.git

diff --git a/js/euphorik.js b/js/euphorik.js
index bd0cd3a..6ed1963 100755
--- a/js/euphorik.js
+++ b/js/euphorik.js
@@ -6,6 +6,7 @@
   * Auteur : GBurri
   * Date : 6.11.2007
   */
+  
 
 /**
   * La configuration.
@@ -20,19 +21,27 @@ var conf = {
       "bigsmile" : [/:D/g, /:-D/g],
       "clin" : [/;\)/g, /;-\)/g],
       "cool" : [/8\)/g, /8-\)/g],
-      "eheheh" : [/:P/g, /:-P/g],
-      "oh" : [/:o/g, /:O/g],
+      "eheheh" : [/:P/g, /:-P/g],
+      "lol" : [/\[-lol\]/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, />\(/g],
-      "sniff" : [/:\(/g, /:-\(/g],
-      "argn" : [/\[:argn\]/g],
-      "bunny" : [/\[:lapin\]/g],
-      "chat" : [/\[:chat\]/g],
-      "renne" : [/\[:renne\]/g],
-      "lol" : [/\[:lol\]/g],
-      "spliff" : [/\[:spliff\]/g],
-      "star" : [/\[:star\]/g],
-      "triste" : [/\[:triste\]/g],
-      "kirby" : [/\[:kirby\]/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]
    }
 }
 
@@ -40,7 +49,7 @@ var conf = {
 
 String.prototype.trim = function()
 {
-	return this.replace(/^\s+|\s+$/g, "");
+	return jQuery.trim(this) // anciennement : this.replace(/^\s+|\s+$/g, "");
 }
 
 String.prototype.ltrim = function()
@@ -53,27 +62,13 @@ String.prototype.rtrim = function()
 	return this.replace(/\s+$/, "");
 }
 
-String.prototype.dump = function(titre)
-{
-   titre = titre == undefined ? "" : titre
-   if (typeof dump != "undefined")
-   {
-      dump("\n--- EUPHORIK.CH : " + titre + " ---\n")
-      dump(this)
-      dump("\n------\n")
-   }
-}
-
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
 /**
   * Cette classe regroupe des fonctions utilitaires (helpers).
   */
 function Util()
-{
-   if(typeof XMLSerializer != "undefined")
-      this.serializer = new XMLSerializer()
-      
+{
    jQuery("#info .fermer").click(function(){
       jQuery("#info").slideUp(50) 
    })
@@ -111,57 +106,15 @@ Util.prototype.messageDialogue = function(message, type, boutons)
    jQuery("#info").slideDown(200)
    this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue)   
 }
-var messageType = {informatif: 0, question: 1, erreur: 2}
-
-/**
-  * Transforme un document XML en string.
-  */
-Util.prototype.serializeXML = function(documentXML)
-{
-   if (this.serializer)
-      return this.serializer.serializeToString(documentXML)
-   else
-      return documentXML.xml
-}
-
-var documentXMLBase = undefined // singleton 
-Util.prototype.creerDocumentXMLAction = function()
-{
-   // FIXME : essayer de garder le doc de base en cache (singleton) et d'en retourner une copie
-   if (true)//documentXMLBase == undefined)
-   {
-      if (document.implementation && document.implementation.createDocument)
-      {
-         // var doc = document.implementation.createDocument("", "action", null)
-         var parser = new DOMParser();
-         documentXMLBase =  parser.parseFromString("<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n<action/>", "text/xml")
-         //alert(this.serializeXML(doc))
-      }
-      else if (window.ActiveXObject)
-      {
-         documentXMLBase = new ActiveXObject("MSXML2.DOMDocument") //("Microsoft.XMLDOM")
-         documentXMLBase.appendChild(doc.createElement("action"));
-         //doc.loadXML("<action></action>")
-         //alert(doc.documentElement)
-         //doc.createElement("action")
-      }
-   }
-   return documentXMLBase
-}
 
-Util.prototype.xmlVersAction = function(xml)
-{
-   //return {action: this.to_utf8(this.serializeXML(xml /*, "UTF-8"*/))}
-   return {action: this.serializeXML(xml)}
-}
+var messageType = {informatif: 0, question: 1, erreur: 2}
 
 /**
   * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery.
   */
 Util.prototype.jsonVersAction = function(json)
 {
-   // FIXME : ne plus encapsuler json dans de l'xml (problème avec yaws)
-   return {action: "<json>" + JSON.stringify(json) + "</json>" }
+   return {action : JSON.stringify(json) }
 }
 
 Util.prototype.md5 = function(chaine)
@@ -238,6 +191,29 @@ Util.prototype.replaceSelection = function(input, replaceString) {
    }
 }
 
+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)
+}
+
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
 function Pages()
@@ -329,7 +305,8 @@ Formateur.prototype.traiterLiensConv = function(M)
 }
 
 /**
-  * FIXME : Cette méthode est attrocement lourde ! A optimiser.
+  * FIXME : Cette méthode est attrocement lourde ! A optimiser.
+  * moyenne su échantillon : 234ms
   */
 Formateur.prototype.traiterSmiles = function(M)
 {  
@@ -414,7 +391,15 @@ Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante)
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
-var statutType = {enregistre: 0, identifie: 1, non_identifie: 2}
+// les statuts possibes du client
+var statutType = {
+   // mode enregistré, peut poster des messages et modifier son profile
+   auth_registered : 0,
+   // mode identifié, peut poster des messages mais n'a pas accès au profile
+   auth_not_registered : 1,
+   // mode déconnecté, ne peut pas poster de message
+   deconnected : 2
+}
 
 function Client(util)
 {
@@ -426,7 +411,7 @@ function Client(util)
    // données personnels
    this.resetDonneesPersonnelles()
    
-   this.setStatut(statutType.non_identifie)
+   this.setStatut(statutType.deconnected)
    
    // le dernier message d'erreur recut du serveur (par exemple une connexion foireuse : "login impossible")
    this.dernierMessageErreur = ""
@@ -439,8 +424,10 @@ Client.prototype.resetDonneesPersonnelles = function()
    this.password = ""
    this.email = ""
    this.css = jQuery("link#cssPrincipale").attr("href")
+   this.nickFormat = "nick"
    
    this.pagePrincipale = 1
+   this.ekMaster = false
    
    // les conversations, une conversation est un objet possédant les attributs suivants :
    // - racine (entier)
@@ -456,9 +443,6 @@ Client.prototype.setCss = function(css)
    this.css = css
    jQuery("link#cssPrincipale").attr("href", this.css)
    this.majMenu()
-
-   if (this.identifie())
-      this.flush()   
 }
 
 Client.prototype.pageSuivante = function(numConv)
@@ -467,7 +451,6 @@ Client.prototype.pageSuivante = function(numConv)
       this.pagePrincipale -= 1
    else if (this.conversations[numConv].page > 1)
       this.conversations[numConv].page -= 1
-   this.flush(false)
 }
 
 Client.prototype.pagePrecedente = function(numConv)
@@ -476,7 +459,6 @@ Client.prototype.pagePrecedente = function(numConv)
       this.pagePrincipale += 1
    else 
       this.conversations[numConv].page += 1
-   this.flush(false)
 }
 
 /**
@@ -497,25 +479,23 @@ Client.prototype.goPremierePage = function(numConv)
          return false
       this.conversations[numConv].page = 1
    }
-   this.flush(false)
    return true
 }
 
 /**
   * Ajoute une conversation à la vue de l'utilisateur.
   * Le profile de l'utilisateur est directement sauvegardé sur le serveur.
-  * @param racines la racine de la conversation
+  * @param racines la racine de la conversation (integer)
   * @return true si la conversation a été créée sinon false (par exemple si la conv existe déjà)
   */
 Client.prototype.ajouterConversation = function(racine)
 {
    // vérification s'il elle n'existe pas déjà
    for (var i = 0; i < this.conversations.length; i++)
-      if (this.conversations[i].racine == racine)
+      if (this.conversations[i].root == racine)
          return false
          
-   this.conversations.push({racine : racine, page : 1})
-   this.flush(false)
+   this.conversations.push({root : racine, page : 1})
    return true
 }
 
@@ -527,24 +507,6 @@ Client.prototype.supprimerConversation = function(num)
    for (var i = num; i < this.conversations.length - 1; i++)
       this.conversations[i] = this.conversations[i+1]
    this.conversations.pop()
-   
-   this.flush(false)
-}
-
-Client.prototype.getXMLlogin = function(login, password)
-{
-   var XMLDocument = this.util.creerDocumentXMLAction()
-   XMLDocument.documentElement.setAttribute("name", "login")
-   
-   var nodeLogin = XMLDocument.createElement("login")
-   nodeLogin.appendChild(XMLDocument.createTextNode(login))
-   XMLDocument.documentElement.appendChild(nodeLogin)
-   
-   var nodePassword = XMLDocument.createElement("password")
-   nodePassword.appendChild(XMLDocument.createTextNode(password))
-   XMLDocument.documentElement.appendChild(nodePassword)
-   
-   return XMLDocument   
 }
 
 Client.prototype.getJSONLogin = function(login, password)
@@ -556,87 +518,53 @@ Client.prototype.getJSONLogin = function(login, password)
    }
 }
 
-Client.prototype.getXMLloginCookie = function()
+Client.prototype.getJSONLoginCookie = function()
 {
-   var XMLDocument = this.util.creerDocumentXMLAction()
-   XMLDocument.documentElement.setAttribute("name", "login")
-   
-   var nodeCookie = XMLDocument.createElement("cookie")
-   nodeCookie.appendChild(XMLDocument.createTextNode(this.cookie))
-   XMLDocument.documentElement.appendChild(nodeCookie)
-   
-   return XMLDocument
-}
+   return {
+      "action" : "authentification",
+      "cookie" : this.cookie
+   }
+}  
 
-Client.prototype.getXMLEnregistrement = function(login, password)
+/**
+  * le couple (login, password) est facultatif. S'il n'est pas fournit alors il ne sera pas possible
+  * de s'autentifier avec (login, password).
+  */
+Client.prototype.getJSONEnregistrement = function(login, password)
 {
-   var XMLDocument = this.util.creerDocumentXMLAction()
-   XMLDocument.documentElement.setAttribute("name", "register")
+   var mess = { "action" : "register" }
    
-   var nodeLogin = XMLDocument.createElement("login")
-   nodeLogin.appendChild(XMLDocument.createTextNode(login))
-   XMLDocument.documentElement.appendChild(nodeLogin)
-   
-   var nodePassword = XMLDocument.createElement("password")
-   nodePassword.appendChild(XMLDocument.createTextNode(password))
-   XMLDocument.documentElement.appendChild(nodePassword)
+   if (login != undefined && password != undefined)
+   {
+      mess["login"] = login
+      mess["password"] = password
+   }
    
-   return XMLDocument   
+   return mess;
 }
 
-/**
-  * Sérialize le profile en XML.
-  * TODO : méthode assez lourde, 3.25ms de moyenne
-  */
-Client.prototype.getXMLProfile = function()
+Client.prototype.getJSONConversations = function()
 {
-   var XMLDocument = this.util.creerDocumentXMLAction()
-   XMLDocument.documentElement.setAttribute("name", "profile")
-   
-   var nodeCookie = XMLDocument.createElement("cookie")
-   nodeCookie.appendChild(XMLDocument.createTextNode(this.cookie))
-   XMLDocument.documentElement.appendChild(nodeCookie)
-   
-   var nodeLogin = XMLDocument.createElement("login")
-   nodeLogin.appendChild(XMLDocument.createTextNode(this.login))
-   XMLDocument.documentElement.appendChild(nodeLogin)
-   
-   var nodePassword = XMLDocument.createElement("password")
-   nodePassword.appendChild(XMLDocument.createTextNode(this.password))
-   XMLDocument.documentElement.appendChild(nodePassword)
-   
-   var nodePseudo = XMLDocument.createElement("pseudo")
-   nodePseudo.appendChild(XMLDocument.createTextNode(this.pseudo))
-   XMLDocument.documentElement.appendChild(nodePseudo)
-   
-   var nodeEmail = XMLDocument.createElement("email")
-   nodeEmail.appendChild(XMLDocument.createTextNode(this.email))
-   XMLDocument.documentElement.appendChild(nodeEmail)
-   
-   var nodeCSS = XMLDocument.createElement("css")
-   nodeCSS.appendChild(XMLDocument.createTextNode(this.css))
-   XMLDocument.documentElement.appendChild(nodeCSS)
-   
-   var nodePagePrincipale = XMLDocument.createElement("pagePrincipale")
-   nodePagePrincipale.appendChild(XMLDocument.createTextNode(this.pagePrincipale < 1 ? 1 : this.pagePrincipale))
-   XMLDocument.documentElement.appendChild(nodePagePrincipale)
-   
-   // mémorise les conversations affichées
+   var conversations = new Array()
    for (var i = 0; i < this.conversations.length; i++)
-   {
-      var nodeConv = XMLDocument.createElement("conversation")
-      XMLDocument.documentElement.appendChild(nodeConv)
-      
-      var nodeRacine = XMLDocument.createElement("racine")
-      nodeRacine.appendChild(XMLDocument.createTextNode(this.conversations[i].racine))
-      nodeConv.appendChild(nodeRacine)
-      
-      var nodePage = XMLDocument.createElement("page")
-      nodePage.appendChild(XMLDocument.createTextNode(this.conversations[i].page))
-      nodeConv.appendChild(nodePage)
+      conversations.push({ "root" : this.conversations[i].root, "page" : this.conversations[i].page})
+   return conversations
+}
+
+Client.prototype.getJSONProfile = function()
+{
+   return {
+      "action" : "set_profile",
+      "cookie" : this.cookie,
+      "login" : this.login,
+      "password" : this.password,
+      "nick" : this.pseudo,
+      "email" : this.email,
+      "css" : this.css,
+      "nick_format" : this.nickFormat,
+      "main_page" : this.pagePrincipale < 1 ? 1 : this.pagePrincipale,
+      "conversations" : this.getJSONConversations()
    }
-   
-   return XMLDocument    
 }
 
 /**
@@ -664,18 +592,21 @@ Client.prototype.setCookie = function(cookie)
       "; max-age="  + (60 * 60 * 24 * 365)
 }
 
-Client.prototype.identifie = function()
+Client.prototype.authentifie = function()
 {
-   return this.statut == statutType.enregistre || this.statut == statutType.identifie
+   return this.statut == statutType.auth_registered || this.statut == statutType.auth_not_registered
 }
 
 Client.prototype.setStatut = function(statut)
-{  
-   if(typeof(statut) == "string")
+{  
+   //alert(statut)
+   // conversation en "enum" si en "string"
+   if (typeof(statut) == "string")
    {
       statut =
-         statut == "enregistre" ?
-            statutType.enregistre : (statut == "identifie" ? statutType.identifie : statutType.non_identifie)   
+         statut == "auth_registered" ?
+            statutType.auth_registered :
+         (statut == "auth_not_registered" ? statutType.auth_not_registered : statutType.deconnected)
    }   
    
    if (statut == this.statut) return   
@@ -694,36 +625,33 @@ Client.prototype.connexionCookie = function()
 {
    this.getCookie()
    if (this.cookie == null) return false;
-   return this.connexion(this.util.xmlVersAction(this.getXMLloginCookie()))
+   return this.connexion(this.getJSONLoginCookie())
 }
 
 Client.prototype.connexionLogin = function(login, password)
 {
-   // return this.connexion(this.util.xmlVersAction(this.getXMLlogin(login, password)))
-   return this.connexion(this.util.jsonVersAction(this.getJSONLogin(login, password)))
+   return this.connexion(this.getJSONLogin(login, password))
 }
 
 Client.prototype.enregistrement = function(login, password)
 { 
-   if (this.identifie())
+   if (this.authentifie())
    {
       this.login = login
       this.password = password
       if(this.flush())
-         this.setStatut(statutType.enregistre)
+         this.setStatut(statutType.auth_registered)
       return true
    }
    else
-   {
-      if (login == undefined) login = ""
-      if (password == undefined) password = ""
-      return this.connexion(this.util.xmlVersAction(this.getXMLEnregistrement(login, password)))
+   {
+      return this.connexion(this.getJSONEnregistrement(login, password))
    }
 }
 
-Client.prototype.connexion = function(action)
+Client.prototype.connexion = function(messageJson)
 {
-   action.action.dump("Connexion client")
+   ;;; dumpObj(messageJson)
    thisClient = this
    jQuery.ajax(
       {
@@ -731,44 +659,45 @@ Client.prototype.connexion = function(action)
          type: "POST",
          url: "request",
          dataType: "json",
-         data: action,
+         data: this.util.jsonVersAction(messageJson),
          success:
             function(data)
             {
-               thisClient.util.serializer.serializeToString(data).dump("Charger client")
+               ;;; dumpObj(data)
                thisClient.chargerDonnees(data)
             }
       }
    )
-   return this.identifie()
+   return this.authentifie()
 }
 
 Client.prototype.deconnexion = function()
-{
-   this.setStatut(statutType.non_identifie) // deconnexion
+{
+   this.flush()
+   this.delCookie()
+   this.setStatut(statutType.deconnected) // deconnexion
    this.resetDonneesPersonnelles()
-   this.delCookie ()
 }
 
 Client.prototype.chargerDonnees = function(data)
 {
    var thisClient = this
 
-   this.setStatut(jQuery("statut", data.documentElement).text())       
+   this.setStatut(data["status"]) 
    
-   if (this.identifie())
+   if (this.authentifie())
    {
-      this.cookie = jQuery("cookie", data.documentElement).text()
+      this.cookie = data["cookie"]
       this.setCookie()
       
-      this.login = jQuery("login", data.documentElement).text()
-      this.pseudo = jQuery("pseudo", data.documentElement).text()
-      this.email = jQuery("email", data.documentElement).text()
-      this.css = jQuery("css", data.documentElement).text()
+      this.login = data["login"]
+      this.pseudo = data["nick"]
+      this.email = data["email"]
+      this.css = data["css"]
+      this.nickFormat = data["nick_format"]
       
       // la page de la conversation principale
-      var tmp = jQuery("pagePrincipale", data.documentElement)
-      this.pagePrincipale = tmp.length < 1 ? 1 : parseInt(tmp.text())
+      this.pagePrincipale = data["main_page"] == undefined ? 1 : data["main_page"]
       
       // met à jour la css
       if (this.css != "")
@@ -777,35 +706,35 @@ Client.prototype.chargerDonnees = function(data)
          this.majMenu()
       }
       // les conversations
-      this.conversations = new Array()
-      jQuery("conversation", data.documentElement).each(
-         function(i)
-         {
-            thisClient.conversations.push( { racine : jQuery("racine", this).text(), page : jQuery("page", this).text() } )
-         }
-      )
+      thisClient.conversations = data["conversations"]
+      
+      thisClient.ekMaster = data["ek_master"]
    }
-   this.dernierMessageErreur = jQuery("information", data.documentElement).text()
+   this.dernierMessageErreur = data["error_message"]
 }
 
 /**
   * Met à jour les données personne sur serveur.
   * @param async de manière asynchrone ? défaut = true
+  * @return false si le flush n'a pas pû se faire sinon true
   */
 Client.prototype.flush = function(async)
 {
    if (async == undefined)
       async = true
+      
+   if (!this.authentifie())
+      return false
 
    thisClient = this
-   this.util.xmlVersAction(this.getXMLProfile()).action.dump("Flush client")      
+   ;;; dumpObj(this.getJSONProfile())
    jQuery.ajax(
       {
          async: async,
          type: "POST",
          url: "request",
-         dataType: "xml",
-         data: this.util.xmlVersAction(this.getXMLProfile()),
+         dataType: "json",
+         data: this.util.jsonVersAction(this.getJSONProfile()),
          success:
             function(data)
             {
@@ -822,13 +751,13 @@ Client.prototype.majMenu = function()
    var displayType = this.css == "css/3/euphorik.css" ? "block" : "inline" //this.client
 
    // met à jour le menu   
-   if (this.statut == statutType.enregistre)
+   if (this.statut == statutType.auth_registered)
    {
       jQuery("#menu .profile").css("display", displayType).text("profile")
       jQuery("#menu .logout").css("display", displayType)
       jQuery("#menu .register").css("display", "none")
    }
-   else if (this.statut == statutType.identifie)
+   else if (this.statut == statutType.auth_not_registered)
    {
       jQuery("#menu .profile").css("display", "none")
       jQuery("#menu .logout").css("display", displayType)
@@ -842,21 +771,60 @@ Client.prototype.majMenu = function()
    }
 }
 
+Client.prototype.ban = function(userId, minutes)
+{
+   var thisClient = this
+
+   // par défaut un ban correspond à 3 jours
+   if (typeof(minutes) == "undefined")
+      minutes = 60 * 24 * 3
+      
+   jQuery.ajax({
+      type: "POST",
+      url: "request",
+      dataType: "json",
+      data: this.util.jsonVersAction(
+         {
+            "action" : "ban",
+            "cookie" : thisClient.cookie,
+            "duration" : minutes,
+            "user_id" : userId
+         }),
+      success: 
+         function(data)
+         {
+            if (data["reply"] == "error")
+               thisClient.util.messageDialogue(data["error_message"])
+         }
+   })
+}
+
+Client.prototype.kick = function(userId)
+{
+   this.ban(userId, 15)
+}
+
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
+function initialiserListeStyles(client)
+{
+   jQuery("#menuCss").change(
+      function()
+      {
+         client.setCss("css/" + jQuery("option:selected", this).attr("value") + "/euphorik.css")
+      }
+   )
+}
+
 jQuery.noConflict()
             
+// charge dynamiquement le script de debug
+;;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"})
       
 // le main
 jQuery(document).ready(
    function()
    {  
-      /* FIXME : ce code pose problème sur konqueror, voir : http://www.kde-forum.org/thread.php?threadid=17993
-      var p = new DOMParser();
-      var doc =  p.parseFromString("<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n<action/>", "text/xml")
-      var s = new XMLSerializer()
-      alert(s.serializeToString(doc)) */
-   
       var util = new Util()
       var client = new Client(util)
       var pages = new Pages()
@@ -865,13 +833,10 @@ jQuery(document).ready(
       // connexion vers le serveur (utilise un cookie qui traine)
       client.connexionCookie()
       
-      // les styles css
-      for (var i = 1; i <= 3; i++)
-      {
-         jQuery("#css"+i).click(function(){
-            client.setCss("css/" + jQuery(this).attr("id").charAt(3) + "/euphorik.css")
-         })
-      }
+      initialiserListeStyles(client)
+
+      // TODO : pourquoi jQuery(document).unload ne fonctionne pas ?
+      jQuery(window).unload(function(){client.flush(false)})
       
       jQuery("#menu .minichat").click(function(){ pages.afficherPage("minichat") })
       jQuery("#menu .profile").click(function(){ pages.afficherPage("profile") })
@@ -887,11 +852,12 @@ jQuery(document).ready(
          )
       })
       jQuery("#menu .register").click(function(){ pages.afficherPage("register") })
+      jQuery("#menu .about").click(function(){ pages.afficherPage("about") })
 
       pages.ajouterPage(new PageMinichat(client, formateur, util))
       pages.ajouterPage(new PageProfile(client, formateur, util))
       pages.ajouterPage(new PageRegister(client, formateur, util))
+      pages.ajouterPage(new PageAbout(client, formateur, util))
       pages.afficherPage("minichat")
    }
-)
-
+)
\ No newline at end of file