MOD begining of #100 (code broken)
[euphorik.git] / js / chat / conversations.js
diff --git a/js/chat/conversations.js b/js/chat/conversations.js
new file mode 100644 (file)
index 0000000..063220c
--- /dev/null
@@ -0,0 +1,416 @@
+// coding: utf-8\r
+// Copyright 2008 Grégory Burri\r
+//\r
+// This file is part of Euphorik.\r
+//\r
+// Euphorik is free software: you can redistribute it and/or modify\r
+// it under the terms of the GNU General Public License as published by\r
+// the Free Software Foundation, either version 3 of the License, or\r
+// (at your option) any later version.\r
+//\r
+// Euphorik is distributed in the hope that it will be useful,\r
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\r
+// but WITHOUT ANY WARRANTY; without even the implied warranty of\r
+// GNU General Public License for more details.\r
+//\r
+// You should have received a copy of the GNU General Public License\r
+// along with Euphorik.  If not, see <http://www.gnu.org/licenses/>.\r
\r
+/*jslint laxbreak:true */\r
+\r
+/**\r
+  * Représente l'ensemble des conversations affichés.\r
+  */\r
+euphorik.Conversations = function(client, formater, util, communication, fragment) {\r
+   this.client = client;\r
+   this.formater = formater;\r
+   this.util = util;\r
+   this.fragment = fragment;\r
+   \r
+   // un ensemble des messages (id) auquel l'utilisateur répond (vider après l'envoie du message courant)\r
+   this.messagesRepond = {};\r
+   \r
+   this.conversations = []; // les conversations, la première représente la conversation principale\r
+   \r
+   this.nouvelleConversation(0);\r
+   \r
+   this.trollIdCourant = 0;\r
+   \r
+   this.comet = communication.createCometConnection("chat");\r
+};\r
+\r
+// les messages auquels l'utilisateur répond et qui sont insérés dans le document XHTML\r
+// ont leur id prefixé par cette valeur, cela permet de les distinguer des "vrais" messages\r
+euphorik.Conversations.prototype.prefixIdMessage = "rep";\r
+\r
+/**\r
+  * Permet de définir un message comme étant ou n'étant plus un message auquel l'utilisateur\r
+  * répond.\r
+  */\r
+euphorik.Conversations.prototype.toggleMessageRepond = function(mess) {   \r
+   // est-ce que l'on répond déjà à ce message ? si oui alors on l'enlève de la liste\r
+   if (mess.id in this.messagesRepond) {\r
+      this.enleverMessageRepond(mess);\r
+      return;\r
+   }\r
+   \r
+   this.ajouterMessageRepond(mess);\r
+};\r
+\r
+/**\r
+  * Met à jour le fragment de l'url renseignant sur les conversations ouvertes.\r
+  */\r
+euphorik.Conversations.prototype.mettreAJourFragment = function() {\r
+   conv = [];\r
+   for(var i = 1; i < this.conversations.length; i++) {\r
+       conv.push(this.conversations[i].racine.id);\r
+   }\r
+   this.fragment.setVal("conv", conv);\r
+   this.fragment.write();\r
+};\r
+\r
+/**\r
+  * Enlève tous les messages auquel l'utilisateur souhaite répondre.\r
+  */\r
+euphorik.Conversations.prototype.enleverMessagesRepond = function() {\r
+   var thisConversations = this;\r
+   \r
+   objectEach(this.messagesRepond, function(messId, mess) {\r
+      thisConversations.enleverMessageRepond(mess);\r
+   });\r
+    \r
+   // on réinitialise pour être sur que tout est bien enlevé\r
+   this.messagesRepond = {};\r
+   $("#conversations .message").removeClass("repondEnEvidence");\r
+   $("form#posterMessage #repondA .messages").empty();\r
+};\r
+\r
+/**\r
+  * Définit un message comme n'y répondant plus.\r
+  */\r
+euphorik.Conversations.prototype.enleverMessageRepond = function(mess) {\r
+   $(this.exprIdsPotentiels(mess)).removeClass("repondEnEvidence");\r
+   $("#" + mess.getId(this.prefixIdMessage)).remove();\r
+   delete this.messagesRepond[mess.id];\r
+   this.rafraichireNombreMessagesRepond();\r
+};\r
+\r
+/**\r
+  * Définit un message comme y répondant.\r
+  */\r
+euphorik.Conversations.prototype.ajouterMessageRepond = function(mess) {\r
+   var thisConversations = this;\r
+    \r
+   // est-ce que le message fait partie de la même conversation que les autres messages ?\r
+   // TODO : solution plus élégante pour prendre un mess parmis messagesRepond !?\r
+   var mess2;\r
+   for (mess2 in this.messagesRepond) {\r
+      if (this.messagesRepond.hasOwnProperty(mess2)) {\r
+         mess2 = this.messagesRepond[mess2];\r
+         break;\r
+      }\r
+   }\r
+   \r
+   if (mess2 && mess2.racineId !== mess.racineId) {\r
+      this.util.messageDialog("Impossible de répondre à deux messages ne faisant pas partie de la même conversation");\r
+      return;\r
+   }\r
+   \r
+   $("form#posterMessage #repondA .messages").append(mess.XHTML(undefined, this.prefixIdMessage));\r
+   this.messagesRepond[mess.id] = mess;\r
+   \r
+   // ajout la classe 'repondEnEvidence' au message. comme il peut se trouver potentiellement dans\r
+   // chaque conversation on construit tous les id potentiels\r
+   $(mess.getId(this.prefixIdMessage) + ", " + this.exprIdsPotentiels(mess)).addClass("repondEnEvidence");\r
+   \r
+   $("#" + mess.getId(this.prefixIdMessage)).click(\r
+      function() {\r
+         $(this).fadeOut("normal", function() {\r
+            thisConversations.enleverMessageRepond(mess);\r
+            $("form#posterMessage #repondA .messages").hide();\r
+         });\r
+      }\r
+   );\r
+   this.rafraichireNombreMessagesRepond();\r
+};\r
+\r
+/**\r
+  * Construit tous les id potentiels d'un message, renvoie par exemple :\r
+  * "conv9b28mess1h, conv9b2amess1h, conv9b32mess1h"\r
+  */\r
+euphorik.Conversations.prototype.exprIdsPotentiels = function(mess) {\r
+   var exprMess = "";\r
+   this.conversations.each(function(i, conv) {\r
+      exprMess += (mess !== "" ? ", " : "") + "#" + mess.getId(conv.getId());\r
+   });\r
+   return exprMess;\r
+};\r
+\r
+/**\r
+  * Met à jour le nombre qui indique à l'utilisateur à combien de messages il répond.\r
+  */\r
+euphorik.Conversations.prototype.rafraichireNombreMessagesRepond = function() {\r
+   // TODO : ya pas mieux pour trouver le nombre d'objet ?\r
+   var nb = objectMemberCount(this.messagesRepond);\r
+   \r
+   $("#posterMessage #repondA .nb").text(nb);\r
+   \r
+   var boite = $("#posterMessage #repondA");\r
+   if (nb > 0) {\r
+      boite.show();\r
+   } else {\r
+      boite.hide();\r
+   }\r
+};\r
+\r
+/**\r
+  * Affiche les messages auquel l'utilisateur souhaite répondre au sein des messages des conversations.\r
+  * Utilisé lorsqu'une conversation est extraite.\r
+  */\r
+euphorik.Conversations.prototype.afficherMessagesRepondConversations = function() {\r
+   var expr = "";\r
+   objectEach(this.messagesRepond, function(messId, mess) {\r
+      expr += "#" + mess.getId() + ",";\r
+   });\r
+   $(expr).addClass("repondEnEvidence");\r
+};\r
+\r
+/**\r
+  * Crée un message JSON contenant le message demandant un rafraichissement.\r
+  */\r
+euphorik.Conversations.prototype.getJSONrafraichirMessages = function() {\r
+   var mess =  {\r
+      "message_count" : euphorik.conf.nbMessageAffiche,\r
+      "main_page" : this.client.pagePrincipale,\r
+      "conversations" : this.getJSONConversations(),\r
+      "troll_id" : this.trollIdCourant\r
+   };\r
+   \r
+   if (this.client.cookie) {\r
+      mess.cookie = this.client.cookie;\r
+   }\r
+   mess.last_message_id = this.conversations[0].idDernierMessageAffiche;\r
+   \r
+   return mess;\r
+};\r
+\r
+euphorik.Conversations.prototype.getJSONConversations = function() {\r
+   var thisConversations = this;\r
+   var clientConv = [];\r
+   \r
+   this.client.conversations.each(function(i, conv) {\r
+      clientConv.push({\r
+         root : conv.root,\r
+         page : conv.page,\r
+         last_message_id : thisConversations.conversations[i + 1] ? thisConversations.conversations[i + 1].idDernierMessageAffiche : 0\r
+      });\r
+   });\r
+   return clientConv;\r
+};\r
+\r
+/**\r
+  * Ajoute un ensemble de messages puis les affiches.\r
+  * @param elements un tableau d'éléments JSON représentant les messages, voir protocole.txt\r
+  * @param numConversation le numéro de la conversation auquel appartiennent les messages\r
+  * @return true si les messages on été ajoutés, false si la conversation n'existe pas et qu'il n'y a pas de message\r
+  */\r
+euphorik.Conversations.prototype.ajouterMessages = function(elements, numConversation) {\r
+   if (!elements.messages.length) {\r
+      return this.conversations[numConversation] !== undefined;\r
+   }\r
+   \r
+   for (var i = 0; i < elements.messages.length; i++) {\r
+      if (this.ajouterMessage(elements.messages[i], numConversation)) {\r
+         // si une nouvelle conversation a été créée alors on lui donne la racine\r
+         // TODO : ce block ne devrait pas se trouver ici mais dans "nouvelleConversation"\r
+         this.conversations[numConversation].setRacine(elements.first);\r
+         this.mettreAJourFragment();\r
+      }\r
+   }\r
+         \r
+   this.flush(numConversation);\r
+   \r
+   // renseigne la conversation sur la page courante et si c'est la dernière\r
+   this.conversations[numConversation].setPage(\r
+      numConversation === 0 ? this.client.pagePrincipale : this.client.conversations[numConversation - 1].page,\r
+      elements.last_page\r
+   );\r
+   \r
+   return true;\r
+};\r
+\r
+/**\r
+  * Création d'un nouveau message.\r
+  * Les message sont données dans l'ordre de leur id.\r
+  * @param element un element JSON représentant le message\r
+  * @param numConversation le numéro de la conversation, 0 = principale\r
+  * @return true si une nouvelle conversation a été créée sinon false\r
+  */\r
+euphorik.Conversations.prototype.ajouterMessage = function(element, numConversation) {   \r
+   var message = \r
+      new euphorik.Message(\r
+         this.client,\r
+         this.formater,\r
+         element\r
+      );\r
+   \r
+   var nouvelleConversation = false;\r
+   \r
+   if (!this.conversations[numConversation]) {\r
+      nouvelleConversation = true;\r
+      this.nouvelleConversation(numConversation);\r
+   }\r
+\r
+   this.conversations[numConversation].ajouterMessage(message);\r
+   return nouvelleConversation;\r
+};\r
+\r
+euphorik.Conversations.prototype.nouvelleConversation = function(num) {\r
+   var thisConversations = this;\r
+\r
+   this.conversations[num] = new euphorik.Conversation(this, num);\r
+      \r
+   this.conversations[num].setFunPage(\r
+      function(num) { // page suivante\r
+         thisConversations.client.pageSuivante(num - 1);\r
+         thisConversations.rafraichirMessages(true);\r
+      },\r
+      function(num) { // page précédente\r
+         thisConversations.client.pagePrecedente(num - 1);\r
+         thisConversations.rafraichirMessages(true);\r
+      },\r
+      function(num) { // retour à la page une\r
+         if (thisConversations.client.goPremierePage(num - 1)) {\r
+            thisConversations.rafraichirMessages(true);\r
+         }\r
+      }\r
+   );\r
+   \r
+   this.ajusterLargeurConversations();\r
+};\r
+\r
+/**\r
+  * Enlève une conversation.\r
+  */\r
+euphorik.Conversations.prototype.supprimerConversation = function(num) {\r
+   if (num <= 0 || num >= this.conversations.length) {\r
+      return; // la numéro 0 ne peut être supprimé\r
+   }\r
+   this.conversations[num].supprimer();\r
+   \r
+   // les numéros sont réassigné\r
+   for (var i = num; i < this.conversations.length - 1; i++) {\r
+      this.conversations[i] = this.conversations[i+1];\r
+      this.conversations[i].num -= 1;\r
+   }\r
+   this.conversations.pop();\r
+   this.ajusterLargeurConversations();\r
+      \r
+   this.client.supprimerConversation(num - 1);\r
+      \r
+   this.rafraichirMessages(true);\r
+   this.mettreAJourFragment();\r
+};\r
+\r
+/**\r
+  * Ajuste la largeur des conversations en fonction de leur nombre. modifie l'attribut CSS 'width'.\r
+  */\r
+euphorik.Conversations.prototype.ajusterLargeurConversations = function() {\r
+   // TODO : trouver mieux !\r
+   var largeurPourcent = (100 / this.conversations.length);\r
+   // obsolète !?\r
+   // le "- 0.01" evite que IE se chie dessus lamentablement et affiche les conversations les unes au dessus des autres\r
+   //if($.browser["msie"])\r
+   //    largeurPourcent -= 0.05\r
+   \r
+   $("#conversations td").css("width", largeurPourcent + "%");\r
+};\r
+\r
+/**\r
+  * Demande à toutes les conversations de se flusher (afficher les messages non-affichés).\r
+  */\r
+euphorik.Conversations.prototype.flushAll = function() {\r
+   for (var i = 0; i < this.conversations.length; i++) {\r
+      this.flush(i);\r
+   }\r
+};\r
+\r
+/**\r
+  * Demande à une conversation de se flusher.\r
+  */\r
+euphorik.Conversations.prototype.flush = function(numConv) {   \r
+   this.conversations[numConv].flush();\r
+};\r
+  \r
+euphorik.Conversations.prototype.ouvrirConversation = function(racine) {\r
+   if (this.client.ajouterConversation(racine)) {\r
+      this.rafraichirMessages(true);\r
+   } else {\r
+      this.util.messageDialog("Cette conversation est déjà ouverte");\r
+   }\r
+};\r
+\r
+euphorik.Conversations.prototype.viderMessages = function() {\r
+   this.conversations.each(function(i, conv) {\r
+      conv.viderMessages();\r
+   });\r
+};\r
+\r
+/**\r
+  * Met à jour les messages de manière continue.\r
+  * (AJAX-Comet-style proof)\r
+  * @param vider vide tous les messages avant d'afficher les nouveaux\r
+  */\r
+euphorik.Conversations.prototype.rafraichirMessages = function(vider) {\r
+   var thisConversations = this;\r
+   \r
+   vider = vider || false;\r
+   \r
+   if (vider) {\r
+      this.conversations.each(function(i, conv) {\r
+         conv.idDernierMessageAffiche = 0;\r
+      });\r
+   }\r
+   
+   thisConversations.util.showWaitBar(); // pour faire patienter le user :)
+   \r
+   this.comet.waitEvent(\r
+      function() { return thisConversations.getJSONrafraichirMessages(); },\r
+      {\r
+         "new_troll" :\r
+            function(data) {\r
+               thisConversations.trollIdCourant = data.troll_id;\r
+               $("#trollCourant .troll").html(thisConversations.formater.traitementComplet(data.content)).unbind("click").click(\r
+                  function() {\r
+                     thisConversations.ouvrirConversation(data.message_id);\r
+                  }\r
+               );\r
+               \r
+               $("#trollCourant .troll a[@rel*=lightbox]").lightBox();\r
+            },\r
+         "new_messages" :\r
+            function(data) {
+               \r
+               if (vider) {\r
+                  thisConversations.viderMessages();\r
+               }\r
+               \r
+               // ajoute les messages reçus à leur conversation respective\r
+               data.conversations.each(function(numConv, conv) {\r
+                  if (!thisConversations.ajouterMessages(conv, numConv)) {\r
+                     thisConversations.util.messageDialog("La conversation {" + thisConversations.client.conversations[numConv - 1].root.toString(36) + "} n'existe pas");\r
+                     thisConversations.client.supprimerConversation(numConv - 1);\r
+                  }\r
+               });\r
+               \r
+               if (vider) {\r
+                  thisConversations.afficherMessagesRepondConversations();\r
+               }\r
+               \r
+               vider = false;
+               
+               thisConversations.util.hideWaitBar();\r
+            }\r
+      }\r
+   );\r
+};\r