2 // Copyright 2008 Grégory Burri
4 // This file is part of Euphorik.
6 // Euphorik is free software: you can redistribute it and/or modify
7 // it under the terms of the GNU General Public License as published by
8 // the Free Software Foundation, either version 3 of the License, or
9 // (at your option) any later version.
11 // Euphorik is distributed in the hope that it will be useful,
12 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 // but WITHOUT ANY WARRANTY; without even the implied warranty of
14 // GNU General Public License for more details.
16 // You should have received a copy of the GNU General Public License
17 // along with Euphorik. If not, see <http://www.gnu.org/licenses/>.
19 /*jslint laxbreak:true */
21 euphorik
.PageMinichat = function(client
, formateur
, util
) {
22 this.nom
= "minichat";
25 this.formateur
= formateur
;
27 this.commandes
= new euphorik
.Commandes(this.client
);
29 // permet d'éviter d'envoyer plusieurs messages simultanément en pressant
30 // rapidement sur "enter" par exemple
31 this.envoieMessageEnCours
= false;
33 this.regexMessageTagMatch
= /\{.*?\}>/g;
34 this.regexMessageTagReplace
= /^(.*?\{.*?\}>)*/;
37 euphorik
.PageMinichat
.prototype.contenu = function() {
38 // le fait que tout soit collé est fait exprès, permet d'éviter d'avoir des espaces supplémentaires entre les spans
39 var formulaireXHTML
= '' +
40 '<form method="post" action="" id ="posterMessage">' +
42 ' <input class="captcha" name="captcha" type="text" size="8" maxlength="8"></input>' +
43 ' <input class="pseudo" name="pseudo" type="text" maxlength="50" value="' + encodeURI(euphorik
.conf
.nickDefaut
) + '"></input>' +
44 ' <span id="repondA"><span class="nb">0</span><span class="messages"></span></span>' +
45 ' <input class="message" name="message" type="text" maxlength="500" value=""></input>' +
46 ' <button class="smiles"></button>' +
47 ' <button class="return"></button>' +
51 var trollXHTML
= '<div id="trollCourant">Troll de la semaine : <span class="troll"></span></div>';
52 var conversationXHTML
= '<table id="conversations"><tr></tr></table>';
54 if (this.client
.chatOrder
=== "reverse") {
55 return trollXHTML
+ formulaireXHTML
+ conversationXHTML
;
57 return trollXHTML
+ conversationXHTML
+ formulaireXHTML
;
61 euphorik
.PageMinichat
.prototype.classes = function() {
62 return this.client
.chatOrder
=== "reverse" ? "orderReverse" : "orderChrono";
65 euphorik
.PageMinichat
.prototype.charger = function() {
68 $("#posterMessage input.pseudo").val(this.client
.pseudo
);
70 // cet appel ne doit pas être fait avant l'appel à 'charger'
71 this.conversations
= new euphorik
.Conversations(this.client
, this.formateur
, this.util
, this.fragment
);
73 this.chargerConversationsFragment();
75 this.conversations
.rafraichirMessages(true);
77 this.util
.setCaretToEnd($("form#posterMessage input.message")[0]);
79 // les outils de bannissement (uniquement pour les ekMaster)
80 if (this.client
.ekMaster
) {
81 // TODO : augmentation un peu space, à revoir
82 this.util
.outilsBan
= $(
83 '<span id="outilsBan">' +
84 ' <span class="spacer"></span>' +
85 ' <form action=""><p><input id="raison" name="raison" type="text" size="10" maxlength="200"></input></p></form>' +
86 ' <img id="ban" src="img/ban.gif" alt="Ban de 3 jours" />' +
87 ' <img id="kick" src="img/kick.gif" alt="Ban de 15min" />' +
88 ' <img id="slap" src="img/slap.gif" alt="Avertissement" />' +
92 this.util
.infoBulle("Slap", $("#slap", this.util
.outilsBan
));
93 this.util
.infoBulle("Kick (" + euphorik
.conf
.tempsKick
+ "min)", $("#kick", this.util
.outilsBan
));
94 this.util
.infoBulle("Ban (" + euphorik
.conf
.tempsBan
/ 24 / 60 + " jours)", $("#ban", this.util
.outilsBan
));
95 this.util
.infoBulle("La raison", $("input", this.util
.outilsBan
));
98 // la barre d'outils liée à chaque message
99 this.util
.outilsMessage
= $('<div class="outilsMess"><div class="extraire"></div><div class="extraireCompletement"></div></div>').prependTo("#page.minichat")
100 this.util
.infoBulle("Extraction de la conversation à partir de ce message", $(".extraire", this.util
.outilsMessage
));
101 this.util
.infoBulle("Extraction de la conversation complète", $(".extraireCompletement", this.util
.outilsMessage
));
103 this.util
.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant .troll"));
105 this.util
.infoBulle("Cliquer sur les messages pour les enlevers de la liste",
106 $("form#posterMessage #repondA").hover(
108 thisPage
.util
.afficherBoite(
109 $(".messages", this),
111 euphorik
.Util
.positionTypeX
.centre
,
112 thisPage
.client
.chatOrder
=== "reverse" ? euphorik
.Util
.positionTypeY
.bas : euphorik
.Util
.positionTypeY
.haut
115 function() { $(".messages", this).hide(); }
118 if ($(e
.target
).is(".nb")) {
119 thisPage
.conversations
.enleverMessagesRepond();
123 euphorik
.Util
.positionBulleType
.droite
127 $("body").append('<div id="smiles"></div>');
128 // affichage des smiles
129 $("#smiles").append(this.formateur
.getSmilesHTML()).children().each(
131 var opacityBase
= $(this).css("opacity");
134 thisPage
.util
.replaceSelection($("form#posterMessage input.message")[0], thisPage
.formateur
.smiles
[$(this).attr("class")][0].source
.replace(/\\/g
, ""));
137 function() { $(this).animate({opacity: 1}, 200); },
138 function() { $(this).animate({opacity: opacityBase
}, 200); }
142 $("form#posterMessage button.smiles").hover(
143 // affichage de la boite présentant les smiles
144 function(e
){ thisPage
.util
.afficherBoite($("#smiles"), $(e
.target
), euphorik
.Util
.positionTypeX
.centre
, euphorik
.Util
.positionTypeY
.basRecouvrement
); },
159 if ($("form#posterMessage input.captcha").val() !== "") {
163 var message
= $("form#posterMessage input.message").val();
165 // traitement des commandes..
166 var retCommandes
= thisPage
.commandes
.exec(message
);
167 switch (retCommandes
[0]) {
168 case euphorik
.Commandes
.statut
.pas_une_commande :
169 thisPage
.envoyerMessage($("form#posterMessage input.pseudo").val(), message
);
171 case euphorik
.Commandes
.statut
.erreur_commande :
172 thisPage
.util
.messageDialogue(retCommandes
[1], euphorik
.Util
.messageType
.erreur
);
174 case euphorik
.Commandes
.statut
.ok :
175 $("form#posterMessage input.message").val("");
179 $("form#posterMessage input.message").focus();
182 $("form#posterMessage").keypress(
184 if (e
.which
=== 13) { // return
190 $("form#posterMessage button.return").click(nouveauMessage
);
192 // interdiction de submiter le formulaire
193 $("form#posterMessage").submit(function(){ return false; });
195 $("input.pseudo").click(
197 var input
= $("input.pseudo")[0];
198 if (input
.value
=== euphorik
.conf
.pseudoDefaut
) {
205 euphorik
.PageMinichat
.prototype.chargerConversationsFragment = function() {
206 var thisPageMinichat
= this;
208 // attention : "conv" doit être un tableau d'entier
210 var conv
= this.fragment
.getVal("conv");
212 conv
.each(function(i
, racine
) {
213 thisPageMinichat
.client
.ajouterConversation(racine
)
221 euphorik
.PageMinichat
.prototype.decharger = function() {
222 this.conversations
.comet
.stopAttenteCourante();
224 $("body #smiles").remove();
226 this.fragment
.delVal("conv")
230 euphorik
.PageMinichat
.prototype.getJSONMessage = function(pseudo
, message
) {
232 objectEach(this.conversations
.messagesRepond
, function(id
) {
233 repondA
.push(parseInt(id
, 10));
237 "header" : { "action" : "put_message", "version" : euphorik
.conf
.versionProtocole
},
238 "cookie" : this.client
.cookie
,
241 "answer_to" : repondA
245 euphorik
.PageMinichat
.prototype.envoyerMessage = function(pseudo
, message
) {
246 var thisPageMinichat
= this;
248 // (un pseudo vide est autorisé)
249 pseudo
= this.formateur
.filtrerInputPseudo(pseudo
);
251 if (pseudo
=== euphorik
.conf
.nickDefaut
) {
252 this.util
.messageDialogue("Le pseudo ne peut pas être " + euphorik
.conf
.nickDefaut
);
256 message
= message
.trim();
258 this.util
.messageDialogue("Le message est vide");
262 if (!this.client
.authentifie()) {
263 if (!this.client
.enregistrement()) {
264 this.util
.messageDialogue("login impossible");
269 this.client
.pseudo
= pseudo
;
271 // évite le double post
272 if (this.envoieMessageEnCours
) {
273 this.util
.messageDialogue("Message en cours d'envoie...");
276 this.envoieMessageEnCours
= true;
281 data : this.util
.jsonVersAction(this.getJSONMessage(pseudo
, message
)),
283 beforeSend : function(xmlHttpRequest
) {
284 // TODO : ça marche ça ??
285 xmlHttpRequest
.setRequestHeader("X-Requested-With", "");
287 success : function(data
, textStatus
) {
288 if(data
.reply
=== "ok") {
289 // TODO : revoir cette partie
290 // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) TODO : ya mieux ?
291 objectEach(thisPageMinichat
.conversations
.messagesRepond
, function(messId
) {
292 thisPageMinichat
.conversations
.conversations
.each(function(i
, conv
) {
293 var mess
= conv
.messagesParId
[messId
];
295 mess
.clientARepondu
= true;
296 $("#conversations #" + mess
.getId(conv
.getId())).addClass("repondu")
301 $("form#posterMessage input.message").val("");
302 thisPageMinichat
.conversations
.enleverMessagesRepond();
303 } else if (data
.reply
=== "error") {
304 thisPageMinichat
.util
.messageDialogue(data
.error_message
);
306 thisPageMinichat
.envoieMessageEnCours
= false;
309 thisPageMinichat
.envoieMessageEnCours
= false;