X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageMinichat%2Fconversation.js;h=f821f9c88373992c652be2b272fbb6f85444732d;hp=39486299c631f5d12412f3e371d684ff164101c1;hb=351623b2a00432ae5b690476c68b8fb05cc8dd03;hpb=956dc2acd6aee480b5daa4def16346f9bab80056

diff --git a/js/pageMinichat/conversation.js b/js/pageMinichat/conversation.js
index 3948629..f821f9c 100644
--- a/js/pageMinichat/conversation.js
+++ b/js/pageMinichat/conversation.js
@@ -56,22 +56,52 @@ euphorik.Conversation = function(conversations, num) {
          '<div class="titre">' +
             (reverse ? messageRacineXHTML : "") +
             '<div class="nav">' +
-               (num === 0 ? '' : '<div class="fermer"></div><div class="lien"></div><div class="reduire"></div>') +
+               (this.num === 0 ? '' : '<div class="fermer"></div><div class="creerLien"></div>') + //</div><div class="reduire">
                '<span class="next">&lt;</span><span class="numPage">1</span><span class="prev">&gt;</span>' +
             '</div>' +
             (reverse ? "" : messageRacineXHTML) +
          '</div>' +
          (reverse ? "" : messagesXHTML) +
+         //'<div class="messageReduit" style="height:200px; width:50px"></div>' +
       '</td>';
     
    $("#conversations tr").append(XHTML);
    
-   this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .numPage"), euphorik.Util.positionBulleType.haut);
-   if (num !== 0) {
-      this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .lien"));
-      this.util.infoBulle("Fermer la conversation", $("#" + this.getId() + " .fermer"));
+   // les infos bulles
+   this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .titre .numPage"), euphorik.Util.positionBulleType.haut);
+   if (this.num !== 0) {
+      this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .titre .creerLien"));
+      this.util.infoBulle("Fermer la conversation", $("#" + this.getId() + " .titre .fermer"));
    }
+   
+    // les différents événements liés à la conversation
+   var thisConversation = this;   
+   $("#" + this.getId() + " .titre .creerLien").click(function() {
+        thisConversation.util.replaceSelection(
+           $("form#posterMessage input.message")[0],
+           "{" + thisConversation.client.conversations[thisConversation.num - 1].root.toString(36) + "}"
+        );
+   });   
+   $("#" + this.getId() + " .titre .fermer").click(function() {
+      thisConversation.conversations.supprimerConversation(thisConversation.num);
+   });
+   /*
+   $("#" + this.getId() + " .titre .reduire").click(function() {
+      $("#" + thisConversation.getId() + " .titre, #" + thisConversation.getId() + " .messages").hide()
+      var e = $("#" + thisConversation.getId() +  " .messageReduit");
+      e.get()[0].innerHTML = thisConversation.getMessageReduit()
+   });*/
 };
+/*
+euphorik.Conversation.prototype.getMessageReduit = function() {
+   return '' +
+      '<svg:svg version="1.1" baseProfile="full" width="100px" height="200px">' +
+         '<svg:image x="10" y="10" height="10" width="10" class="fermer" />' +
+         '<svg:text transform="rotate(-90)" y="15" x="-200" >' +
+            'Blabla blablablabla bla blabla ..' +
+         '</svg:text>' +
+      '</svg:svg>';
+}*/
 
 /**
   * @racine un message représentant la racine de la conversation, vaut undefined pour la conversation générale
@@ -139,32 +169,6 @@ euphorik.Conversation.prototype.setPage = function(pageCourante, dernierePage) {
    $("#" + this.getId() + " .prev").css("display", dernierePage ? "none" : "inline");
 };
 
-/**
-  * Evenement déclanché lors de l'insertion du lien de la conversation dans le message courant.
-  */
-euphorik.Conversation.prototype.eventLien = function(fun) {
-   var thisConversation = this;
-   
-   $("#" + this.getId() + " .titre .lien").click(
-      function() {
-         fun(thisConversation.num);
-      }
-   );
-};
-
-/**
-  * Evenement déclanché lors de la fermeture de la conversation.
-  */
-euphorik.Conversation.prototype.eventFermer = function(fun) {
-   var thisConversation = this;
-   
-   $("#" + this.getId() + " .titre .fermer").click(
-      function() {
-         fun(thisConversation.num);
-      }
-   );
-};
-
 /**
   * @funNext appelé lorsque l'on passe à la page suivante (de 2 à 1 par exemple)
   * @funPrev appelé lorsque l'on passe à la page précédente (de 1 à 2 par exemple)
@@ -238,7 +242,6 @@ euphorik.Conversation.prototype.flush = function() {
    var thisConversation = this;
    var reverse = this.client.chatOrder === "reverse";
 
-   // est-ce que le prochain message est pair ? (permet d'alterner le style des messages)
    var messagePair = (this.idDernierMessageAffiche === 0 ? true :
       ($("#" + this.getId() + " .messages div:" + (reverse ? "first" : "last")).attr("class").search("messagePair") === -1)
    );
@@ -251,8 +254,8 @@ euphorik.Conversation.prototype.flush = function() {
          messagePair = !messagePair;
       }
    });
-      
-   var DOM = $(XHTML);
+   
+   var DOM = $(XHTML);       
        
    // pour chaque nouveau message au niveau du document on lui assigne ses événements
    DOM.each(function() { thisConversation.attacherEventsSurMessage(this); });
@@ -283,18 +286,20 @@ euphorik.Conversation.prototype.flush = function() {
 
 /**
   * Attache des événements à un message donné.
+  * Utilisé lorsqu'un message est ajouté au document HTML.
   * @element le message du DOM
   */
 euphorik.Conversation.prototype.attacherEventsSurMessage = function(element) {
    // l'id du message
    var idMess = this.idMessageFromString($(element).attr("id"));
-
-   this.util.infoBulle("Extraction de la conversation à partir de ce message", $(".extraire", element));
-   this.util.infoBulle("Extraction de la conversation complète", $(".extraireCompletement", element));
+   
+   if (idMess in this.conversations.messagesRepond) {
+      $(element).addClass("repondEnEvidence");
+   }
    
    var thisConversation = this;
    $(".lienConv", element).click(
-      function(event) {          
+      function(event) {
          // FIXME : ya pas mieux ?
          var racine = $(event.target).text();
          thisConversation.conversations.ouvrirConversation(parseInt(racine.substring(1, racine.length - 1), 36));
@@ -302,30 +307,38 @@ euphorik.Conversation.prototype.attacherEventsSurMessage = function(element) {
       }
    );
        
-   $(element).click(
-      function(event) {
-         if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) {
-            return;
-         }
-         
-          // extraction d'une conversation
-         if ($(event.target).is(".extraire")) {
-            thisConversation.conversations.ouvrirConversation(idMess);
-            return;
-         }
+   $(element).click(function(event) {
+      if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) {
+         return;
+      } else if ($(event.target).is(".extraire")) {
+         thisConversation.util.outilsMessage.hide();
+         thisConversation.conversations.ouvrirConversation(idMess);
+         return;
+      } else if ($(event.target).is(".extraireCompletement")) {
+         thisConversation.util.outilsMessage.hide();
+         thisConversation.conversations.ouvrirConversation(thisConversation.messagesParId[idMess].racineId);
+         return;
+      }
 
-         if ($(event.target).is(".extraireCompletement")) {
-            thisConversation.conversations.ouvrirConversation(thisConversation.messagesParId[idMess].racineId);
-            return;
-         }
+      // met ou enlève la mise en evidence du message
+      thisConversation.conversations.toggleMessageRepond(thisConversation.messagesParId[idMess]);
 
-         // met ou enlève la mise en evidence du message
-         thisConversation.conversations.toggleMessageRepond(thisConversation.messagesParId[idMess]);
-         
-         // donne le focus à la ligne de saisie
-         $("form input.message").focus();
-      }
-   );
+      // donne le focus à la ligne de saisie
+      $("form input.message").focus();
+   }).hover(function() { // affiche les outils liées au message
+      var top = $(this).offset().top
+      var left = $(this).offset().left + $(this).outerWidth() - thisConversation.util.outilsMessage.largeur
+      $(".extraire", thisConversation.util.outilsMessage).unbind();
+      $(".extraireCompletement", thisConversation.util.outilsMessage).unbind();
+      // TODO : ces deux appels devraient se trouver dans "PageMinichat" lors de la création de thisConversation.util
+      // malheureusement lors de la modification du DOM (suppression des conversations) les événements liés sont supprimés
+      thisConversation.util.infoBulle("Extraction de la conversation à partir de ce message", $(".extraire", thisConversation.util.outilsMessage));
+      thisConversation.util.infoBulle("Extraction de la conversation complète", $(".extraireCompletement", thisConversation.util.outilsMessage));
+      thisConversation.util.outilsMessage.css("top", top).css("left", left).prependTo(this).show();
+      thisConversation.util.outilsMessage.largeur = thisConversation.util.outilsMessage.outerWidth();
+   }, function() {
+      thisConversation.util.outilsMessage.hide()
+   });
 
    // mise en évidence de la conversation
    $(".entete", element).hover(
@@ -384,7 +397,7 @@ euphorik.Conversation.prototype.attacherEventsSurMessage = function(element) {
             );
          },
          function() {
-            $("#outilsBan", this).hide();
+            thisConversation.util.outilsBan.hide();
          }
       );
    }
@@ -433,8 +446,7 @@ euphorik.Conversation.prototype.afficherConversation = function(id) {
 };
 
 /**
-  * Supprime une conversation.
-  * Ne l'enlève pas du DOM.
+  * Supprime la conversation du DOM.
   */
 euphorik.Conversation.prototype.supprimer = function() {
    $("#" + this.getId()).remove();