MOD avancement dans la Grande Restructuration
[euphorik.git] / js / pageAdmin.js
index 75f55a8..ab91eec 100644 (file)
@@ -1,4 +1,22 @@
 // coding: utf-8
+// Copyright 2008 Grégory Burri
+//
+// This file is part of Euphorik.
+//
+// Euphorik is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Euphorik is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Euphorik.  If not, see <http://www.gnu.org/licenses/>.
+// 
+// La page d'administation, ne peut être accédée que par les ekMaster (admins)
 
 function PageAdmin(client, formateur, util)
 {
@@ -7,64 +25,433 @@ function PageAdmin(client, formateur, util)
    this.client = client
    this.formateur = formateur
    this.util = util
+   
+   this.pageEvent = new euphorik.PageEvent("admin", this.util)
+   
+   // le timer qui rappelle periodiquement le rafraichissement des IP bannies
+   this.timeoutIDmajIPs = null
 }
 
+/**
+  * Interface des pages.
+  */
 PageAdmin.prototype.contenu = function()
 {
-   return '<h1>Trolls</h1>\
-   <form id="nouveauTroll"><p>Nouveau troll\
-      <input class="troll" name="troll" type="text" size="80" maxlength="500" value=""></input>\
-      <button class="return" value="return">poster</button>\
-   </p></form><div id="trolls"></div>'
+   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})
       
    var thisPage = this
    
-   this.trolls = new Trolls(this.util)
-   this.trolls.rafraichirTrolls()
+   // la liste des trolls proposés par les ekMasters
+   this.trolls = new Trolls(this.client, this.util, this.formateur)
+   
+   this.waitEvent()
+   
+   this.majIPs()
+   
+   $("#page form#nouveauTroll  input.troll").focus()
    
    $("#page form#nouveauTroll button.return").click(
       function()
-      {         
+      {
+         thisPage.posterTroll()
+      }
+   )
+}
+
+/**
+  * Interface des pages.
+  */
+PageAdmin.prototype.decharger = function()
+{
+   this.pageEvent.stopAttenteCourante()
+   
+   // supprime le rafraichissement période des ips
+   if (this.timeoutIDmajIPs)
+      clearTimeout(this.timeoutIDmajIPs)
+}
+
+/**
+  * Post un troll, le contenu est lu à partir de "input.troll".
+  */
+PageAdmin.prototype.posterTroll = function()
+{
+   var thisPageAdmin = this
+   
+   var content = $("#page form#nouveauTroll input.troll").val()
+   
+   content = content.trim()
+   if (content == "")
+   {
+      this.util.messageDialogue("Le troll est vide")
+      return
+   }
+
+   var dataToSend = 
+      {
+         "header" : { "action" : "put_troll", "version" : euphorik.conf.versionProtocole },
+         "cookie" : this.client.cookie,
+         "content" : content
+      }
+
+   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)
+
+   var thisPageAdmin = this
+
+   var dataToSend = 
+      {
+         "header" : { "action" : "list_banned_ips", "version" : euphorik.conf.versionProtocole },
+         "cookie" : this.client.cookie
+      }
+
+   jQuery.ajax(
+      {
+         type: "POST",
+         url: "request",
+         dataType: "json",
+         data: this.util.jsonVersAction(dataToSend),
+         success:
+            function(data)
+            {               
+               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)
+                  
+                  $(".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)
+            }
+      }
+   )
+}
+
+/**
+  * Débannie une ip donnée.
+  */
+PageAdmin.prototype.deban = function(ip)
+{
+   var thisPageAdmin = this
+
+   var dataToSend = 
+      {
+         "header" : { "action" : "unban", "version" : euphorik.conf.versionProtocole },
+         "cookie" : this.client.cookie,
+         "ip" : ip
+      }
+
+   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
+         
+   this.pageEvent.waitEvent(
+      function() { return { "last_troll" : thisPageAdmin.trolls.dernierTroll }},
+      {
+         "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"])
+            }
+      }
+   )
+}
+
+///////////////////////////////////////////////////////////////////////////////////////////////////
+
+/**
+  * Représente un troll, pas grand chose finalement.
+  */
+function Troll(content, author)
+{
+   this.content = content
+   this.author = author
+}
+
+
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
-function Trolls(util)
+
+function Trolls(client, util, formateur)
 {
+   this.client = client
    this.util = util
+   this.formateur = formateur
    this.dernierTroll = 0
-   this.pageEvent = new PageEvent("admin", this.util)
+   
+   this.trolls = {}
 }
 
-Trolls.prototype.rafraichirTrolls = function()
+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
+   
+      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))
          
-   this.pageEvent.waitEvent(
-      function() { return { "last_troll" : thisTrolls.dernierTroll }},
-      function(data)
+         $("a[@rel*=lightbox]", this).lightBox()
+         
+         $(this).keypress(
+            function(e)
+            {
+               if (e.which == 13) // return
+                  $(".modifier", this).click()
+            }
+         )
+         $(".delTroll", this).click(
+            function()
+            {
+               thisTrolls.util.messageDialogue(
+                  "Êtes-vous sur de vouloir supprimer le troll \"" + thisTrolls.trolls[id].content + "\" ?",
+                  euphorik.Util.messageType.question,
+                  {
+                     "oui" : function()
+                        {
+                           thisTrolls.supprimer(id)
+                        },
+                     "non" : function(){}
+                  }
+               )
+            }
+         )
+         $(".editTroll", this).click(
+            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()
+               
+               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)
+                  }
+               )
+               $("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"]
+}
+
+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()
+}
+
+Trolls.prototype.modifier = function(id, content)
+{
+   var thisTrolls = this
+   
+   var dataToSend =
       {
-         switch (data["reply"]) {
-            case "troll_added" :
-               var XHTML = ""
-               for (var i = 0; i < data["trolls"].length; i++)
+         "header" : { "action" : "mod_troll", "version" : euphorik.conf.versionProtocole },
+         "cookie" : this.client.cookie,
+         "troll_id" : id,
+         "content" : content
+      }
+
+   jQuery.ajax(
+      {
+         type: "POST",
+         url: "request",
+         dataType: "json",
+         data: this.util.jsonVersAction(dataToSend),
+         success:
+            function(data)
+            {
+               if (data["reply"] == "error")
                {
-                  thisTrolls.dernierTroll = data["trolls"][i]["troll_id"]
-                  XHTML += '<p id="troll' + data["trolls"][i]["troll_id"] + '">' + data["trolls"][i]["content"] + '</p>'
+                  thisTrolls.util.messageDialogue(data["error_message"])
                }
-               $("#trolls").append(XHTML)
-               break
-            case "troll_modified" :
-               $("#trolls #troll"+data["troll_id"]).html(data["content"])
-               break
-         }
+            }
       }
    )
-}
\ No newline at end of file
+}
+
+/**
+  * Supprime un troll en fonction de son id.
+  */
+Trolls.prototype.supprimer = function(id) 
+{
+   var thisTrolls = this
+
+   var dataToSend =
+      {
+         "header" : { "action" : "del_troll", "version" : euphorik.conf.versionProtocole },
+         "cookie" : this.client.cookie,
+         "troll_id" : id
+      }
+
+   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"])
+               }
+            }
+      }
+   )
+}