FIX problème de gestion du profile, après ouverture d'une conversation puis enregistr...
[euphorik.git] / js / pageMinichat / pageMinichat.js
1 // coding: utf-8
2 // Copyright 2008 Grégory Burri
3 //
4 // This file is part of Euphorik.
5 //
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.
10 //
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.
15 //
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/>.
18
19 /*jslint laxbreak:true */
20
21 euphorik.PageMinichat = function(client, formateur, util) {
22 this.nom = "minichat";
23
24 this.client = client;
25 this.formateur = formateur;
26 this.util = util;
27 this.commandes = new euphorik.Commandes(this.client);
28
29 // permet d'éviter d'envoyer plusieurs messages simultanément en pressant
30 // rapidement sur "enter" par exemple
31 this.envoieMessageEnCours = false;
32
33 this.regexMessageTagMatch = /\{.*?\}>/g;
34 this.regexMessageTagReplace = /^(.*?\{.*?\}>)*/;
35 };
36
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">' +
41 ' <p>' +
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>' +
48 ' </p>' +
49 '</form>';
50
51 var trollXHTML = '<div id="trollCourant">Troll de la semaine : <span class="troll"></span></div>';
52 var conversationXHTML = '<table id="conversations"><tr></tr></table>';
53
54 if (this.client.chatOrder === "reverse") {
55 return trollXHTML + formulaireXHTML + conversationXHTML;
56 } else {
57 return trollXHTML + conversationXHTML + formulaireXHTML;
58 }
59 };
60
61 euphorik.PageMinichat.prototype.classes = function() {
62 return this.client.chatOrder === "reverse" ? "orderReverse" : "orderChrono";
63 };
64
65 euphorik.PageMinichat.prototype.charger = function() {
66 thisPage = this;
67
68 $("#posterMessage input.pseudo").val(this.client.pseudo);
69
70 // cet appel ne doit pas être fait avant l'appel à 'charger'
71 this.conversations = new euphorik.Conversations(this.client, this.formateur, this.util);
72
73 this.conversations.rafraichirMessages(true);
74
75 this.util.setCaretToEnd($("form#posterMessage input.message")[0]);
76
77 // les outils de bannissement (uniquement pour les ekMaster)
78 if (this.client.ekMaster) {
79 this.util.outilsBan = $(
80 '<span id="outilsBan">' +
81 ' <span class="spacer"></span>' +
82 ' <form action=""><p><input id="raison" name="raison" type="text" size="10" maxlength="200"></input></p></form>' +
83 ' <img id="ban" src="img/ban.gif" alt="Ban de 3 jours" />' +
84 ' <img id="kick" src="img/kick.gif" alt="Ban de 15min" />' +
85 ' <img id="slap" src="img/slap.gif" alt="Avertissement" />' +
86 '</span>'
87 );
88
89 this.util.infoBulle("Slap", $("#slap", this.util.outilsBan));
90 this.util.infoBulle("Kick (" + euphorik.conf.tempsKick + "min)", $("#kick", this.util.outilsBan));
91 this.util.infoBulle("Ban (" + euphorik.conf.tempsBan / 24 / 60 + " jours)", $("#ban", this.util.outilsBan));
92 this.util.infoBulle("La raison", $("input", this.util.outilsBan));
93 }
94
95 this.util.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant .troll"));
96
97 this.util.infoBulle("Cliquer sur les messages pour les enlevers de la liste",
98 $("form#posterMessage #repondA").hover(
99 function() {
100 thisPage.util.afficherBoite(
101 $(".messages", this),
102 $(this),
103 euphorik.Util.positionTypeX.centre,
104 thisPage.client.chatOrder === "reverse" ? euphorik.Util.positionTypeY.bas : euphorik.Util.positionTypeY.haut
105 );
106 },
107 function() { $(".messages", this).hide(); }
108 ).click(
109 function(e) {
110 if ($(e.target).is(".nb")) {
111 thisPage.conversations.enleverMessagesRepond();
112 }
113 }
114 ),
115 euphorik.Util.positionBulleType.droite
116 );
117
118 // <smiles>
119 $("body").append('<div id="smiles"></div>');
120 // affichage des smiles
121 $("#smiles").append(this.formateur.getSmilesHTML()).children().each(
122 function(i) {
123 var opacityBase = $(this).css("opacity");
124 $(this).click(
125 function() {
126 thisPage.util.replaceSelection($("form#posterMessage input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, ""));
127 }
128 ).hover(
129 function() { $(this).animate({opacity: 1}, 200); },
130 function() { $(this).animate({opacity: opacityBase}, 200); }
131 );
132 }
133 );
134 $("form#posterMessage button.smiles").hover(
135 // affichage de la boite présentant les smiles
136 function(e){ thisPage.util.afficherBoite($("#smiles"), $(e.target), euphorik.Util.positionTypeX.centre, euphorik.Util.positionTypeY.basRecouvrement); },
137 function(){}
138 );
139 $("#smiles").hover(
140 function(){},
141 function() {
142 $("#smiles").hide();
143 }
144 );
145 // </smiles>
146
147 // événements
148 var nouveauMessage =
149 function() {
150 // captcha anti bot
151 if ($("form#posterMessage input.captcha").val() !== "") {
152 return;
153 }
154
155 var message = $("form#posterMessage input.message").val();
156
157 // traitement des commandes..
158 var retCommandes = thisPage.commandes.exec(message);
159 switch (retCommandes[0]) {
160 case euphorik.Commandes.statut.pas_une_commande :
161 thisPage.envoyerMessage($("form#posterMessage input.pseudo").val(), message);
162 break;
163 case euphorik.Commandes.statut.erreur_commande :
164 thisPage.util.messageDialogue(retCommandes[1], euphorik.Util.messageType.erreur);
165 break;
166 case euphorik.Commandes.statut.ok :
167 $("form#posterMessage input.message").val("");
168 break;
169 }
170
171 $("form#posterMessage input.message").focus();
172 };
173
174 $("form#posterMessage").keypress(
175 function(e) {
176 if (e.which === 13) { // return
177 nouveauMessage();
178 }
179 }
180 );
181
182 $("form#posterMessage button.return").click(nouveauMessage);
183
184 // interdiction de submiter le formulaire
185 $("form#posterMessage").submit(function(){ return false; });
186
187 $("input.pseudo").click(
188 function() {
189 var input = $("input.pseudo")[0];
190 if (input.value === euphorik.conf.pseudoDefaut) {
191 input.value = "";
192 }
193 }
194 );
195 };
196
197 euphorik.PageMinichat.prototype.decharger = function() {
198 this.conversations.comet.stopAttenteCourante();
199
200 $("body #smiles").remove();
201 };
202
203 euphorik.PageMinichat.prototype.getJSONMessage = function(pseudo, message) {
204 var repondA = [];
205 objectEach(this.conversations.messagesRepond, function(id) {
206 repondA.push(parseInt(id, 10));
207 });
208
209 return {
210 "header" : { "action" : "put_message", "version" : euphorik.conf.versionProtocole },
211 "cookie" : this.client.cookie,
212 "nick" : pseudo,
213 "content" : message,
214 "answer_to" : repondA
215 };
216 };
217
218 euphorik.PageMinichat.prototype.envoyerMessage = function(pseudo, message) {
219 var thisPageMinichat = this;
220
221 // (un pseudo vide est autorisé)
222 pseudo = this.formateur.filtrerInputPseudo(pseudo);
223
224 if (pseudo === euphorik.conf.nickDefaut) {
225 this.util.messageDialogue("Le pseudo ne peut pas être " + euphorik.conf.nickDefaut);
226 return;
227 }
228
229 message = message.trim();
230 if (!message) {
231 this.util.messageDialogue("Le message est vide");
232 return;
233 }
234
235 if (!this.client.authentifie()) {
236 if (!this.client.enregistrement()) {
237 this.util.messageDialogue("login impossible");
238 return;
239 }
240 }
241
242 this.client.pseudo = pseudo;
243
244 // évite le double post
245 if (this.envoieMessageEnCours) {
246 this.util.messageDialogue("Message en cours d'envoie...");
247 return;
248 }
249 this.envoieMessageEnCours = true;
250
251 jQuery.ajax({
252 url : "request",
253 type: "POST",
254 data : this.util.jsonVersAction(this.getJSONMessage(pseudo, message)),
255 dataType : "json",
256 beforeSend : function(xmlHttpRequest) {
257 // TODO : ça marche ça ??
258 xmlHttpRequest.setRequestHeader("X-Requested-With", "");
259 },
260 success : function(data, textStatus) {
261 if(data.reply === "ok") {
262 // TODO : revoir cette partie
263 // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) TODO : ya mieux ?
264 objectEach(thisPageMinichat.conversations.messagesRepond, function(messId) {
265 thisPageMinichat.conversations.conversations.each(function(i, conv) {
266 var mess = conv.messagesParId[messId];
267 if (mess) {
268 mess.clientARepondu = true;
269 $("#conversations #" + mess.getId(conv.getId())).addClass("repondu")
270 }
271 });
272 });
273
274 $("form#posterMessage input.message").val("");
275 thisPageMinichat.conversations.enleverMessagesRepond();
276 } else if (data.reply === "error") {
277 thisPageMinichat.util.messageDialogue(data.error_message);
278 }
279 thisPageMinichat.envoieMessageEnCours = false;
280 },
281 error : function() {
282 thisPageMinichat.envoieMessageEnCours = false;
283 }
284 });
285 };