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".
13 * Normalement 'const' à la place de 'var' mais non supporté par IE7.
16 nbMessageAffiche : 10, // (par page)
17 pseudoDefaut : "<nick>",
18 tempsAffichageMessageDialogue : 4000, // en ms
20 "smile" : [/:\)/g, /:-\)/g],
21 "bigsmile" : [/:D/g, /:-D/g],
22 "clin" : [/;\)/g, /;-\)/g],
23 "cool" : [/8\)/g, /8-\)/g],
24 "eheheh" : [/:P/g, /:-P/g],
25 "oh" : [/:o/g, /:O/g],
26 "pascontent" : [/>\(/g, />\(/g],
27 "sniff" : [/:\(/g, /:-\(/g],
28 "argn" : [/\[:argn\]/g],
29 "bunny" : [/\[:lapin\]/g],
30 "chat" : [/\[:chat\]/g],
31 "renne" : [/\[:renne\]/g],
32 "lol" : [/\[:lol\]/g],
33 "spliff" : [/\[:spliff\]/g],
34 "star" : [/\[:star\]/g],
35 "triste" : [/\[:triste\]/g],
36 "kirby" : [/\[:kirby\]/g]
40 ///////////////////////////////////////////////////////////////////////////////////////////////////
42 String
.prototype.trim = function()
44 return jQuery
.trim(this) // anciennement : this.replace(/^\s+|\s+$/g, "");
47 String
.prototype.ltrim = function()
49 return this.replace(/^\s+/, "");
52 String
.prototype.rtrim = function()
54 return this.replace(/\s+$/, "");
57 ///////////////////////////////////////////////////////////////////////////////////////////////////
60 * Cette classe regroupe des fonctions utilitaires (helpers).
64 jQuery("#info .fermer").click(function(){
65 jQuery("#info").slideUp(50)
70 * Affiche une boite de dialogue avec un message à l'intérieur.
71 * @param message le message (string)
72 * @param type voir 'messageType'. par défaut messageType.informatif
73 * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons
74 * et les valeurs les fonctions executées lorsqu'un bouton est activé.
76 Util
.prototype.messageDialogue = function(message
, type
, boutons
)
78 if (type
== undefined)
79 type
= messageType
.informatif
81 if (this.timeoutMessageDialogue
!= undefined)
82 clearTimeout(this.timeoutMessageDialogue
)
84 var fermer = function(){jQuery("#info").slideUp(100)}
87 jQuery("#info .message").html(message
)
90 case messageType
.informatif : jQuery("#info #icone").attr("class", "information"); break
91 case messageType
.question : jQuery("#info #icone").attr("class", "interrogation"); break
92 case messageType
.erreur : jQuery("#info #icone").attr("class", "exclamation"); break
94 jQuery("#info .boutons").html("")
95 for (var b
in boutons
)
96 jQuery("#info .boutons").append("<div>" + b
+ "</div>").find("div:last").click(boutons
[b
]).click(fermer
)
98 jQuery("#info").slideDown(200)
99 this.timeoutMessageDialogue
= setTimeout(fermer
, conf
.tempsAffichageMessageDialogue
)
102 var messageType
= {informatif: 0, question: 1, erreur: 2}
105 * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery.
107 Util
.prototype.jsonVersAction = function(json
)
109 // FIXME : ne plus encapsuler json dans de l'xml (problème avec yaws)
110 return {action: "<json>" + JSON
.stringify(json
) + "</json>" }
113 Util
.prototype.md5 = function(chaine
)
115 return hex_md5(chaine
)
118 // pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130
119 Util
.prototype.setSelectionRange = function(input
, selectionStart
, selectionEnd
)
121 if (input
.setSelectionRange
)
124 input
.setSelectionRange(selectionStart
, selectionEnd
)
126 else if (input
.createTextRange
)
128 var range
= input
.createTextRange()
130 range
.moveEnd('character', selectionEnd
)
131 range
.moveStart('character', selectionStart
)
136 Util
.prototype.setCaretToEnd = function(input
)
138 this.setSelectionRange(input
, input
.value
.length
, input
.value
.length
)
140 Util
.prototype.setCaretToBegin = function(input
)
142 this.setSelectionRange(input
, 0, 0)
144 Util
.prototype.setCaretToPos = function(input
, pos
)
146 this.setSelectionRange(input
, pos
, pos
)
148 Util
.prototype.selectString = function(input
, string
)
150 var match
= new RegExp(string
, "i").exec(input
.value
)
153 this.setSelectionRange (input
, match
.index
, match
.index
+ match
[0].length
)
156 Util
.prototype.replaceSelection = function(input
, replaceString
) {
157 if (input
.setSelectionRange
)
159 var selectionStart
= input
.selectionStart
160 var selectionEnd
= input
.selectionEnd
161 input
.value
= input
.value
.substring(0, selectionStart
) + replaceString
+ input
.value
.substring(selectionEnd
)
163 if (selectionStart
!= selectionEnd
) // has there been a selection
164 this.setSelectionRange(input
, selectionStart
, selectionStart
+ replaceString
.length
)
166 this.setCaretToPos(input
, selectionStart
+ replaceString
.length
)
168 else if (document
.selection
)
170 var range
= document
.selection
.createRange();
171 if (range
.parentElement() == input
)
173 var isCollapsed
= range
.text
== ''
174 range
.text
= replaceString
177 // there has been a selection
178 // it appears range.select() should select the newly
179 // inserted text but that fails with IE
180 range
.moveStart('character', -replaceString
.length
);
187 ///////////////////////////////////////////////////////////////////////////////////////////////////
191 this.pageCourante
= null
195 Pages
.prototype.ajouterPage = function(page
)
197 page
.pages
= this // la magie des langages dynamiques : le foutoire
198 this.pages
[page
.nom
] = page
201 Pages
.prototype.afficherPage = function(nomPage
, forcerChargement
)
203 if (forcerChargement
== undefined) forcerChargement
= false
205 var page
= this.pages
[nomPage
]
206 if (page
== undefined || (!forcerChargement
&& page
== this.pageCourante
)) return
208 if (this.pageCourante
!= null && this.pageCourante
.decharger
)
209 this.pageCourante
.decharger()
211 jQuery("#menu div").removeClass("courante")
212 jQuery("#menu div." + nomPage
).addClass("courante")
214 this.pageCourante
= page
215 jQuery("#page").html(this.pageCourante
.contenu()).removeClass().addClass(this.pageCourante
.nom
)
217 if (this.pageCourante
.charger
)
218 this.pageCourante
.charger()
221 ///////////////////////////////////////////////////////////////////////////////////////////////////
225 this.smiles
= conf
.smiles
226 this.protocoles
= "http|https|ed2k"
228 this.regexUrl
= new RegExp("(?:(?:" + this.protocoles
+ ")://|www\\.)[^ ]*", "gi")
229 this.regexImg
= new RegExp("^.*?\\.(gif|jpg|png|jpeg|bmp|tiff)$", "i")
230 this.regexDomaine
= new RegExp("^(?:(?:" + this.protocoles
+ ")://|www\\.).*?([^/.]+\\.[^/.]+)(?:$|/).*$", "i")
231 this.regexTestProtocoleExiste
= new RegExp("^(?:" + this.protocoles
+ ")://.*$", "i")
232 this.regexNomProtocole
= new RegExp("^(.*?)://")
236 * Formate un pseudo saise par l'utilisateur.
237 * @param pseudo le pseudo brut
238 * @return le pseudo filtré
240 Formateur
.prototype.filtrerInputPseudo = function(pseudo
)
242 return pseudo
.replace(/{|}/g, "").trim()
245 Formateur
.prototype.getSmilesHTML = function()
248 for (var sNom
in this.smiles
)
250 XHTML
+= "<img class=\"" + sNom
+ "\" src=\"img/smileys/" + sNom
+ ".gif\" />"
255 Formateur
.prototype.traitementComplet = function(M
, pseudo
)
257 return this.traiterLiensConv(this.traiterSmiles(this.traiterURL(this.remplacerBalisesHTML(M
), pseudo
)))
261 * Transforme les liens en entités clickables.
262 * Un lien vers une conversation permet d'ouvrire celle ci, elle se marque comme ceci dans un message :
263 * "{5F}" ou 5F est la racine de la conversation.
264 * Ce lien sera transformer en <span class="lienConv">{5F}</span> pouvant être clické pour créer la conv 5F.
266 Formateur
.prototype.traiterLiensConv = function(M
)
272 return "<span class=\"lienConv\">" + lien
+ "</span>"
278 * FIXME : Cette méthode est attrocement lourde ! A optimiser.
280 Formateur
.prototype.traiterSmiles = function(M
)
282 for (var sNom
in this.smiles
)
284 ss
= this.smiles
[sNom
]
285 for (var i
= 0; i
< ss
.length
; i
++)
286 M
= M
.replace(ss
[i
], "<img src=\"img/smileys/" + sNom
+ ".gif\" />")
291 Formateur
.prototype.remplacerBalisesHTML = function(M
)
293 return M
.replace(/</g
, "<").replace(/>/g
, ">")
296 Formateur
.prototype.traiterURL = function(M
, pseudo
)
300 if (pseudo
== undefined)
303 var traitementUrl = function(url
)
305 // si ya pas de protocole on rajoute "http://"
306 if (!thisFormateur
.regexTestProtocoleExiste
.test(url
))
307 url
= "http://" + url
308 var extension
= thisFormateur
.getShort(url
)
309 return "<a " + (extension
[1] ? "title=\"" + thisFormateur
.traiterPourFenetreLightBox(pseudo
, url
) + ": " + thisFormateur
.traiterPourFenetreLightBox(M
, url
) + "\"" + " rel=\"lightbox[groupe]\"" : "") + " href=\"" + url
+ "\" >[" + extension
[0] + "]</a>"
311 return M
.replace(this.regexUrl
, traitementUrl
)
315 * Renvoie une version courte de l'url.
316 * par exemple : http://en.wikipedia.org/wiki/Yakov_Smirnoff devient wikipedia.org
318 Formateur
.prototype.getShort = function(url
)
320 var estUneImage
= false
321 var versionShort
= null
322 var rechercheImg
= this.regexImg
.exec(url
)
324 if (rechercheImg
!= null)
326 versionShort
= rechercheImg
[1].toLowerCase()
327 if (versionShort
== "jpeg") versionShort
= "jpg" // jpeg -> jpg
332 var rechercheDomaine
= this.regexDomaine
.exec(url
)
333 if (rechercheDomaine
!= null && rechercheDomaine
.length
>= 2)
334 versionShort
= rechercheDomaine
[1]
337 var nomProtocole
= this.regexNomProtocole
.exec(url
)
338 if (nomProtocole
!= null && nomProtocole
.length
>= 2)
339 versionShort
= nomProtocole
[1]
343 return [versionShort
== null ? "url" : versionShort
, estUneImage
]
347 * Traite les pseudo et messages à être affiché dans le titre d'une image visualisé avec lightbox.
349 Formateur
.prototype.traiterPourFenetreLightBox = function(M
, urlCourante
)
352 var traitementUrl = function(url
)
354 return "[" + thisFormateur
.getShort(url
)[0] + (urlCourante
== url
? ": image courante" : "") + "]"
357 return this.remplacerBalisesHTML(M
).replace(this.regexUrl
, traitementUrl
)
361 ///////////////////////////////////////////////////////////////////////////////////////////////////
363 // les statuts possibes du client
365 // mode enregistré, peut poster des messages et modifier son profile
367 // mode identifié, peut poster des messages mais n'a pas accès au profile
368 auth_not_registered : 1,
369 // mode déconnecté, ne peut pas poster de message
373 function Client(util
)
378 this.regexCookie
= new RegExp("^cookie=([^;]*)")
380 // données personnels
381 this.resetDonneesPersonnelles()
383 this.setStatut(statutType
.deconnected
)
385 // le dernier message d'erreur recut du serveur (par exemple une connexion foireuse : "login impossible")
386 this.dernierMessageErreur
= ""
389 Client
.prototype.resetDonneesPersonnelles = function()
391 this.pseudo
= conf
.pseudoDefaut
395 this.css
= jQuery("link#cssPrincipale").attr("href")
397 this.pagePrincipale
= 1
399 // les conversations, une conversation est un objet possédant les attributs suivants :
402 this.conversations
= new Array()
405 Client
.prototype.setCss = function(css
)
411 jQuery("link#cssPrincipale").attr("href", this.css
)
415 Client
.prototype.pageSuivante = function(numConv
)
417 if (numConv
< 0 && this.pagePrincipale
> 1)
418 this.pagePrincipale
-= 1
419 else if (this.conversations
[numConv
].page
> 1)
420 this.conversations
[numConv
].page
-= 1
423 Client
.prototype.pagePrecedente = function(numConv
)
426 this.pagePrincipale
+= 1
428 this.conversations
[numConv
].page
+= 1
432 * Définit la première page pour la conversation donnée.
433 * @return true si la page a changé sinon false
435 Client
.prototype.goPremierePage = function(numConv
)
439 if (this.pagePrincipale
== 1)
441 this.pagePrincipale
= 1
445 if (this.conversations
[numConv
].page
== 1)
447 this.conversations
[numConv
].page
= 1
453 * Ajoute une conversation à la vue de l'utilisateur.
454 * Le profile de l'utilisateur est directement sauvegardé sur le serveur.
455 * @param racines la racine de la conversation (integer)
456 * @return true si la conversation a été créée sinon false (par exemple si la conv existe déjà)
458 Client
.prototype.ajouterConversation = function(racine
)
460 // vérification s'il elle n'existe pas déjà
461 for (var i
= 0; i
< this.conversations
.length
; i
++)
462 if (this.conversations
[i
].root
== racine
)
465 this.conversations
.push({root : racine
, page : 1})
469 Client
.prototype.supprimerConversation = function(num
)
471 if (num
< 0 || num
>= this.conversations
.length
) return
473 // décalage TODO : supprimer le dernier élément
474 for (var i
= num
; i
< this.conversations
.length
- 1; i
++)
475 this.conversations
[i
] = this.conversations
[i
+1]
476 this.conversations
.pop()
479 Client
.prototype.getJSONLogin = function(login
, password
)
482 "action" : "authentification",
484 "password" : password
488 Client
.prototype.getJSONLoginCookie = function()
491 "action" : "authentification",
492 "cookie" : this.cookie
497 * le couple (login, password) est facultatif. S'il n'est pas fournit alors il ne sera pas possible
498 * de s'autentifier avec (login, password).
500 Client
.prototype.getJSONEnregistrement = function(login
, password
)
502 var mess
= { "action" : "register" }
504 if (login
!= undefined && password
!= undefined)
506 mess
["login"] = login
507 mess
["password"] = password
513 Client
.prototype.getJSONConversations = function()
515 var conversations
= new Array()
516 for (var i
= 0; i
< this.conversations
.length
; i
++)
517 conversations
.push({ "root" : this.conversations
[i
].root
, "page" : this.conversations
[i
].page
})
521 Client
.prototype.getJSONProfile = function()
524 "action" : "set_profile",
525 "cookie" : this.cookie
,
526 "login" : this.login
,
527 "password" : this.password
,
528 "nick" : this.pseudo
,
529 "email" : this.email
,
531 "main_page" : this.pagePrincipale
< 1 ? 1 : this.pagePrincipale
,
532 "conversations" : this.getJSONConversations()
537 * Renvoie null si pas définit.
539 Client
.prototype.getCookie = function()
541 var cookie
= this.regexCookie
.exec(document
.cookie
)
542 if (cookie
== null) this.cookie
= null
543 else this.cookie
= cookie
[1]
546 Client
.prototype.delCookie = function()
548 document
.cookie
= "cookie=; max-age=0"
551 Client
.prototype.setCookie = function(cookie
)
553 if (this.cookie
== null)
557 "cookie="+this.cookie
+
558 "; max-age=" + (60 * 60 * 24 * 365)
561 Client
.prototype.authentifie = function()
563 return this.statut
== statutType
.auth_registered
|| this.statut
== statutType
.auth_not_registered
566 Client
.prototype.setStatut = function(statut
)
568 // conversation en "enum" si en "string"
569 if (typeof(statut
) == "string")
572 statut
== "auth_registered" ?
573 statutType
.auth_registered :
574 (statut
== "auth_not_registered" ? statutType
.auth_not_registered : statutType
.deconnected
)
577 if (statut
== this.statut
) return
584 * Effectue la connexion vers le serveur.
585 * Cette fonction est bloquante tant que la connexion n'a pas été établie.
586 * S'il existe un cookie en local on s'authentifie directement avec lui.
587 * Si il n'est pas possible de s'authentifier alors on affiche un captcha anti-bot.
589 Client
.prototype.connexionCookie = function()
592 if (this.cookie
== null) return false;
593 return this.connexion(this.getJSONLoginCookie())
596 Client
.prototype.connexionLogin = function(login
, password
)
598 return this.connexion(this.getJSONLogin(login
, password
))
601 Client
.prototype.enregistrement = function(login
, password
)
603 if (this.authentifie())
606 this.password
= password
608 this.setStatut(statutType
.auth_registered
)
613 return this.connexion(this.getJSONEnregistrement(login
, password
))
617 Client
.prototype.connexion = function(messageJson
)
619 ;;; dumpObj(messageJson
)
627 data: this.util
.jsonVersAction(messageJson
),
632 thisClient
.chargerDonnees(data
)
636 return this.authentifie()
639 Client
.prototype.deconnexion = function()
641 this.setStatut(statutType
.deconnected
) // deconnexion
642 this.resetDonneesPersonnelles()
646 Client
.prototype.chargerDonnees = function(data
)
648 var thisClient
= this
650 this.setStatut(data
["status"])
652 if (this.authentifie())
654 this.cookie
= data
["cookie"]
657 this.login
= data
["login"]
658 this.pseudo
= data
["nick"]
659 this.email
= data
["email"]
660 this.css
= data
["css"]
662 // la page de la conversation principale
663 this.pagePrincipale
= data
["main_page"] == undefined ? 1 : data
["main_page"]
668 jQuery("link#cssPrincipale").attr("href", this.css
)
672 thisClient
.conversations
= data
["conversations"]
675 this.dernierMessageErreur
= data
["error_message"]
679 * Met à jour les données personne sur serveur.
680 * @param async de manière asynchrone ? défaut = true
681 * @return false si le flush n'a pas pû se faire sinon true
683 Client
.prototype.flush = function(async
)
685 if (async
== undefined)
688 if (!this.authentifie())
692 ;;; dumpObj(this.getJSONProfile())
699 data: this.util
.jsonVersAction(this.getJSONProfile()),
703 //thisClient.util.log(thisClient.util.serializer.serializeToString(data))
707 // TODO : retourner false si un problème est survenu lors de l'update du profile
711 Client
.prototype.majMenu = function()
713 var displayType
= this.css
== "css/3/euphorik.css" ? "block" : "inline" //this.client
715 // met à jour le menu
716 if (this.statut
== statutType
.auth_registered
)
718 jQuery("#menu .profile").css("display", displayType
).text("profile")
719 jQuery("#menu .logout").css("display", displayType
)
720 jQuery("#menu .register").css("display", "none")
722 else if (this.statut
== statutType
.auth_not_registered
)
724 jQuery("#menu .profile").css("display", "none")
725 jQuery("#menu .logout").css("display", displayType
)
726 jQuery("#menu .register").css("display", displayType
)
730 jQuery("#menu .profile").css("display", displayType
).text("login")
731 jQuery("#menu .logout").css("display", "none")
732 jQuery("#menu .register").css("display", displayType
)
736 ///////////////////////////////////////////////////////////////////////////////////////////////////
740 // charge dynamiquement le script de debug
741 ;;; jQuery
.ajax({async : false, url : "js/debug.js", dataType : "script"})
744 jQuery(document
).ready(
747 /* FIXME : ce code pose problème sur konqueror, voir : http://www.kde-forum.org/thread.php?threadid=17993
748 var p = new DOMParser();
749 var doc = p.parseFromString("<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n<action/>", "text/xml")
750 var s = new XMLSerializer()
751 alert(s.serializeToString(doc)) */
753 var util
= new Util()
754 var client
= new Client(util
)
755 var pages
= new Pages()
756 var formateur
= new Formateur()
758 // connexion vers le serveur (utilise un cookie qui traine)
759 client
.connexionCookie()
762 for (var i
= 1; i
<= 3; i
++)
764 jQuery("#css"+i
).click(function(){
765 client
.setCss("css/" + jQuery(this).attr("id").charAt(3) + "/euphorik.css")
769 // TODO : pourquoi jQuery(document).unload ne fonctionne pas ?
770 jQuery(window
).unload(
778 jQuery("#menu .minichat").click(function(){ pages
.afficherPage("minichat") })
779 jQuery("#menu .profile").click(function(){ pages
.afficherPage("profile") })
780 jQuery("#menu .logout").click(function(){
781 util
.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", messageType
.question
,
784 client
.deconnexion();
785 pages
.afficherPage("minichat", true)
791 jQuery("#menu .register").click(function(){ pages
.afficherPage("register") })
793 pages
.ajouterPage(new PageMinichat(client
, formateur
, util
))
794 pages
.ajouterPage(new PageProfile(client
, formateur
, util
))
795 pages
.ajouterPage(new PageRegister(client
, formateur
, util
))
796 pages
.afficherPage("minichat")