FIX légère optimisation du rafraichissement des messages
[euphorik.git] / js / euphorik.js
index b36fbbb..5a15c00 100755 (executable)
@@ -13,7 +13,7 @@
   * Normalement 'const' à la place de 'var' mais non supporté par IE7.
   */\r
 var conf = {\r
-   nbMessageAffiche : 10, // (par page)
+   nbMessageAffiche : 40, // (par page)
    pseudoDefaut : "<nick>",\r
    tempsAffichageMessageDialogue : 4000, // en ms\r
    smiles : {   \r
@@ -74,6 +74,8 @@ function Util()
    })
 }
 
+var messageType = {informatif: 0, question: 1, erreur: 2}
+
 /**
   * Affiche une boite de dialogue avec un message à l'intérieur.
   * @param message le message (string)\r
@@ -105,9 +107,7 @@ Util.prototype.messageDialogue = function(message, type, boutons)
    
    $("#info").slideDown(200)
    this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue)   
-}
-
-var messageType = {informatif: 0, question: 1, erreur: 2}\r
+}\r
 
 /**
   * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery.
@@ -282,6 +282,11 @@ Formateur.prototype.getSmilesHTML = function()
    return XHTML\r
 }\r
 
+/**
+  * 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.remplacerBalisesHTML(M), pseudo)))
@@ -327,9 +332,6 @@ Formateur.prototype.remplacerBalisesHTML = function(M)
 Formateur.prototype.traiterURL = function(M, pseudo)
 {
    thisFormateur = this
-   
-   if (pseudo == undefined)
-      pseudo = ""
          
    var traitementUrl = function(url)
    {    \r
@@ -337,7 +339,7 @@ Formateur.prototype.traiterURL = function(M, pseudo)
       if (!thisFormateur.regexTestProtocoleExiste.test(url))\r
          url = "http://" + url
       var extension = thisFormateur.getShort(url)
-      return "<a " + (extension[1] ? "title=\"" + thisFormateur.traiterPourFenetreLightBox(pseudo, url) + ": " +  thisFormateur.traiterPourFenetreLightBox(M, url) + "\"" + " rel=\"lightbox\"" : "") + " href=\"" + url + "\" >[" + extension[0] + "]</a>"
+      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)
 }
@@ -350,8 +352,8 @@ Formateur.prototype.getShort = function(url)
 {\r
       var estUneImage = false
       var versionShort = null
-      var rechercheImg = this.regexImg.exec(url)\r
-      //alert(url)
+      var rechercheImg = this.regexImg.exec(url)
+      
       if (rechercheImg != null)\r
       {
          versionShort = rechercheImg[1].toLowerCase()\r
@@ -382,7 +384,7 @@ Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante)
    thisFormateur = this
    var traitementUrl = function(url)
    {
-      return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? ": image courante" : "") + "]"
+      return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? "*" : "") + "]"
    }
    \r
    return this.remplacerBalisesHTML(M).replace(this.regexUrl, traitementUrl)
@@ -411,20 +413,19 @@ function Client(util)
    // données personnels\r
    this.resetDonneesPersonnelles()
    
-   this.setStatut(statutType.deconnected)
-   
-   // le dernier message d'erreur recut du serveur (par exemple une connexion foireuse : "login impossible")
-   this.dernierMessageErreur = ""\r
+   this.setStatut(statutType.deconnected)\r
 }
 \r
 Client.prototype.resetDonneesPersonnelles = function()\r
-{\r
+{
+   this.id = 0\r
    this.pseudo = conf.pseudoDefaut\r
    this.login = ""\r
    this.password = ""\r
    this.email = ""\r
    this.css = $("link#cssPrincipale").attr("href")
    this.nickFormat = "nick"
+   this.cookie = undefined
    
    this.pagePrincipale = 1
    this.ekMaster = false
@@ -437,7 +438,7 @@ Client.prototype.resetDonneesPersonnelles = function()
 
 Client.prototype.setCss = function(css)
 {
-   if (this.css == css)
+   if (this.css == css || css == "")
       return
 
    this.css = css
@@ -599,7 +600,6 @@ Client.prototype.authentifie = function()
 
 Client.prototype.setStatut = function(statut)
 {  
-   //alert(statut)
    // conversation en "enum" si en "string"\r
    if (typeof(statut) == "string")\r
    {
@@ -609,7 +609,7 @@ Client.prototype.setStatut = function(statut)
          (statut == "auth_not_registered" ? statutType.auth_not_registered : statutType.deconnected)\r
    }   \r
    \r
-   if (statut == this.statut) return   \r
+   if (statut == this.statut) return\r
    \r
    this.statut = statut   \r
    this.majMenu()
@@ -640,8 +640,11 @@ Client.prototype.enregistrement = function(login, password)
       this.login = login
       this.password = password
       if(this.flush())
+      {
          this.setStatut(statutType.auth_registered)
-      return true
+         return true
+      }
+      return false
    }
    else\r
    {
@@ -664,7 +667,10 @@ Client.prototype.connexion = function(messageJson)
             function(data)
             {
                ;;; dumpObj(data)
-               thisClient.chargerDonnees(data)
+               if (data["reply"] == "error")
+                  thisClient.util.messageDialogue(data["error_message"])
+               else
+                  thisClient.chargerDonnees(data)
             }
       }
    )
@@ -673,44 +679,38 @@ Client.prototype.connexion = function(messageJson)
 \r
 Client.prototype.deconnexion = function()\r
 {
-   this.flush()
-   this.delCookie()\r
-   this.setStatut(statutType.deconnected) // deconnexion\r
+   this.flush(true)
+   this.delCookie()
    this.resetDonneesPersonnelles()\r
+   this.setStatut(statutType.deconnected) // deconnexion\r
 }
 
 Client.prototype.chargerDonnees = function(data)
 {
-   var thisClient = this
-
+   // la modification du statut qui suit met à jour le menu, le menu dépend (page admin)
+   // de l'état ekMaster
+   this.ekMaster = data["ek_master"] != undefined ? data["ek_master"] : false
+   
    this.setStatut(data["status"]) 
    
    if (this.authentifie())
    {
       this.cookie = data["cookie"]
       this.setCookie()
-      \r
+      
+      this.id = data["id"]\r
       this.login = data["login"]
       this.pseudo = data["nick"]\r
       this.email = data["email"]\r
-      this.css = data["css"]
+      this.setCss(data["css"])
       this.nickFormat = data["nick_format"]
       
       // la page de la conversation principale
       this.pagePrincipale = data["main_page"] == undefined ? 1 : data["main_page"]
       
-      // met à jour la css
-      if (this.css != "")
-      {
-         $("link#cssPrincipale").attr("href", this.css)
-         this.majMenu()
-      }
       // les conversations
-      thisClient.conversations = data["conversations"]
-      
-      thisClient.ekMaster = data["ek_master"]
+      this.conversations = data["conversations"]
    }
-   this.dernierMessageErreur = data["error_message"]
 }
 
 /**
@@ -721,12 +721,14 @@ Client.prototype.chargerDonnees = function(data)
 Client.prototype.flush = function(async)
 {
    if (async == undefined)
-      async = true
+      async = false
       
    if (!this.authentifie())
       return false
 
-   thisClient = this
+   var thisClient = this
+   var ok = true
+   
    ;;; dumpObj(this.getJSONProfile())
    jQuery.ajax(
       {
@@ -738,12 +740,17 @@ Client.prototype.flush = function(async)
          success:
             function(data)
             {
-               //thisClient.util.log(thisClient.util.serializer.serializeToString(data))   
+               ;;; dumpObj(data)
+               if (data["reply"] == "error")
+               {
+                  thisClient.util.messageDialogue(data["error_message"])
+                  ok = false
+               }
             }
       }
    )
-   // TODO : retourner false si un problème est survenu lors de l'update du profile
-   return true
+   
+   return ok
 }
 
 Client.prototype.majMenu = function()
@@ -751,7 +758,7 @@ Client.prototype.majMenu = function()
    // TODO : à virer : ne plus changer de style de display ... spa beau .. ou trouver une autre méthode
    var displayType = this.css == "css/3/euphorik.css" ? "block" : "inline" //this.client
 
-   $("#menu .admin").css("display", this.ekMaster ? "none" : "inline")
+   $("#menu .admin").css("display", this.ekMaster ? "inline" : "none")
 
    // met à jour le menu   
    if (this.statut == statutType.auth_registered)
@@ -774,7 +781,6 @@ Client.prototype.majMenu = function()
    }
 }
 
-
 Client.prototype.slap = function(userId, raison)
 {
    var thisClient = this
@@ -799,7 +805,6 @@ Client.prototype.slap = function(userId, raison)
    })
 }
 
-
 Client.prototype.ban = function(userId, raison, minutes)
 {
    var thisClient = this
@@ -836,6 +841,77 @@ Client.prototype.kick = function(userId, raison)
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
+/**
+   * classe permettant de gérer les événements (push serveur).
+   * @page la page
+   */
+function PageEvent(page, util)
+{
+   this.page = page
+   this.util = util
+   
+   // l'objet JSONHttpRequest représentant la connexion d'attente
+   this.attenteCourante = null
+}
+
+/**
+  * Arrête l'attente courante s'il y en a une.
+  */
+PageEvent.prototype.stopAttenteCourante = function()
+{
+   if (this.attenteCourante != null)
+      this.attenteCourante.abort()   
+}
+
+/**
+  * Attend un événement lié à la page. 
+  * @funSend une fonction renvoyant les données json à envoyer
+  * @funReceive une fonction qui accepte un paramètre correspondant au données reçues
+  */
+PageEvent.prototype.waitEvent = function(funSend, funReceive)
+{
+   var thisPageEvent = this
+      
+   this.stopAttenteCourante()
+      
+   // on doit conserver l'ordre des valeurs de l'objet JSON (le serveur les veux dans l'ordre définit dans le protocole)
+   // TODO : ya pas mieux ?
+   var dataToSend = 
+   {
+      "action" : "wait_event",
+      "page" : this.page
+   }
+   var poulpe = funSend()
+   for (v in poulpe)
+      dataToSend[v] = poulpe[v]
+   
+   ;;; dumpObj(dataToSend)
+   this.attenteCourante = jQuery.ajax({
+      type: "POST",
+      url: "request",
+      dataType: "json",
+      data: this.util.jsonVersAction(dataToSend),
+      success:
+         function(data)
+         {            
+            ;;; dumpObj(data)
+            
+            funReceive(data)
+            
+            // rappel de la fonction dans 100 ms
+            setTimeout(function(){ thisPageEvent.waitEvent(funSend, funReceive) }, 100);
+         },
+      error:
+         function(XMLHttpRequest, textStatus, errorThrown)
+         {
+            setTimeout(function(){ thisPageEvent.rafraichirMessages(funSend, funReceive) }, 1000);
+         }
+   })
+
+}
+
+///////////////////////////////////////////////////////////////////////////////////////////////////
+
 function initialiserListeStyles(client)
 {
    $("#menuCss").change(
@@ -864,7 +940,7 @@ $(document).ready(
       initialiserListeStyles(client)
 
       // TODO : pourquoi $(document).unload ne fonctionne pas ?
-      $(window).unload(function(){client.flush(false)})
+      $(window).unload(function(){client.flush()})
       
       $("#menu .minichat").click(function(){ pages.afficherPage("minichat") })
       $("#menu .admin").click(function(){ pages.afficherPage("admin") })