FIX #75 : problème de ban d'ip
[euphorik.git] / js / pageAdmin.js
index db50c4b..fc1d51a 100644 (file)
 // 
 // La page d'administation, ne peut être accédée que par les ekMaster (admins)
 
-function PageAdmin(client, formateur, util)
-{
-   this.nom = "admin"
+/*jslint laxbreak:true */
+
+
+euphorik.PageAdmin = function(client, formateur, util) {
+   this.nom = "admin";
    
-   this.client = client
-   this.formateur = formateur
-   this.util = util
+   this.client = client;
+   this.formateur = formateur;
+   this.util = util;
    
-   this.pageEvent = new PageEvent("admin", this.util)
+   this.comet = new Comet("admin", euphorik.conf.versionProtocole);
    
    // le timer qui rappelle periodiquement le rafraichissement des IP bannies
-   this.timeoutIDmajIPs = null
-}
+   this.timeoutIDmajIPs = null;
+};
 
 /**
   * Interface des pages.
   */
-PageAdmin.prototype.contenu = function()
-{
-   return '\
-   <h1>Trolls</h1>\
-   <p>Un troll est un sujet à débat, en général une question, affiché sur la page principale.</p>\
-   <p>Chaque semaine un troll est choisi au hasard parmis les trolls proposés et devient le troll de la semaine.</p>\
-   <form action="" id="nouveauTroll">\
-      <p>\
-         <input class="troll" name="troll" type="text" maxlength="500" value=""></input>\
-         <button class="return" value="return">poster</button>\
-      </p>\
-   </form>\
-   <div id="trolls"></div>\
-   <h1>IPs bannies</h1>\
-   <div id="ips"></div>'
-}
+euphorik.PageAdmin.prototype.contenu = function() {
+   return '<h1>Trolls</h1>' +
+   '<p>Un troll est un sujet à débat, en général une question, affiché sur la page principale.</p>' +
+   '<p>Chaque semaine un troll est choisi au hasard parmis les trolls proposés et devient le troll de la semaine.</p>' +
+   '<form action="" id="nouveauTroll">' +
+   '   <p>' +
+   '      <input class="troll" name="troll" type="text" maxlength="500" value=""></input>' +
+   '      <button class="return" value="return">poster</button>' +
+   '   </p>' +
+   '</form>' +
+   '<div id="trolls"></div>' +
+   '<h1>IPs bannies</h1>' +
+   '<div id="ips"></div>';
+};
 
 /**
   * Interface des pages.
   */
-PageAdmin.prototype.charger = function()
-{      
-   $("#page form#nouveauTroll").submit(function(){return false})
+euphorik.PageAdmin.prototype.charger = function() {      
+   $("#page form#nouveauTroll").submit(function(){ return false; });
       
-   var thisPage = this
+   var thisPage = this;
    
    // la liste des trolls proposés par les ekMasters
-   this.trolls = new Trolls(this.client, this.util, this.formateur)
+   this.trolls = new euphorik.Trolls(this.client, this.util, this.formateur);
    
-   this.waitEvent()
+   this.waitEvent();
    
-   this.majIPs()
+   this.majIPs();
    
-   $("#page form#nouveauTroll  input.troll").focus()
+   $("#page form#nouveauTroll  input.troll").focus();
    
    $("#page form#nouveauTroll button.return").click(
-      function()
-      {
-         thisPage.posterTroll()
+      function() {
+         thisPage.posterTroll();
       }
-   )
-}
+   );
+};
 
 /**
   * Interface des pages.
   */
-PageAdmin.prototype.decharger = function()
-{
-   this.pageEvent.stopAttenteCourante()
+euphorik.PageAdmin.prototype.decharger = function() {
+   this.comet.stopAttenteCourante();
    
    // supprime le rafraichissement période des ips
-   if (this.timeoutIDmajIPs)
-      clearTimeout(this.timeoutIDmajIPs)
-}
+   if (this.timeoutIDmajIPs) {
+      clearTimeout(this.timeoutIDmajIPs);
+   }
+};
 
 /**
   * Post un troll, le contenu est lu à partir de "input.troll".
   */
-PageAdmin.prototype.posterTroll = function()
-{
-   var thisPageAdmin = this
+euphorik.PageAdmin.prototype.posterTroll = function() {
+   var thisPageAdmin = this;
    
-   var content = $("#page form#nouveauTroll input.troll").val()
+   var content = $("#page form#nouveauTroll input.troll").val();
    
-   content = content.trim()
-   if (content == "")
-   {
-      this.util.messageDialogue("Le troll est vide")
-      return
+   content = content.trim();
+   if (content === "") {
+      this.util.messageDialogue("Le troll est vide");
+      return;
    }
 
-   var dataToSend = 
-      {
-         "action" : "put_troll", 
-         "cookie" : this.client.cookie,
-         "content" : content
-      }
+   var dataToSend = {
+      "header" : { "action" : "put_troll", "version" : euphorik.conf.versionProtocole },
+      "cookie" : this.client.cookie,
+      "content" : content
+   };
 
-   ;; dumpObj(dataToSend)
-   jQuery.ajax(
-      {
-         type: "POST",
-         url: "request",
-         dataType: "json",
-         data: this.util.jsonVersAction(dataToSend),
-         success:
-            function(data)
-            {
-               ;; dumpObj(data)
-               
-               if (data["reply"] == "ok")
-               {
-                  $("#page form#nouveauTroll input.troll").val("")
-               }
-               else if (data["reply"] == "error")
-               {
-                  thisPageAdmin.util.messageDialogue(data["error_message"])
-               }
+   jQuery.ajax({
+      type: "POST",
+      url: "request",
+      dataType: "json",
+      data: this.util.jsonVersAction(dataToSend),
+      success:
+         function(data){               
+            if (data.reply === "ok") {
+               $("#page form#nouveauTroll input.troll").val("");
+            } else if (data.reply === "error") {
+               thisPageAdmin.util.messageDialogue(data.error_message);
             }
-      }
-   )
-}
+         }
+   });
+};
 
 /**
   * Met à jour la liste des IP bannies.
   */
-PageAdmin.prototype.majIPs = function()
-{
-   if (this.timeoutIDmajIPs)
-      clearTimeout(this.timeoutIDmajIPs)
+euphorik.PageAdmin.prototype.majIPs = function() {
+   if (this.timeoutIDmajIPs) {
+      clearTimeout(this.timeoutIDmajIPs);
+   }
 
-   var thisPageAdmin = this
+   var thisPageAdmin = this;
 
-   var dataToSend = 
-      {
-         "action" : "list_banned_ips", 
-         "cookie" : this.client.cookie
-      }
+   var dataToSend = {
+      "header" : { "action" : "list_banned_ips", "version" : euphorik.conf.versionProtocole },
+      "cookie" : this.client.cookie
+   };
 
-   ;; dumpObj(dataToSend)
-   jQuery.ajax(
-      {
-         type: "POST",
-         url: "request",
-         dataType: "json",
-         data: this.util.jsonVersAction(dataToSend),
-         success:
-            function(data)
-            {
-               ;; dumpObj(data)
+   jQuery.ajax({
+      type: "POST",
+      url: "request",
+      dataType: "json",
+      data: this.util.jsonVersAction(dataToSend),
+      success:
+         function(data) {               
+            if (data.reply === "list_banned_ips") {
+               var XHTML = "";
+               data.list.each(function(i, ip) {
+                  XHTML += '<div class="ban"><span class="ip">' + ip.ip + '</span>|' +
+                     '<span class="temps">' +
+                     ip.remaining_time +
+                     '</span>|';
+                  ip.users.each(function(j, user) {
+                     XHTML += (j > 0 ? ", " : "") +
+                        '<span class="pseudo">' + thisPageAdmin.formateur.traitementComplet(user.nick) + '</span>' +
+                        (user.login === "" ? "" : '<span class="login">(' + thisPageAdmin.formateur.traitementComplet(user.login) + ')</span>');
+                  });
+                  XHTML += '<span class="deban">débannir</span></div>';
+               });
                
-               if (data["reply"] == "list_banned_ips")
-               {
-                  var XHTML = ""
-                  for(var i = 0; i < data["list"].length; i++)
-                  {
-                     var ip = data["list"][i]
-                     XHTML += '<div class="ban"><span class="ip">' + ip["ip"] + '</span>|' +
-                        '<span class="temps">' +
-                        ip["remaining_time"] +
-                        '</span>|'
-                     for(var j = 0; j < ip["users"].length; j++)
-                     {
-                        var user = ip["users"][j]
-                        XHTML += (j > 0 ? ", " : "") +
-                           '<span class="pseudo">' + thisPageAdmin.formateur.traitementComplet(user["nick"]) + '</span>' +
-                           (user["login"] == "" ? "" : '<span class="login">(' + thisPageAdmin.formateur.traitementComplet(user["login"]) + ')</span>')
-                     }
-                     XHTML += '<span class="deban">débannir</span></div>'
-                  }
-                  
-                  if (data["list"].length == 0)
-                     XHTML += '<p>Aucune IP bannie</p>'
-                     
-                  $("#ips").html(XHTML)
+               if (data.list.length === 0) {
+                  XHTML += '<p>Aucune IP bannie</p>';
+               }
                   
-                  $(".ban").each(
-                     function()
-                     {
-                        var ip = $(".ip", this).html()
-                        $(".deban", this).click(
-                           function()
-                           {
-                              thisPageAdmin.util.messageDialogue("Êtes-vous sur de vouloir débannir l'IP ''" + ip + "'' ?", messageType.question,
-                                 {"Oui" : function()
-                                    {
-                                       thisPageAdmin.deban(ip)
-                                    },
-                                  "Non" : function(){}
-                                 }
-                              )
+               $("#ips").html(XHTML);
+               
+               $(".ban").each(function() {
+                  var ip = $(".ip", this).html();
+                  $(".deban", this).click(
+                     function() {
+                        thisPageAdmin.util.messageDialogue("Êtes-vous sur de vouloir débannir l'IP ''" + ip + "'' ?", euphorik.Util.messageType.question,
+                           {"Oui" : function() {
+                                 thisPageAdmin.deban(ip);
+                              },
+                            "Non" : function(){}
                            }
-                        )
+                        );
                      }
-                  )
-               }
-               else if (data["reply"] == "error")
-               {
-                  thisPageAdmin.util.messageDialogue(data["error_message"])
-               }
-               
-               // rafraichissement toutes les minutes (je sais c'est mal)
-               // le problème est le rafraichissement des temps restant de bannissement qui doit être fait du coté client
-               thisPageAdmin.timeoutIDmajIPs = setTimeout(function(){ thisPageAdmin.majIPs() }, 60 * 1000)
+                  );
+               });
+            } else if (data.reply === "error") {
+               thisPageAdmin.util.messageDialogue(data.error_message);
             }
-      }
-   )
-}
+            
+            // rafraichissement toutes les minutes (je sais c'est mal)
+            // le problème est le rafraichissement des temps restant de bannissement qui doit être fait du coté client
+            thisPageAdmin.timeoutIDmajIPs = setTimeout(function(){ thisPageAdmin.majIPs(); }, 60 * 1000);
+         }
+   });
+};
 
 /**
   * Débannie une ip donnée.
   */
-PageAdmin.prototype.deban = function(ip)
-{
-   var thisPageAdmin = this
+euphorik.PageAdmin.prototype.deban = function(ip) {
+   var thisPageAdmin = this;
 
-   var dataToSend = 
-      {
-         "action" : "unban", 
-         "cookie" : this.client.cookie,
-         "ip" : ip
-      }
+   var dataToSend = {
+      "header" : { "action" : "unban", "version" : euphorik.conf.versionProtocole },
+      "cookie" : this.client.cookie,
+      "ip" : ip
+   };
 
-   ;; dumpObj(dataToSend)
-   jQuery.ajax(
-      {
-         type: "POST",
-         url: "request",
-         dataType: "json",
-         data: this.util.jsonVersAction(dataToSend),
-         success:
-            function(data)
-            {
-               ;; dumpObj(data)
-               if(data["reply"] == "error")
-               {
-                  thisPageAdmin.util.messageDialogue(data["error_message"])
-               }
+   jQuery.ajax({
+      type: "POST",
+      url: "request",
+      dataType: "json",
+      data: this.util.jsonVersAction(dataToSend),
+      success:
+         function(data){
+            if(data.reply === "error") {
+               thisPageAdmin.util.messageDialogue(data.error_message);
             }
-      }
-   )
-}
+         }
+   });
+};
 
 /**
   * Attente d'événement de la part du serveur.
   */
-PageAdmin.prototype.waitEvent = function()
-{
-   var thisPageAdmin = this
+euphorik.PageAdmin.prototype.waitEvent = function() {
+   var thisPageAdmin = this;
          
-   this.pageEvent.waitEvent(
-      function() { return { "last_troll" : thisPageAdmin.trolls.dernierTroll }},
+   this.comet.waitEvent(
+      function() { return { "last_troll" : thisPageAdmin.trolls.dernierTroll }},
       {
-         "troll_added" : function(data){ thisPageAdmin.trolls.ajouterTrollEvent(data) },
-         "troll_modified" : function(data){ thisPageAdmin.trolls.modifierTrollEvent },
-         "troll_deleted" : function(data){ thisPageAdmin.trolls.supprimerTrollEvent },
-         "banned_ips_refresh" : function(data){ thisPageAdmin.majIPs() },
+         "troll_added" : function(data){ thisPageAdmin.trolls.ajouterTrollEvent(data); },
+         "troll_modified" : function(data){ thisPageAdmin.trolls.modifierTrollEvent(data); },
+         "troll_deleted" : function(data){ thisPageAdmin.trolls.supprimerTrollEvent(data); },
+         "banned_ips_refresh" : function(data){ thisPageAdmin.majIPs(); },
          "error" :
-            function(data)
-            {
-               thisTrolls.util.messageDialogue(data["error_message"])
+            function(data) {
+               thisTrolls.util.messageDialogue(data.error_message);
             }
       }
-   )
-}
+   );
+};
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
 /**
   * Représente un troll, pas grand chose finalement.
   */
-function Troll(content, author)
-{
-   this.content = content
-   this.author = author
-}
-
+euphorik.Troll = function(content, author) {
+   this.content = content;
+   this.author = author;
+};
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
-
-function Trolls(client, util, formateur)
-{
-   this.client = client
-   this.util = util
-   this.formateur = formateur
-   this.dernierTroll = 0
+euphorik.Trolls = function(client, util, formateur) {
+   this.client = client;
+   this.util = util;
+   this.formateur = formateur;
+   this.dernierTroll = 0;
    
-   this.trolls = {}
-}
+   this.trolls = {};
+};
 
-Trolls.prototype.ajouterTrollEvent = function(data)
-{
-   var thisTrolls = this
+euphorik.Trolls.prototype.ajouterTrollEvent = function(data) {
+   var thisTrolls = this;
 
-   var XHTML = ""
-   for (var i = 0; i < data["trolls"].length; i++)
-   {
-      var troll = new Troll(data["trolls"][i]["content"], data["trolls"][i]["author"])
-      var trollId = data["trolls"][i]["troll_id"]
-      thisTrolls.trolls[trollId] = troll
-   
+   var XHTML = "";
+   data.trolls.each(function(i, trollData) {
+      var troll = new euphorik.Troll(trollData.content, trollData.author);
+      var trollId = trollData.troll_id;
+      thisTrolls.trolls[trollId] = troll;
+      
       XHTML +=
          '<div id="troll' + trollId + '" class="troll">' +
          '<span class="content">' + thisTrolls.formateur.traitementComplet(troll.content, troll.author) + '</span>' +
          '<span class="author"> - ' + thisTrolls.formateur.traitementComplet(troll.author) + '</span>' +
-         (data["trolls"][i]["author_id"] == thisTrolls.client.id ? '<span class="editTroll">éditer</span><span class="delTroll">Supprimer</span>' : '') +
-         '</div>'
-   }
-   $("#trolls").append(XHTML)
-   $("#trolls .troll").filter(function(){return parseInt($(this).attr("id").substr(5)) > thisTrolls.dernierTroll}).each(
-      function()
-      {
-         var troll = this
-         var id = parseInt($(this).attr("id").substr(5))
+         (trollData.author_id === thisTrolls.client.id ? '<span class="editTroll">éditer</span><span class="delTroll">Supprimer</span>' : '') +
+         '</div>';
+   });
+   $("#trolls").append(XHTML);
+   $("#trolls .troll").filter(function() { return parseInt($(this).attr("id").substr(5), 10) > thisTrolls.dernierTroll; }).each(
+      function() {
+         var troll = this;
+         var id = parseInt($(this).attr("id").substr(5), 10);
          
-         $("a[@rel*=lightbox]", this).lightBox()
+         $("a[@rel*=lightbox]", this).lightBox();
          
          $(this).keypress(
-            function(e)
-            {
-               if (e.which == 13) // return
-                  $(".modifier", this).click()
+            function(e) {
+               if (e.which === 13) { // return
+                  $(".modifier", this).click();
+               }
             }
-         )
+         );
+         
          $(".delTroll", this).click(
-            function()
-            {
+            function() {
                thisTrolls.util.messageDialogue(
                   "Êtes-vous sur de vouloir supprimer le troll \"" + thisTrolls.trolls[id].content + "\" ?",
-                  messageType.question,
+                  euphorik.Util.messageType.question,
                   {
-                     "oui" : function()
-                        {
-                           thisTrolls.supprimer(id)
+                     "oui" : function() {
+                           thisTrolls.supprimer(id);
                         },
                      "non" : function(){}
                   }
-               )
+               );
             }
-         )
+         );
+         
          $(".editTroll", this).click(
-            function()
-            {
-               $("span", troll).css("display", "none")
+            function() {
+               $("span", troll).css("display", "none");
                $(troll).append(
                   '<form><p><input class="content" type="text" size="50" maxlength="500" value="' +
                   thisTrolls.trolls[id].content +
                   '"></input><span class="modifier">modifier</span><span class="annuler">annuler</span></p></form>'
-               )
-               $("form input.content").focus()
+               );
+               $("form input.content").focus();
                
-               var virerLeFormulaire = function()
-               {
-                  $('form', troll).remove()
-                  $('span', troll).css("display", "inline")
-               }
+               var virerLeFormulaire = function() {
+                  $('form', troll).remove();
+                  $('span', troll).css("display", "inline");
+               };
                $("span.modifier", troll).click(
-                  function()
-                  {
-                     var content = $("form input.content", troll).val()
-                     virerLeFormulaire()
-                     thisTrolls.modifier(id, content)
+                  function() {
+                     var content = $("form input.content", troll).val();
+                     virerLeFormulaire();
+                     thisTrolls.modifier(id, content);
                   }
-               )
-               $("span.annuler", troll).click( virerLeFormulaire )
-               $("form", troll).submit(function(){ return false})
-            }  
-         )
+               );
+               $("span.annuler", troll).click( virerLeFormulaire );
+               $("form", troll).submit(function(){ return false; });
+            }
+         );
       }
-   )
+   );
    
-   if (data["trolls"].length > 0)
-      thisTrolls.dernierTroll = data["trolls"][data["trolls"].length - 1]["troll_id"]
-}
+   if (data.trolls.length > 0) {
+      thisTrolls.dernierTroll = data.trolls[data.trolls.length - 1].troll_id;
+   }
+};
 
-Trolls.prototype.modifierTrollEvent = function(data)
-{
-   var thisTrolls = this
-   $("#trolls #troll" + data["troll_id"] + " .content").html(thisTrolls.formateur.traitementComplet(data["content"], thisTrolls.trolls[data["troll_id"]].author))
-   $("#trolls #troll" + data["troll_id"] + " a[@rel*=lightbox]").lightBox()
-   thisTrolls.trolls[data["troll_id"]].content = data["content"]
-}
+euphorik.Trolls.prototype.modifierTrollEvent = function(data) {
+   var thisTrolls = this;
+   $("#trolls #troll" + data.troll_id + " .content").html(thisTrolls.formateur.traitementComplet(data.content, thisTrolls.trolls[data.troll_id].author));
+   $("#trolls #troll" + data.troll_id + " a[@rel*=lightbox]").lightBox();
+   thisTrolls.trolls[data.troll_id].content = data.content;
+};
 
-Trolls.prototype.supprimerTrollEvent = function(data)
-{
-   $("#trolls #troll"+data["troll_id"]).remove()
-}
+euphorik.Trolls.prototype.supprimerTrollEvent = function(data) {
+   $("#trolls #troll" + data.troll_id).remove();
+};
 
-Trolls.prototype.modifier = function(id, content)
-{
-   var thisTrolls = this
+euphorik.Trolls.prototype.modifier = function(id, content) {
+   var thisTrolls = this;
    
-   var dataToSend =
-      {
-         "action" : "mod_troll",
-         "cookie" : this.client.cookie,
-         "troll_id" : id,
-         "content" : content
-      }
+   var dataToSend = {
+      "header" : { "action" : "mod_troll", "version" : euphorik.conf.versionProtocole },
+      "cookie" : this.client.cookie,
+      "troll_id" : id,
+      "content" : content
+   };
 
-   ;; dumpObj(dataToSend)
-   jQuery.ajax(
-      {
-         type: "POST",
-         url: "request",
-         dataType: "json",
-         data: this.util.jsonVersAction(dataToSend),
-         success:
-            function(data)
-            {
-               ;; dumpObj(data)
-               if (data["reply"] == "error")
-               {
-                  thisTrolls.util.messageDialogue(data["error_message"])
-               }
+   jQuery.ajax({
+      type: "POST",
+      url: "request",
+      dataType: "json",
+      data: this.util.jsonVersAction(dataToSend),
+      success:
+         function(data) {
+            if (data.reply === "error") {
+               thisTrolls.util.messageDialogue(data.error_message);
             }
-      }
-   )
-}
+         }
+   });
+};
 
 /**
   * Supprime un troll en fonction de son id.
   */
-Trolls.prototype.supprimer = function(id) 
-{
-   var thisTrolls = this
+euphorik.Trolls.prototype.supprimer = function(id) {
+   var thisTrolls = this;
 
-   var dataToSend =
-      {
-         "action" : "del_troll",
-         "cookie" : this.client.cookie,
-         "troll_id" : id
-      }
+   var dataToSend = {
+      "header" : { "action" : "del_troll", "version" : euphorik.conf.versionProtocole },
+      "cookie" : this.client.cookie,
+      "troll_id" : id
+   };
 
-   ;; dumpObj(dataToSend)
-   jQuery.ajax(
-      {
-         type: "POST",
-         url: "request",
-         dataType: "json",
-         data: this.util.jsonVersAction(dataToSend),
-         success:
-            function(data)
-            {
-               ;; dumpObj(data)
-               if (data["reply"] == "error")
-               {
-                  thisTrolls.util.messageDialogue(data["error_message"])
-               }
+   jQuery.ajax({
+      type: "POST",
+      url: "request",
+      dataType: "json",
+      data: this.util.jsonVersAction(dataToSend),
+      success:
+         function(data) {
+            if (data.reply === "error") {
+               thisTrolls.util.messageDialogue(data.error_message);
             }
-      }
-   )
-}
+         }
+   });
+};