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