X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageMinichat.js;h=8586bb5b94422d6f0359bc2cfa9d88cfc8104262;hp=b09b4ca760493fe548e86973aca8c7023486e3bb;hb=b208b89c76631ea685f7414f39116a6c1d660eee;hpb=e82b363f65838828948a62ef4452e752743ef661 diff --git a/js/pageMinichat.js b/js/pageMinichat.js index b09b4ca..8586bb5 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -34,16 +34,18 @@ function PageMinichat(client, formateur, util) PageMinichat.prototype.contenu = function() { + // le fait que tout soit collé est fait exprès, permet d'éviter d'avoir des espaces supplémentaires entre les spans' return '\
Troll de la semaine :
\
\ -

\ - \ - \ - \ - \ - \ -

\ +

\ +\ +\ +0\ +\ +\ +\ +

\
\
' } @@ -80,9 +82,16 @@ PageMinichat.prototype.charger = function() } this.util.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant .troll")) + + this.util.infoBulle("Cliquer sur les messages pour les enlevers de la liste", + $("form#posterMessage #repondA").hover( + function() { thisPage.util.afficherBoite($(".messages", this), $(this), positionTypeX.centre, positionTypeY.bas) }, + function() { $(".messages", this).hide() } + ) + ) // - $("body").append("
") + $("body").append('
') // affichage des smiles $("#smiles").append(this.formateur.getSmilesHTML()).children().each( function(i) @@ -100,20 +109,13 @@ PageMinichat.prototype.charger = function() } ) $("form button.smiles").hover( - function(e) - { - var position = $(e.target).offset() - // le décalage pour ne pas dépasser à droite (10 correspond à la marge pour éviter de coller le bord) - var decalage = $("body").width() - $("#smiles").width() - position.left - 10 - decalage = decalage > 0 ? 0 : decalage - - $("#smiles").css("top", position.top).css("left", position.left + decalage).show() - }, - function(e){} + // affichage de la boite présentant les smiles + function(e){ thisPage.util.afficherBoite($("#smiles"), $(e.target), positionTypeX.centre, positionTypeY.basRecouvrement) }, + function(){} ) $("#smiles").hover( function(){}, - function(e) + function() { $("#smiles").hide() } @@ -167,7 +169,7 @@ PageMinichat.prototype.decharger = function() PageMinichat.prototype.getJSONMessage = function(pseudo, message) { - repondA = [] + var repondA = [] for (var id in this.messages.messagesRepond) repondA.push(parseInt(id)) // FIXME : une propriété ne peut pas être de type int ? @@ -217,9 +219,7 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) } this.envoieMessageEnCours = true - ;; dumpObj(this.getJSONMessage(pseudo, message)) jQuery.ajax( - { url : "request", type: "POST", @@ -231,25 +231,23 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) xmlHttpRequest.setRequestHeader("X-Requested-With", "") }, success : function(data, textStatus) - { - ;; dumpObj(data) - + { if(data["reply"] == "ok") - { - $("form input.message").val("") - thisPageMinichat.messages.enleverMessagesRepond() - + { // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) TODO : ya mieux ? - for (var i = 0; i < repondA.length; i++) + for (var messId in thisPageMinichat.messages.messagesRepond) { for (var j = 0; j < thisPageMinichat.messages.conversations.length; j++) { - var mess = thisPageMinichat.messages.conversations[j].messagesParId[repondA[i]] + var mess = thisPageMinichat.messages.conversations[j].messagesParId[messId] if (mess != undefined) mess.clientARepondu = true } - $("#conversations div#mess" + repondA[i].toString(36)).addClass("repondu") + $("#conversations div#" + thisPageMinichat.messages.messagesRepond[messId].getId()).addClass("repondu") } + + $("form input.message").val("") + thisPageMinichat.messages.enleverMessagesRepond() } else if (data["reply"] == "error") { @@ -311,9 +309,16 @@ function Message(client, formateur, id, auteurId, racineId, date, pseudo, login, this.repondA = {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses } -Message.prototype.getId = function() +/** + * @param pre est un prefix permettant de créer un Id différent pour deux mêmes messages. + * Cela est utile pour afficher plusieurs mêmes messages au sein d'un document XHTML. + * voir également la fonction 'XHTML()'. + */ +Message.prototype.getId = function(pre) { - return "mess" + this.id.toString(36) + if (pre == undefined) + pre = "" + return pre + "mess" + this.id.toString(36) } /** @@ -352,7 +357,7 @@ Message.prototype.getConversation = function(messages) // recherche les réponses (O(n)) for (var i = 0; i < messages.messages.length; i++) if (messages.messages[i].repondA.hasOwnProperty(this.id)) - messagesEnEvidence[messages.messages[i].id] = messages.messages[i].auteurId == this.auteurId ? 1 : 2 + messagesEnEvidence[messages.messages[i].id] = 2 var premierNiveau = true var f = function(tabIds) @@ -362,7 +367,7 @@ Message.prototype.getConversation = function(messages) var message = messages.messagesParId[id] if (message != undefined) { - messagesEnEvidence[id] = message.auteurId == thisMessage.auteurId ? 1 : ( premierNiveau ? 3 : 0 ) + messagesEnEvidence[id] = premierNiveau ? 3 : (message.auteurId == thisMessage.auteurId ? 1 : 0) premierNiveau = false f (message.repondA) } @@ -373,10 +378,16 @@ Message.prototype.getConversation = function(messages) return messagesEnEvidence } -Message.prototype.XHTML = function(messagePair) +/** + * Renvoie le message sous la forme de code XHTML (string) prêt à être inséré dans un document. + * Aucun callback n'est affecté. + */ +Message.prototype.XHTML = function(messagePair, pre) { if (messagePair == undefined) messagePair = true + if (pre == undefined) + pre = "" // construit l'identifiant de la personne var identifiant = @@ -395,7 +406,7 @@ Message.prototype.XHTML = function(messagePair) if (XHTMLrepondA != "") XHTMLrepondA = "" + XHTMLrepondA + "" - return "
0) boite.show() + else boite.hide() } - -/** - * Définit un message comme n'y répondant plus. - */ -/*Messages.prototype.enleverMessageRepond = function(id) -{ - -}*/ - /** - * Définit un message comme y répondant. + * Affiche les messages auquel l'utilisateur souhaite répondre au sein des messages des conversations. + * Utilisé lorsqu'une conversation est extraite. */ -/*Messages.prototype.ajouterMessageRepond = function(id) +Messages.prototype.afficherMessagesRepondConversations = function() { - -}*/ + var expr = "" + for(var messId in this.messagesRepond) + expr += "#" + this.messagesRepond[messId].getId() + "," + $(expr).addClass("repondEnEvidence") +} /** * Crée un message JSON contenant le message demandant un rafraichissement. @@ -1101,10 +1159,7 @@ Messages.prototype.rafraichirMessages = function(vider) function(data) { if (vider) - { thisMessages.viderMessages() - vider = false - } // ajoute les messages reçus à leur conversation respective for (var numConv = 0; numConv < data["conversations"].length; numConv++) { @@ -1114,6 +1169,9 @@ Messages.prototype.rafraichirMessages = function(vider) thisMessages.client.supprimerConversation(numConv - 1) } } + if (vider) + thisMessages.afficherMessagesRepondConversations() + vider = false } } )