X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageMinichat.js;h=8dc7b00216401507ba5140f345836a5cdcc06dff;hp=b09b4ca760493fe548e86973aca8c7023486e3bb;hb=e2fc8a1a3dd118b714a2ea55daf1829fa1b98649;hpb=e82b363f65838828948a62ef4452e752743ef661
diff --git a/js/pageMinichat.js b/js/pageMinichat.js
index b09b4ca..8dc7b00 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 :
\
\
'
}
@@ -55,9 +57,9 @@ PageMinichat.prototype.charger = function()
$("form input.pseudo").val(this.client.pseudo)
// cet appel ne doit pas être fait avant l'appel à 'charger'
- this.messages = new Messages(this.client, this.formateur, this.util)
+ this.conversations = new Conversations(this.client, this.formateur, this.util)
- this.messages.rafraichirMessages(true)
+ this.conversations.rafraichirMessages(true)
this.util.setCaretToEnd($("form input.message")[0])
@@ -80,16 +82,23 @@ 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)
{
var opacityBase = $(this).css("opacity")
$(this).click(
- function(event)
+ function()
{
thisPage.util.replaceSelection($("form#posterMessage input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, ""))
}
@@ -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()
}
@@ -160,19 +162,19 @@ PageMinichat.prototype.charger = function()
PageMinichat.prototype.decharger = function()
{
- this.messages.pageEvent.stopAttenteCourante()
+ this.conversations.pageEvent.stopAttenteCourante()
$("body #smiles").remove()
}
PageMinichat.prototype.getJSONMessage = function(pseudo, message)
{
- repondA = []
- for (var id in this.messages.messagesRepond)
+ var repondA = []
+ for (var id in this.conversations.messagesRepond)
repondA.push(parseInt(id)) // FIXME : une propriété ne peut pas être de type int ?
return {
- "action" : "put_message",
+ "header" : { "action" : "put_message", "version" : conf.versionProtocole },
"cookie" : this.client.cookie,
"nick" : pseudo,
"content" : message,
@@ -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.conversations.messagesRepond)
{
- for (var j = 0; j < thisPageMinichat.messages.conversations.length; j++)
+ for (var j = 0; j < thisPageMinichat.conversations.conversations.length; j++)
{
- var mess = thisPageMinichat.messages.conversations[j].messagesParId[repondA[i]]
+ var mess = thisPageMinichat.conversations.conversations[j].messagesParId[messId]
if (mess != undefined)
mess.clientARepondu = true
}
- $("#conversations div#mess" + repondA[i].toString(36)).addClass("repondu")
+ $("#conversations div#" + thisPageMinichat.conversations.messagesRepond[messId].getId()).addClass("repondu")
}
+
+ $("form input.message").val("")
+ thisPageMinichat.conversations.enleverMessagesRepond()
}
else if (data["reply"] == "error")
{
@@ -284,36 +282,39 @@ function Reponse(id, pseudo, login)
/**
* Représente un message.
- * @param id (string)
- * @param date (string)
- * @param pseudo
- * @param contenu
*/
-function Message(client, formateur, id, auteurId, racineId, date, pseudo, login, contenu)
+function Message(client, formateur, element)
{
this.client = client
this.formateur = formateur
- this.id = id
- this.auteurId = auteurId
- this.racineId = racineId
- this.date = date
- this.pseudo = pseudo
- this.login = login
- this.contenu = contenu
- this.appartientAuClient = false
- this.clientARepondu = false
- this.estUneReponse = false
- this.ekMaster = false
+ this.id = element["id"]
+ this.auteurId = element["user_id"]
+ this.racineId = element["root"]
+ this.date = element["date"]
+ this.pseudo = element["nick"]
+ this.login = element["login"]
+ this.contenu = element["content"]
- this.systeme = false // est-ce un message 'système' ?
-
- this.repondA = {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
+ this.appartientAuClient = element["owner"]
+ this.clientARepondu = element["answered"]
+ this.estUneReponse = element["is_a_reply"]
+ this.systeme = element["system"] // est-ce un message 'système' ?
+ this.setRepondA(element["answer_to"]) // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
+ this.ekMaster = element["ek_master"]
+ this.degreeOstentatoire = element["ostentatious_master"]
}
-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,37 +353,46 @@ 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)
+ // parcours en
+ var f = function(tabIds, premierNiveau)
{
for(var id in tabIds)
{
+ // si le message (id) a déjà été traité
+ if (messagesEnEvidence[id] != undefined && !premierNiveau)
+ continue
+
var message = messages.messagesParId[id]
if (message != undefined)
{
- messagesEnEvidence[id] = message.auteurId == thisMessage.auteurId ? 1 : ( premierNiveau ? 3 : 0 )
- premierNiveau = false
- f (message.repondA)
+ messagesEnEvidence[id] = premierNiveau ? 3 : (message.auteurId == thisMessage.auteurId ? 1 : 0)
+ f (message.repondA, false)
}
}
}
- f(this.repondA)
+ f(this.repondA, true)
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 =
this.client.nickFormat == "nick" || this.login == "" ? this.formateur.traitementComplet(this.pseudo) :
- (this.client.nickFormat == "login" ? this.formateur.traitementComplet(message.login) :
- this.formateur.traitementComplet(this.pseudo) + "(" + this.formateur.traitementComplet(message.login) +")" )
+ (this.client.nickFormat == "login" ? this.formateur.traitementComplet(this.login) :
+ this.formateur.traitementComplet(this.pseudo) + "(" + this.formateur.traitementComplet(this.login) +")" )
var XHTMLrepondA = ""
var debut = true
@@ -395,12 +405,12 @@ Message.prototype.XHTML = function(messagePair)
if (XHTMLrepondA != "")
XHTMLrepondA = "" + XHTMLrepondA + ""
- return "" +
"
" +
"[" + this.date + "]" +
@@ -414,32 +424,40 @@ Message.prototype.XHTML = function(messagePair)
/**
* Représente une conversation.
- * @param numConv le numéro (appelé id) de la conversation
- * @param formateur outil permettant la mise en forme du texte des messages
+ * Une conversation, au niveau XHTML, est formé de deux partie, le titre et les messages.
+ * Le titre comprend la navigation par page, un bouton pour la fermer, un bouton pour la plier, un bouton
+ * pour créer un lien ainsi que le premier message.
+ * @param conversations l'ensemble des conversations
+ * @param num le numéro de la conversation
*/
-function Conversation(num, util, formateur, client)
-{
- var thisConversation = this
-
- this.num = num // peut changer au cours de la vie de la conversation
+function Conversation(conversations, num)
+{
+ this.conversations = conversations
+ this.num = num // peut changer au cours de la vie de la conversation, n'est pas un id !
this.id = Math.floor(Math.random() * 1000000).toString(36)
- this.util = util
- this.formateur = formateur
- this.client = client
+
+ this.util = this.conversations.util
+ this.formateur = this.conversations.formateur
+ this.client = this.conversations.client
+
this.idDernierMessageAffiche = 0
+ this.racine = undefined
- this.messages = new Array()
- this.messagesParId = new Object()
+ this.messages = []
+ this.messagesParId = {}
this.nbMessageMax = conf.nbMessageAffiche // Le nombre de message affiché par page
$("#conversations").append(
- '\
-
' +
- (num == 0 ? '' : '
') +
- '
<1>\
-
\
-
' +
+ '
' +
+ '
' +
+ '
' +
+ (num == 0 ? '' : '
') +
+ '
<1>' +
+ '
' +
+ '
' +
+ '