3 function PageMinichat(client
, formateur
, util
)
8 this.formateur
= formateur
11 this.regexMessageTagMatch
= /\{.*?\}>/g
12 this.regexMessageTagReplace
= /^(.*?\{.*?\}>)*/
14 this.messages
= new Messages(this.client
, this.formateur
, this.util
)
17 PageMinichat
.prototype.contenu = function()
20 <div id="smiles"></div>\
21 <form method="post" action="">\
23 <input class="captcha" name="captcha" type="text" size="12"></input>\
24 <input class="pseudo" name="pseudo" type="text" size="12" maxlength="50" value="<nick>"></input>\
25 <input class="message" name="message" type="text" size="80" maxlength="500" value=""></input>\
26 <button class="return"></button>\
29 <div id="messages"></div>\
30 <div id="pages"></div>'
33 PageMinichat
.prototype.charger = function()
37 jQuery("form input.pseudo").val(this.client
.pseudo
)
39 this.messages
.rafraichirMessages(true)
41 this.util
.setCaretToEnd(jQuery("form input.message")[0])
43 jQuery("#messages").hover(
47 jQuery("#messages .message").removeClass("cache")
48 thisPage
.messages
.messageOver
= null
52 // affichage des smiles
53 jQuery("#smiles").html(this.formateur
.getSmilesHTML()).children().each(
56 var opacityBase
= jQuery(this).css("opacity")
60 thisPage
.util
.replaceSelection(jQuery("form input.message")[0], thisPage
.formateur
.smiles
[jQuery(this).attr("class")][0].source
.replace(/\\/g
, ""))
85 jQuery("form button.return").click(
89 if (jQuery("form input.captcha").val() != "") return
91 thisPage
.messages
.allerSurLaPage(1)
93 thisPage
.envoyerMessage(
94 jQuery("form input.pseudo").val(),
95 jQuery("form input.message").val()
98 jQuery("form input.message")[0].focus()
101 // interdiction de submiter le formulaire
102 jQuery("form").submit(function(){return false})
104 jQuery("input.pseudo").click(
107 var input
= jQuery("input.pseudo")[0]
108 if (input
.value
== conf
.pseudoDefaut
)
114 PageMinichat
.prototype.decharger = function()
116 if (this.attenteCourante
!= null)
117 this.attenteCourante
.abort()
120 PageMinichat
.prototype.getXMLMessage = function(pseudo
, message
, repondA
)
122 var XMLDocument
= this.util
.creerDocumentXMLAction()
123 XMLDocument
.documentElement
.setAttribute("name", "message")
125 var nodeCookie
= XMLDocument
.createElement("cookie")
126 nodeCookie
.appendChild(XMLDocument
.createTextNode(this.client
.cookie
))
127 XMLDocument
.documentElement
.appendChild(nodeCookie
)
129 var nodePseudo
= XMLDocument
.createElement("pseudo")
130 nodePseudo
.appendChild(XMLDocument
.createTextNode(pseudo
))
131 XMLDocument
.documentElement
.appendChild(nodePseudo
)
133 var nodeContenu
= XMLDocument
.createElement("contenu")
134 nodeContenu
.appendChild(XMLDocument
.createTextNode(message
))
135 XMLDocument
.documentElement
.appendChild(nodeContenu
)
137 if (repondA
.length
> 0)
139 var nodeReponses
= XMLDocument
.createElement("reponses")
140 XMLDocument
.documentElement
.appendChild(nodeReponses
)
141 for (var i
= 0; i
< repondA
.length
; i
++)
143 var nodeReponse
= XMLDocument
.createElement("reponse")
144 nodeReponse
.setAttribute("id", repondA
[i
])
145 nodeReponses
.appendChild(nodeReponse
)
152 PageMinichat
.prototype.envoyerMessage = function(pseudo
, message
)
154 // (un pseudo vide est autorisé)
155 pseudo
= this.formateur
.filtrerInputPseudo(pseudo
)
157 // extraction des id des messages (en base 36 évidemment) auquels le user répond
159 var tags
= message
.match(this.regexMessageTagMatch
)
162 for(var i
= 0; i
< tags
.length
; i
++)
163 repondA
.push(/\{(.*?)\}>/.exec(tags
[i
])[1])
164 message
= message
.replace(this.regexMessageTagReplace
, "")
166 // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche)
167 for (var i
= 0; i
< repondA
.length
; i
++)
169 jQuery("#messages div#" + repondA
[i
]).addClass("repondu")
170 for (var m
= 0; m
< this.messages
.messages
.length
; m
++)
171 this.messages
.messages
[m
].clientARepondu
= true
175 message
= message
.trim()
178 this.util
.messageDialogue("Le message est vide")
182 if (!this.client
.identifie())
183 if (!this.client
.enregistrement())
185 this.util
.messageDialogue("login impossible")
189 //this.util.log(this.util.xmlVersAction(this.getXMLmessage(pseudo, message, repondA)).action)
190 //alert(this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)).action)
192 jQuery.post("request", this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)),
193 function(data, textStatus)
195 // TODO : traiter les erreurs
197 jQuery("form input.message").val("")
205 data : this.util
.xmlVersAction(this.getXMLMessage(pseudo
, message
, repondA
)),
207 success : function(data
, textStatus
)
209 if(jQuery("statut", data
.documentElement
).text() == "ok")
210 jQuery("form input.message").val("")
216 ///////////////////////////////////////////////////////////////////////////////////////////////////
218 function Reponse(id
, pseudo
, login
)
224 if (this.pseudo
== undefined)
227 if (this.login
== undefined)
231 ///////////////////////////////////////////////////////////////////////////////////////////////////
234 * Représente un message.
236 * @param date (string)
240 function Message(id
, date
, pseudo
, contenu
)
245 this.contenu
= contenu
247 this.appartientAuClient
= false
248 this.clientARepondu
= false
249 this.estUneReponse
= false
251 this.systeme
= false // est-ce un message 'système' ?
253 this.repondA
= {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
259 Message
.prototype.setRepondA = function(element
)
263 var thisMessage
= this
265 jQuery("id", element
).each (
268 var reponse
= new Reponse(jQuery(this).attr("id"), jQuery(this).attr("pseudo"), jQuery(this).attr("login"))
269 thisMessage
.repondA
[reponse
.id
] = reponse
275 * @return les id des messages qui ont été mis en evidence sous la forme d'un objet
277 Message
.prototype.afficherConversation = function(messages
)
279 // les messages faisant partie de la conversation
280 var messagesEnEvidence
= {}
282 messagesEnEvidence
[this.id
] = true
284 // recherche les réponses (O(n))
285 for (var i
= 0; i
< messages
.messages
.length
; i
++)
286 if (messages
.messages
[i
].repondA
.hasOwnProperty(this.id
))
287 messagesEnEvidence
[messages
.messages
[i
].id
] = true
289 var f = function(tabIds
)
291 for(var id
in tabIds
)
293 var message
= messages
.messagesParId
[id
]
294 if (message
!= undefined)
296 messagesEnEvidence
[id
] = true
303 return messagesEnEvidence
306 ///////////////////////////////////////////////////////////////////////////////////////////////////
309 * Représente l'ensemble des messages affichés.
311 function Messages(client
, formateur
, util
)
314 this.formateur
= formateur
317 this.nbMessageMax
= conf
.nbMessageAffiche
// Le nombre de message affiché par page
318 this.idDernierMesssage
= null // l'id du dernier message connu
319 this.page
= 1 // par défaut on se trouve sur la première page
321 this.messages
= new Array()
322 this.messagesParId
= new Object()
324 // l'objet XMLHttpRequest représentant la connexion d'attente
325 this.attenteCourante
= null
327 var messageOver
= null // element
331 * Crée un document XML contenant le message demandant un rafraichissement.
333 Messages
.prototype.getXMLrafraichirMessages = function()
335 var XMLDocument
= this.util
.creerDocumentXMLAction()
336 XMLDocument
.documentElement
.setAttribute("name", "refreshMessages")
338 //alert(this.util.serializer.serializeToString(XMLDocument))
340 if (this.client
.identifie())
342 var nodeCookie
= XMLDocument
.createElement("cookie")
343 nodeCookie
.appendChild(XMLDocument
.createTextNode(this.client
.cookie
))
344 XMLDocument
.documentElement
.appendChild(nodeCookie
)
347 if (this.idDernierMesssage
!= null)
349 var nodeDernierMessageId
= XMLDocument
.createElement("dernierMessageId")
350 nodeDernierMessageId
.appendChild(XMLDocument
.createTextNode(this.idDernierMesssage
))
351 XMLDocument
.documentElement
.appendChild(nodeDernierMessageId
)
354 var nodeNombreMessage
= XMLDocument
.createElement("nombreMessage")
355 nodeNombreMessage
.appendChild(XMLDocument
.createTextNode(this.nbMessageMax
))
356 XMLDocument
.documentElement
.appendChild(nodeNombreMessage
)
358 var nodePage
= XMLDocument
.createElement("page")
359 nodePage
.appendChild(XMLDocument
.createTextNode(this.page
))
360 XMLDocument
.documentElement
.appendChild(nodePage
)
366 * Création d'un nouveau message.
367 * Les message sont données dans l'ordre de leur id.
368 * Met directement à jour l'affichage.
369 * @param element un element xml représentant le message
370 * @param autoFlush si oui alors le message est directement ajouté à la vue
372 Messages
.prototype.ajouterMessage = function(element
, autoFlush
)
374 if (autoFlush
== undefined) autoFlush
= true // valeur par défaut
376 // pas d'utilisation de jquery pour des raisons de performance
377 this.idDernierMesssage
= element
.getAttribute("id")
379 var message
= new Message(
380 this.idDernierMesssage
,
381 jQuery("date", element
).text(),
382 jQuery("pseudo", element
).text(),
383 jQuery("contenu", element
).text()
386 message
.appartientAuClient
= jQuery("proprietaire", element
).text() == "true"
387 message
.clientARepondu
= jQuery("repondu", element
).text() == "true"
388 message
.estUneReponse
= jQuery("reponse", element
).text() == "true"
389 message
.systeme
= jQuery("systeme", element
).text() == "true"
390 message
.setRepondA(jQuery("repondA", element
))
392 this.messages
.push(message
)
393 this.messagesParId
[message
.id
] = message
394 if (this.messages
.length
> this.nbMessageMax
)
395 delete this.messagesParId
[this.messages
.shift().id
]
401 Messages
.prototype.flush = function()
403 var thisMessages
= this
405 var idDernierMessageAffiche
= jQuery("#messages div:first").attr("id")
406 if (idDernierMessageAffiche
== undefined) idDernierMessageAffiche
= "0"
409 for (var i
= this.messages
.length
- 1; i
>= 0; i
--)
410 if (parseInt(this.messages
[i
].id
, 36) > parseInt(idDernierMessageAffiche
, 36))
412 var message
= this.messages
[i
]
413 var XHTMLrepondA
= ""
414 for (var id
in message
.repondA
)
415 XHTMLrepondA
+= this.formateur
.traitementComplet(message
.repondA
[id
].pseudo
) + "> "
416 XHTMLrepondA
= "<div class=\"repondA\">" + XHTMLrepondA
+ "</div>"
419 "<div id=\"" + message
.id
+ "\" class=\"" + (parseInt(message
.id
, 36) % 2 == 0 ? "messagePair" : "messageImpair") + " message" +
420 (this.messages
[i
].appartientAuClient
? " proprietaire" : "") + (this.messages
[i
].clientARepondu
? " repondu" : "") + (this.messages
[i
].estUneReponse
? " reponse" : "") + (this.messages
[i
].systeme
? " systeme" : "") +
422 "[<div class=\"date\">" + message
.date
+ "</div>]" +
423 "<div class=\"pseudo\">" + this.formateur
.traitementComplet(message
.pseudo
) + "</div>:" +
425 "<div class=\"contenu\">" + (message
.systeme
? this.formateur
.remplacerBalisesHTML(message
.contenu
) : this.formateur
.traitementComplet(message
.contenu
, message
.pseudo
))+ "</div>" +
428 jQuery("#messages").prepend(XHTML
)
430 if (myLightbox
!= null)
431 myLightbox
.updateImageList()
433 var nbMessagesAffiche
= jQuery("#messages .message").size()
434 if (nbMessagesAffiche
> this.nbMessageMax
)
435 jQuery("#messages .message").slice(this.nbMessageMax
, nbMessagesAffiche
).empty();
437 jQuery("#messages .message").filter(function(){return parseInt(jQuery(this).attr("id"), 36) > parseInt(idDernierMessageAffiche
, 36)}).each(
443 if (jQuery(event
.target
).is("a")) return
445 var valCourant
= jQuery("input.message").val()
446 if (valCourant
== undefined) valCourant
= ""
447 var tag
= jQuery(".pseudo", this).text() + "{" + jQuery(this).attr("id") + "}" + ">"
448 if (valCourant
.indexOf(tag
, 0) == -1)
449 jQuery("input.message").val(tag
+ " " + valCourant
)
450 thisMessages
.util
.setCaretToEnd(jQuery("form input.message")[0])
453 // Q : pourquoi pas un .hover ?
454 // R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence
458 if (this !== thisMessages
.messageOver
)
460 thisMessages
.afficherConversation(this)
461 thisMessages
.messageOver
= this
470 * Etablit une liste des messages à mettre en evidence et des messages à cacher.
471 * Puis applique un plan diabolique.
472 * @param element un message de la liste des messages
474 Messages
.prototype.afficherConversation = function(element
)
476 // cherche le message selectionné
477 var id
= jQuery(element
).attr("id")
478 var message
= this.messagesParId
[id
]
479 if (message
== undefined) return
481 mess
= message
.afficherConversation(this)
483 // FIXME : cet appel est très lent
484 jQuery("#messages .message").each(
487 var jq
= jQuery(this)
488 if (!mess
.hasOwnProperty(jq
.attr("id")))
491 jq
.removeClass("cache")
496 Messages
.prototype.viderMessages = function()
498 this.idDernierMesssage
= null
499 this.messages
= new Array()
500 jQuery("#messages").empty()
504 * Met à jour les messages de manière continue.
505 * (AJAX-Comet-style proof)
506 * @param vider vide tous les messages avant d'afficher les nouveaux
508 Messages
.prototype.rafraichirMessages = function(vider
)
510 if (this.attenteCourante
!= null)
511 this.attenteCourante
.abort()
513 if (vider
== undefined)
518 this.idDernierMesssage
= null
519 this.messages
= new Array()
522 var thisMessages
= this // caisupair javacrypte
524 //this.util.log(this.util.serializer.serializeToString(this.getXMLrafraichirMessages()))
525 //alert(this.util.xmlVersAction(this.getXMLrafraichirMessages()).action)
526 this.attenteCourante
= jQuery
.ajax({
530 data: this.util
.xmlVersAction(this.getXMLrafraichirMessages()),
534 //thisMessages.util.log(thisMessages.util.serializer.serializeToString(data))
537 thisMessages
.viderMessages()
539 thisMessages
.MAJPages(parseInt(jQuery("nbPage", data
.documentElement
).text()))
541 reponse
= jQuery("message", data
.documentElement
).each(
544 thisMessages
.ajouterMessage(this, false)
548 setTimeout(function(){ thisMessages
.rafraichirMessages() }, 100);
551 function(XMLHttpRequest
, textStatus
, errorThrown
)
553 setTimeout(function(){ thisMessages
.rafraichirMessages() }, 1000);
559 Messages
.prototype.MAJPages = function(nbPage
)
563 var thisMessages
= this
565 var nbPageActuel
= jQuery("#pages span").size()
567 for(var p
= nbPageActuel
+ 1; p
<= nbPage
&& p
<= 3; p
++)
569 jQuery("#pages").append("<span " + (this.page
== p
? "class=\"pageCourante\"" : "" ) + ">" + p
+ "</span>").click(
572 var target
= jQuery(event
.target
)
574 if(!target
.is("span"))
577 thisMessages
.allerSurLaPage(parseInt(jQuery(event
.target
).text()))
583 Messages
.prototype.allerSurLaPage = function(page
)
585 if (page
== this.page
)
589 var thisMessages
= this
591 //jQuery("#pages span").removeClass("pageCourante")
592 jQuery("#pages span").each(
595 if (jQuery(this).text() == thisMessages
.page
)
596 jQuery(this).addClass("pageCourante")
598 jQuery(this).removeClass("pageCourante")
602 this.rafraichirMessages(true)