dfd398dda83d7778cdd616e08b50e508f9da6df4
[euphorik.git] / js / euphorik.js
1 // coding: utf-8
2
3 /**
4 * Contient la base javascript pour le site euphorik.ch.
5 * Chaque page possède son propre fichier js nommé "page<nom de la page>.js".
6 * Auteur : GBurri
7 * Date : 6.11.2007
8 */
9
10 /**
11 * La configuration.
12 * Normalement 'const' à la place de 'var' mais non supporté par IE7.
13 */
14 var conf = {
15 nbMessageAffiche : 10, // (par page)
16 pseudoDefaut : "<nick>",
17 tempsAffichageMessageDialogue : 4000, // en ms
18 smiles : {
19 "smile" : [/:\)/g, /:-\)/g],
20 "bigsmile" : [/:D/g, /:-D/g],
21 "clin" : [/;\)/g, /;-\)/g],
22 "cool" : [/8\)/g, /8-\)/g],
23 "eheheh" : [/:P/g, /:-P/g],
24 "oh" : [/:o/g, /:O/g],
25 "pascontent" : [/>\(/g, /&gt;\(/g],
26 "sniff" : [/:\(/g, /:-\(/g],
27 "argn" : [/\[:argn\]/g],
28 "bunny" : [/\[:lapin\]/g],
29 "chat" : [/\[:chat\]/g],
30 "renne" : [/\[:renne\]/g],
31 "lol" : [/\[:lol\]/g],
32 "spliff" : [/\[:spliff\]/g],
33 "star" : [/\[:star\]/g],
34 "triste" : [/\[:triste\]/g],
35 "kirby" : [/\[:kirby\]/g]
36 }
37 }
38
39 ///////////////////////////////////////////////////////////////////////////////////////////////////
40
41 String.prototype.trim = function()
42 {
43 return this.replace(/^\s+|\s+$/g, "");
44 }
45
46 String.prototype.ltrim = function()
47 {
48 return this.replace(/^\s+/, "");
49 }
50
51 String.prototype.rtrim = function()
52 {
53 return this.replace(/\s+$/, "");
54 }
55
56 String.prototype.dump = function(titre)
57 {
58 titre = titre == undefined ? "" : titre
59 if (typeof dump != "undefined")
60 {
61 dump("\n--- EUPHORIK.CH : " + titre + " ---\n")
62 dump(this)
63 dump("\n------\n")
64 }
65 }
66
67 ///////////////////////////////////////////////////////////////////////////////////////////////////
68
69 /**
70 * Cette classe regroupe des fonctions utilitaires (helpers).
71 */
72 function Util()
73 {
74 if(typeof XMLSerializer != "undefined")
75 this.serializer = new XMLSerializer()
76
77 jQuery("#info .fermer").click(function(){
78 jQuery("#info").slideUp(50)
79 })
80 }
81
82 /**
83 * Affiche une boite de dialogue avec un message à l'intérieur.
84 * @param message le message (string)
85 * @param type voir 'messageType'. par défaut messageType.informatif
86 * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons
87 * et les valeurs les fonctions executées lorsqu'un bouton est activé.
88 */
89 Util.prototype.messageDialogue = function(message, type, boutons)
90 {
91 if (type == undefined)
92 type = messageType.informatif
93
94 if (this.timeoutMessageDialogue != undefined)
95 clearTimeout(this.timeoutMessageDialogue)
96
97 var fermer = function(){jQuery("#info").slideUp(100)}
98 fermer()
99
100 jQuery("#info .message").html(message)
101 switch(type)
102 {
103 case messageType.informatif : jQuery("#info #icone").attr("class", "information"); break
104 case messageType.question : jQuery("#info #icone").attr("class", "interrogation"); break
105 case messageType.erreur : jQuery("#info #icone").attr("class", "exclamation"); break
106 }
107 jQuery("#info .boutons").html("")
108 for (var b in boutons)
109 jQuery("#info .boutons").append("<div>" + b + "</div>").find("div:last").click(boutons[b]).click(fermer)
110
111 jQuery("#info").slideDown(200)
112 this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue)
113 }
114 var messageType = {informatif: 0, question: 1, erreur: 2}
115
116 /**
117 * Transforme un document XML en string.
118 */
119 Util.prototype.serializeXML = function(documentXML)
120 {
121 if (this.serializer)
122 return this.serializer.serializeToString(documentXML)
123 else
124 return documentXML.xml
125 }
126
127 var documentXMLBase = undefined // singleton
128 Util.prototype.creerDocumentXMLAction = function()
129 {
130 // FIXME : essayer de garder le doc de base en cache (singleton) et d'en retourner une copie
131 if (true)//documentXMLBase == undefined)
132 {
133 if (document.implementation && document.implementation.createDocument)
134 {
135 // var doc = document.implementation.createDocument("", "action", null)
136 var parser = new DOMParser();
137 documentXMLBase = parser.parseFromString("<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n<action/>", "text/xml")
138 //alert(this.serializeXML(doc))
139 }
140 else if (window.ActiveXObject)
141 {
142 documentXMLBase = new ActiveXObject("MSXML2.DOMDocument") //("Microsoft.XMLDOM")
143 documentXMLBase.appendChild(doc.createElement("action"));
144 //doc.loadXML("<action></action>")
145 //alert(doc.documentElement)
146 //doc.createElement("action")
147 }
148 }
149 return documentXMLBase
150 }
151
152 Util.prototype.xmlVersAction = function(xml)
153 {
154 //return {action: this.to_utf8(this.serializeXML(xml /*, "UTF-8"*/))}
155 return {action: this.serializeXML(xml)}
156 }
157
158 Util.prototype.md5 = function(chaine)
159 {
160 return hex_md5(chaine)
161 }
162
163 // pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130
164 Util.prototype.setSelectionRange = function(input, selectionStart, selectionEnd)
165 {
166 if (input.setSelectionRange)
167 {
168 input.focus()
169 input.setSelectionRange(selectionStart, selectionEnd)
170 }
171 else if (input.createTextRange)
172 {
173 var range = input.createTextRange()
174 range.collapse(true)
175 range.moveEnd('character', selectionEnd)
176 range.moveStart('character', selectionStart)
177 range.select()
178 }
179 }
180
181 Util.prototype.setCaretToEnd = function(input)
182 {
183 this.setSelectionRange(input, input.value.length, input.value.length)
184 }
185 Util.prototype.setCaretToBegin = function(input)
186 {
187 this.setSelectionRange(input, 0, 0)
188 }
189 Util.prototype.setCaretToPos = function(input, pos)
190 {
191 this.setSelectionRange(input, pos, pos)
192 }
193 Util.prototype.selectString = function(input, string)
194 {
195 var match = new RegExp(string, "i").exec(input.value)
196 if (match)
197 {
198 this.setSelectionRange (input, match.index, match.index + match[0].length)
199 }
200 }
201 Util.prototype.replaceSelection = function(input, replaceString) {
202 if (input.setSelectionRange)
203 {
204 var selectionStart = input.selectionStart
205 var selectionEnd = input.selectionEnd
206 input.value = input.value.substring(0, selectionStart) + replaceString + input.value.substring(selectionEnd)
207
208 if (selectionStart != selectionEnd) // has there been a selection
209 this.setSelectionRange(input, selectionStart, selectionStart + replaceString.length)
210 else // set caret
211 this.setCaretToPos(input, selectionStart + replaceString.length)
212 }
213 else if (document.selection)
214 {
215 var range = document.selection.createRange();
216 if (range.parentElement() == input)
217 {
218 var isCollapsed = range.text == ''
219 range.text = replaceString
220 if (!isCollapsed)
221 {
222 // there has been a selection
223 // it appears range.select() should select the newly
224 // inserted text but that fails with IE
225 range.moveStart('character', -replaceString.length);
226 range.select();
227 }
228 }
229 }
230 }
231
232 ///////////////////////////////////////////////////////////////////////////////////////////////////
233
234 function Pages()
235 {
236 this.pageCourante = null
237 this.pages = {}
238 }
239
240 Pages.prototype.ajouterPage = function(page)
241 {
242 page.pages = this // la magie des langages dynamiques : le foutoire
243 this.pages[page.nom] = page
244 }
245
246 Pages.prototype.afficherPage = function(nomPage, forcerChargement)
247 {
248 if (forcerChargement == undefined) forcerChargement = false
249
250 var page = this.pages[nomPage]
251 if (page == undefined || (!forcerChargement && page == this.pageCourante)) return
252
253 if (this.pageCourante != null && this.pageCourante.decharger)
254 this.pageCourante.decharger()
255
256 jQuery("#menu div").removeClass("courante")
257 jQuery("#menu div." + nomPage).addClass("courante")
258
259 this.pageCourante = page
260 jQuery("#page").html(this.pageCourante.contenu()).removeClass().addClass(this.pageCourante.nom)
261
262 if (this.pageCourante.charger)
263 this.pageCourante.charger()
264 }
265
266 ///////////////////////////////////////////////////////////////////////////////////////////////////
267
268 function Formateur()
269 {
270 this.smiles = conf.smiles
271 this.protocoles = "http|https|ed2k"
272
273 this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi")
274 this.regexImg = new RegExp("^.*?\\.(gif|jpg|png|jpeg|bmp|tiff)$", "i")
275 this.regexDomaine = new RegExp("^(?:(?:" + this.protocoles + ")://|www\\.).*?([^/.]+\\.[^/.]+)(?:$|/).*$", "i")
276 this.regexTestProtocoleExiste = new RegExp("^(?:" + this.protocoles + ")://.*$", "i")
277 this.regexNomProtocole = new RegExp("^(.*?)://")
278 }
279
280 /**
281 * Formate un pseudo saise par l'utilisateur.
282 * @param pseudo le pseudo brut
283 * @return le pseudo filtré
284 */
285 Formateur.prototype.filtrerInputPseudo = function(pseudo)
286 {
287 return pseudo.replace(/{|}/g, "").trim()
288 }
289
290 Formateur.prototype.getSmilesHTML = function()
291 {
292 var XHTML = ""
293 for (var sNom in this.smiles)
294 {
295 XHTML += "<img class=\"" + sNom + "\" src=\"img/smileys/" + sNom + ".gif\" />"
296 }
297 return XHTML
298 }
299
300 Formateur.prototype.traitementComplet = function(M, pseudo)
301 {
302 return this.traiterSmiles(this.traiterURL(this.remplacerBalisesHTML(M), pseudo))
303 }
304
305 /**
306 * FIXME : Cette méthode est attrocement lourde ! A optimiser.
307 */
308 Formateur.prototype.traiterSmiles = function(M)
309 {
310 for (var sNom in this.smiles)
311 {
312 ss = this.smiles[sNom]
313 for (var i = 0; i < ss.length; i++)
314 M = M.replace(ss[i], "<img src=\"img/smileys/" + sNom + ".gif\" />")
315 }
316 return M
317 }
318
319 Formateur.prototype.remplacerBalisesHTML = function(M)
320 {
321 return M.replace(/</g, "&lt;").replace(/>/g, "&gt;")
322 }
323
324 Formateur.prototype.traiterURL = function(M, pseudo)
325 {
326 thisFormateur = this
327
328 if (pseudo == undefined)
329 pseudo = ""
330
331 var traitementUrl = function(url)
332 {
333 // si ya pas de protocole on rajoute "http://"
334 if (!thisFormateur.regexTestProtocoleExiste.test(url))
335 url = "http://" + url
336 var extension = thisFormateur.getShort(url)
337 return "<a " + (extension[1] ? "title=\"" + thisFormateur.traiterPourFenetreLightBox(pseudo, url) + ": " + thisFormateur.traiterPourFenetreLightBox(M, url) + "\"" + " rel=\"lightbox[groupe]\"" : "") + " href=\"" + url + "\" >[" + extension[0] + "]</a>"
338 }
339 return M.replace(this.regexUrl, traitementUrl)
340 }
341
342 /**
343 * Renvoie une version courte de l'url.
344 * par exemple : http://en.wikipedia.org/wiki/Yakov_Smirnoff devient wikipedia.org
345 */
346 Formateur.prototype.getShort = function(url)
347 {
348 var estUneImage = false
349 var versionShort = null
350 var rechercheImg = this.regexImg.exec(url)
351 //alert(url)
352 if (rechercheImg != null)
353 {
354 versionShort = rechercheImg[1].toLowerCase()
355 if (versionShort == "jpeg") versionShort = "jpg" // jpeg -> jpg
356 estUneImage = true
357 }
358 else
359 {
360 var rechercheDomaine = this.regexDomaine.exec(url)
361 if (rechercheDomaine != null && rechercheDomaine.length >= 2)
362 versionShort = rechercheDomaine[1]
363 else
364 {
365 var nomProtocole = this.regexNomProtocole.exec(url)
366 if (nomProtocole != null && nomProtocole.length >= 2)
367 versionShort = nomProtocole[1]
368 }
369 }
370
371 return [versionShort == null ? "url" : versionShort, estUneImage]
372 }
373
374 /**
375 * Traite les pseudo et messages à être affiché dans le titre d'une image visualisé avec lightbox.
376 */
377 Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante)
378 {
379 thisFormateur = this
380 var traitementUrl = function(url)
381 {
382 return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? ": image courante" : "") + "]"
383 }
384
385 return this.remplacerBalisesHTML(M).replace(this.regexUrl, traitementUrl)
386 }
387
388
389 ///////////////////////////////////////////////////////////////////////////////////////////////////
390
391 var statutType = {enregistre: 0, identifie: 1, non_identifie: 2}
392
393 function Client(util)
394 {
395 this.util = util
396
397 this.cookie = null
398 this.regexCookie = new RegExp("^cookie=([^;]*)")
399
400 // données personnels
401 this.resetDonneesPersonnelles()
402
403 this.setStatut(statutType.non_identifie)
404
405 // le dernier message d'erreur recut du serveur (par exemple une connexion foireuse : "login impossible")
406 this.dernierMessageErreur = ""
407 }
408
409 Client.prototype.resetDonneesPersonnelles = function()
410 {
411 this.pseudo = conf.pseudoDefaut
412 this.login = ""
413 this.password = ""
414 this.email = ""
415 this.css = jQuery("link#cssPrincipale").attr("href")
416
417 this.pagePrincipale = 1
418
419 // les conversations, une conversation est un objet possédant les attributs suivants :
420 // - racine (entier)
421 // - page (entier)
422 this.conversations = new Array()
423 }
424
425 Client.prototype.setCss = function(css)
426 {
427 if (this.css == css)
428 return
429
430 this.css = css
431 jQuery("link#cssPrincipale").attr("href", this.css)
432 this.majMenu()
433
434 if (this.identifie())
435 this.flush()
436 }
437
438 Client.prototype.pageSuivante = function(numConv)
439 {
440 if (numConv < 0 && this.pagePrincipale > 1)
441 this.pagePrincipale -= 1
442 else if (this.conversations[numConv].page > 1)
443 this.conversations[numConv].page -= 1
444 this.flush(false)
445 }
446
447 Client.prototype.pagePrecedente = function(numConv)
448 {
449 if (numConv < 0)
450 this.pagePrincipale += 1
451 else
452 this.conversations[numConv].page += 1
453 this.flush(false)
454 }
455
456 /**
457 * Définit la première page pour la conversation donnée.
458 * @return true si la page a changé sinon false
459 */
460 Client.prototype.goPremierePage = function(numConv)
461 {
462 if (numConv < 0)
463 {
464 if (this.pagePrincipale == 1)
465 return false
466 this.pagePrincipale = 1
467 }
468 else
469 {
470 if (this.conversations[numConv].page == 1)
471 return false
472 this.conversations[numConv].page = 1
473 }
474 this.flush(false)
475 return true
476 }
477
478 /**
479 * Ajoute une conversation à la vue de l'utilisateur.
480 * Le profile de l'utilisateur est directement sauvegardé sur le serveur.
481 * @param racines la racine de la conversation
482 * @return true si la conversation a été créée sinon false (par exemple si la conv existe déjà)
483 */
484 Client.prototype.ajouterConversation = function(racine)
485 {
486 // vérification s'il elle n'existe pas déjà
487 for (var i = 0; i < this.conversations.length; i++)
488 if (this.conversations[i].racine == racine)
489 return false
490
491 this.conversations.push({racine : racine, page : 1})
492 this.flush(false)
493 return true
494 }
495
496 Client.prototype.supprimerConversation = function(num)
497 {
498 if (num < 0 || num >= this.conversations.length) return
499
500 // décalage TODO : supprimer le dernier élément
501 for (var i = num; i < this.conversations.length - 1; i++)
502 this.conversations[i] = this.conversations[i+1]
503 this.conversations.pop()
504
505 this.flush(false)
506 }
507
508 Client.prototype.getXMLlogin = function(login, password)
509 {
510 var XMLDocument = this.util.creerDocumentXMLAction()
511 XMLDocument.documentElement.setAttribute("name", "login")
512
513 var nodeLogin = XMLDocument.createElement("login")
514 nodeLogin.appendChild(XMLDocument.createTextNode(login))
515 XMLDocument.documentElement.appendChild(nodeLogin)
516
517 var nodePassword = XMLDocument.createElement("password")
518 nodePassword.appendChild(XMLDocument.createTextNode(password))
519 XMLDocument.documentElement.appendChild(nodePassword)
520
521 return XMLDocument
522 }
523
524 Client.prototype.getXMLloginCookie = function()
525 {
526 var XMLDocument = this.util.creerDocumentXMLAction()
527 XMLDocument.documentElement.setAttribute("name", "login")
528
529 var nodeCookie = XMLDocument.createElement("cookie")
530 nodeCookie.appendChild(XMLDocument.createTextNode(this.cookie))
531 XMLDocument.documentElement.appendChild(nodeCookie)
532
533 return XMLDocument
534 }
535
536 Client.prototype.getXMLEnregistrement = function(login, password)
537 {
538 var XMLDocument = this.util.creerDocumentXMLAction()
539 XMLDocument.documentElement.setAttribute("name", "register")
540
541 var nodeLogin = XMLDocument.createElement("login")
542 nodeLogin.appendChild(XMLDocument.createTextNode(login))
543 XMLDocument.documentElement.appendChild(nodeLogin)
544
545 var nodePassword = XMLDocument.createElement("password")
546 nodePassword.appendChild(XMLDocument.createTextNode(password))
547 XMLDocument.documentElement.appendChild(nodePassword)
548
549 return XMLDocument
550 }
551
552 /**
553 * Sérialize le profile en XML.
554 * TODO : méthode assez lourde, 3.25ms de moyenne
555 */
556 Client.prototype.getXMLProfile = function()
557 {
558 var XMLDocument = this.util.creerDocumentXMLAction()
559 XMLDocument.documentElement.setAttribute("name", "profile")
560
561 var nodeCookie = XMLDocument.createElement("cookie")
562 nodeCookie.appendChild(XMLDocument.createTextNode(this.cookie))
563 XMLDocument.documentElement.appendChild(nodeCookie)
564
565 var nodeLogin = XMLDocument.createElement("login")
566 nodeLogin.appendChild(XMLDocument.createTextNode(this.login))
567 XMLDocument.documentElement.appendChild(nodeLogin)
568
569 var nodePassword = XMLDocument.createElement("password")
570 nodePassword.appendChild(XMLDocument.createTextNode(this.password))
571 XMLDocument.documentElement.appendChild(nodePassword)
572
573 var nodePseudo = XMLDocument.createElement("pseudo")
574 nodePseudo.appendChild(XMLDocument.createTextNode(this.pseudo))
575 XMLDocument.documentElement.appendChild(nodePseudo)
576
577 var nodeEmail = XMLDocument.createElement("email")
578 nodeEmail.appendChild(XMLDocument.createTextNode(this.email))
579 XMLDocument.documentElement.appendChild(nodeEmail)
580
581 var nodeCSS = XMLDocument.createElement("css")
582 nodeCSS.appendChild(XMLDocument.createTextNode(this.css))
583 XMLDocument.documentElement.appendChild(nodeCSS)
584
585 var nodePagePrincipale = XMLDocument.createElement("pagePrincipale")
586 nodePagePrincipale.appendChild(XMLDocument.createTextNode(this.pagePrincipale < 1 ? 1 : this.pagePrincipale))
587 XMLDocument.documentElement.appendChild(nodePagePrincipale)
588
589 // mémorise les conversations affichées
590 for (var i = 0; i < this.conversations.length; i++)
591 {
592 var nodeConv = XMLDocument.createElement("conversation")
593 XMLDocument.documentElement.appendChild(nodeConv)
594
595 var nodeRacine = XMLDocument.createElement("racine")
596 nodeRacine.appendChild(XMLDocument.createTextNode(this.conversations[i].racine))
597 nodeConv.appendChild(nodeRacine)
598
599 var nodePage = XMLDocument.createElement("page")
600 nodePage.appendChild(XMLDocument.createTextNode(this.conversations[i].page))
601 nodeConv.appendChild(nodePage)
602 }
603
604 return XMLDocument
605 }
606
607 /**
608 * Renvoie null si pas définit.
609 */
610 Client.prototype.getCookie = function()
611 {
612 var cookie = this.regexCookie.exec(document.cookie)
613 if (cookie == null) this.cookie = null
614 else this.cookie = cookie[1]
615 }
616
617 Client.prototype.delCookie = function()
618 {
619 document.cookie = "cookie=; max-age=0"
620 }
621
622 Client.prototype.setCookie = function(cookie)
623 {
624 if (this.cookie == null)
625 return
626
627 document.cookie =
628 "cookie="+this.cookie+
629 "; max-age=" + (60 * 60 * 24 * 365)
630 }
631
632 Client.prototype.identifie = function()
633 {
634 return this.statut == statutType.enregistre || this.statut == statutType.identifie
635 }
636
637 Client.prototype.setStatut = function(statut)
638 {
639 if(typeof(statut) == "string")
640 {
641 statut =
642 statut == "enregistre" ?
643 statutType.enregistre : (statut == "identifie" ? statutType.identifie : statutType.non_identifie)
644 }
645
646 if (statut == this.statut) return
647
648 this.statut = statut
649 this.majMenu()
650 }
651
652 /**
653 * Effectue la connexion vers le serveur.
654 * Cette fonction est bloquante tant que la connexion n'a pas été établie.
655 * S'il existe un cookie en local on s'authentifie directement avec lui.
656 * Si il n'est pas possible de s'authentifier alors on affiche un captcha anti-bot.
657 */
658 Client.prototype.connexionCookie = function()
659 {
660 this.getCookie()
661 if (this.cookie == null) return false;
662 return this.connexion(this.util.xmlVersAction(this.getXMLloginCookie()))
663 }
664
665 Client.prototype.connexionLogin = function(login, password)
666 {
667 return this.connexion(this.util.xmlVersAction(this.getXMLlogin(login, password)))
668 }
669
670 Client.prototype.enregistrement = function(login, password)
671 {
672 if (this.identifie())
673 {
674 this.login = login
675 this.password = password
676 if(this.flush())
677 this.setStatut(statutType.enregistre)
678 return true
679 }
680 else
681 {
682 if (login == undefined) login = ""
683 if (password == undefined) password = ""
684 return this.connexion(this.util.xmlVersAction(this.getXMLEnregistrement(login, password)))
685 }
686 }
687
688 Client.prototype.connexion = function(action)
689 {
690 //action.action.dump()
691 thisClient = this
692 jQuery.ajax(
693 {
694 async: false,
695 type: "POST",
696 url: "request",
697 dataType: "xml",
698 data: action,
699 success:
700 function(data)
701 {
702 //thisClient.util.serializer.serializeToString(data).dump("Charger client")
703 thisClient.chargerDonnees(data)
704 }
705 }
706 )
707 return this.identifie()
708 }
709
710 Client.prototype.deconnexion = function()
711 {
712 this.setStatut(statutType.non_identifie) // deconnexion
713 this.resetDonneesPersonnelles()
714 this.delCookie ()
715 }
716
717 Client.prototype.chargerDonnees = function(data)
718 {
719 var thisClient = this
720
721 this.setStatut(jQuery("statut", data.documentElement).text())
722
723 if (this.identifie())
724 {
725 this.cookie = jQuery("cookie", data.documentElement).text()
726 this.setCookie()
727
728 this.login = jQuery("login", data.documentElement).text()
729 this.pseudo = jQuery("pseudo", data.documentElement).text()
730 this.email = jQuery("email", data.documentElement).text()
731 this.css = jQuery("css", data.documentElement).text()
732
733 // la page de la conversation principale
734 var tmp = jQuery("pagePrincipale", data.documentElement)
735 this.pagePrincipale = tmp.length < 1 ? 1 : parseInt(tmp.text())
736
737 // met à jour la css
738 if (this.css != "")
739 {
740 jQuery("link#cssPrincipale").attr("href", this.css)
741 this.majMenu()
742 }
743 // les conversations
744 this.conversations = new Array()
745 jQuery("conversation", data.documentElement).each(
746 function(i)
747 {
748 thisClient.conversations.push( { racine : jQuery("racine", this).text(), page : jQuery("page", this).text() } )
749 }
750 )
751 }
752 this.dernierMessageErreur = jQuery("information", data.documentElement).text()
753 }
754
755 /**
756 * Met à jour les données personne sur serveur.
757 * @param async de manière asynchrone ? défaut = true
758 */
759 Client.prototype.flush = function(async)
760 {
761 if (async == undefined)
762 async = true
763
764 thisClient = this
765 //this.util.xmlVersAction(this.getXMLProfile()).action.dump("Flush client")
766 jQuery.ajax(
767 {
768 async: async,
769 type: "POST",
770 url: "request",
771 dataType: "xml",
772 data: this.util.xmlVersAction(this.getXMLProfile()),
773 success:
774 function(data)
775 {
776 //thisClient.util.log(thisClient.util.serializer.serializeToString(data))
777 }
778 }
779 )
780 // TODO : retourner false si un problème est survenu lors de l'update du profile
781 return true
782 }
783
784 Client.prototype.majMenu = function()
785 {
786 var displayType = this.css == "css/3/euphorik.css" ? "block" : "inline" //this.client
787
788 // met à jour le menu
789 if (this.statut == statutType.enregistre)
790 {
791 jQuery("#menu .profile").css("display", displayType).text("profile")
792 jQuery("#menu .logout").css("display", displayType)
793 jQuery("#menu .register").css("display", "none")
794 }
795 else if (this.statut == statutType.identifie)
796 {
797 jQuery("#menu .profile").css("display", "none")
798 jQuery("#menu .logout").css("display", displayType)
799 jQuery("#menu .register").css("display", displayType)
800 }
801 else
802 {
803 jQuery("#menu .profile").css("display", displayType).text("login")
804 jQuery("#menu .logout").css("display", "none")
805 jQuery("#menu .register").css("display", displayType)
806 }
807 }
808
809 ///////////////////////////////////////////////////////////////////////////////////////////////////
810
811 jQuery.noConflict()
812
813
814 // le main
815 jQuery(document).ready(
816 function()
817 {
818 /* FIXME : ce code pose problème sur konqueror, voir : http://www.kde-forum.org/thread.php?threadid=17993
819 var p = new DOMParser();
820 var doc = p.parseFromString("<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n<action/>", "text/xml")
821 var s = new XMLSerializer()
822 alert(s.serializeToString(doc)) */
823
824 var util = new Util()
825 var client = new Client(util)
826 var pages = new Pages()
827 var formateur = new Formateur()
828
829 // connexion vers le serveur (utilise un cookie qui traine)
830 client.connexionCookie()
831
832 // les styles css
833 for (var i = 1; i <= 3; i++)
834 {
835 jQuery("#css"+i).click(function(){
836 client.setCss("css/" + jQuery(this).attr("id").charAt(3) + "/euphorik.css")
837 })
838 }
839
840 jQuery("#menu .minichat").click(function(){ pages.afficherPage("minichat") })
841 jQuery("#menu .profile").click(function(){ pages.afficherPage("profile") })
842 jQuery("#menu .logout").click(function(){
843 util.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", messageType.question,
844 {"Oui" : function()
845 {
846 client.deconnexion();
847 pages.afficherPage("minichat", true)
848 },
849 "Non" : function(){}
850 }
851 )
852 })
853 jQuery("#menu .register").click(function(){ pages.afficherPage("register") })
854
855 pages.ajouterPage(new PageMinichat(client, formateur, util))
856 pages.ajouterPage(new PageProfile(client, formateur, util))
857 pages.ajouterPage(new PageRegister(client, formateur, util))
858 pages.afficherPage("minichat")
859 }
860 )
861