ADD page "about" (possède également la FAQ)

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index 1a2882a..fa7be6e 100755 (executable)
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -1,6 +1,8 @@
 @import url(../common.css);\r
 @import url(pageMinichat.css);\r
 @import url(../common.css);\r
 @import url(pageMinichat.css);\r

-@import url(pageProfileRegister.css);\r
+@import url(pageProfileRegister.css);
+@import url(pageAbout.css);
+\r

 \r
 * {\r
        padding: 0;\r
 \r
 * {\r
        padding: 0;\r

diff --git a/doc/TODO.txt b/doc/TODO.txt
index afc2088..3b591e7 100755 (executable)
--- a/doc/TODO.txt
+++ b/doc/TODO.txt
@@ -4,8 +4,6 @@
 * Rendre compatible IE 7\r
 * Tester avec des caractères accentués sur Firefox, Safari, Opera et IE7. Les messages doivent être envoyés en UTF8.\r
 * Tester avec des caractères exotiques (jap, coréen, etc..)\r
 * Rendre compatible IE 7\r
 * Tester avec des caractères accentués sur Firefox, Safari, Opera et IE7. Les messages doivent être envoyés en UTF8.\r
 * Tester avec des caractères exotiques (jap, coréen, etc..)\r

-[ok]Utiliser une listbox pour la liste des css\r
-* Changer les noms des css : Light -> Cold, Old -> Classic\r

 * Faire une page faq et raconter n'importe quoi (entre autre la limitation avec firefox) "pourquoi ce site à des couleurs qui ne veulent rien dire ?"\r
 * Ralentir volontairement le connexion lors d'un mauvais login (ou après n mauvais login)\r
 * Pouvoir afficher le login et/ou le pseudo. Avoir dans le profile une liste box avec ces choix :\r
 * Faire une page faq et raconter n'importe quoi (entre autre la limitation avec firefox) "pourquoi ce site à des couleurs qui ne veulent rien dire ?"\r
 * Ralentir volontairement le connexion lors d'un mauvais login (ou après n mauvais login)\r
 * Pouvoir afficher le login et/ou le pseudo. Avoir dans le profile une liste box avec ces choix :\r


@@ -43,7 +41,8 @@
 * Finir le script de mise en production\r
    * Make des modules.\r
    * Compatage des js lors de la mise en production (afin d'optimiser la bande passante lors de l'accès au site), regarder comment fait jQuery.\r
 * Finir le script de mise en production\r
    * Make des modules.\r
    * Compatage des js lors de la mise en production (afin d'optimiser la bande passante lors de l'accès au site), regarder comment fait jQuery.\r

-   * Modifier le script pour virer les lignes matchant /^\W*;;;.*$/\r
+      * Modifier le script pour virer les lignes matchant /^\W*;;;.*$/
+   * Virer les commentaires dans les pages HTML\r

 === v1.1 ===\r
 * Tests de monter en charge coté serveur, analyse de la complexité (regarder du coté des TODO dans le code). Utiliser eventuellement Tsung\r
 * Profiling pour améliorer les performances (client et serveur)\r
 === v1.1 ===\r
 * Tests de monter en charge coté serveur, analyse de la complexité (regarder du coté des TODO dans le code). Utiliser eventuellement Tsung\r
 * Profiling pour améliorer les performances (client et serveur)\r


@@ -145,7 +144,8 @@
    [ok] Envoyer les infos des conversations avec l'attente d'events ? -> oui
 [ok] Problème de rafraichissement des couleurs des messages auquels on répond
 [ok] Problème dans l'alternance des couleurs des messages
    [ok] Envoyer les infos des conversations avec l'attente d'events ? -> oui
 [ok] Problème de rafraichissement des couleurs des messages auquels on répond
 [ok] Problème dans l'alternance des couleurs des messages

-
+[ok] Utiliser une listbox pour la liste des css
+[ok] Changer les noms des css : Light -> Cold, Old -> Classic

 
 === Bugs ===
 1 : Critique
 
 === Bugs ===
 1 : Critique

diff --git a/index.html b/index.html
index f4ba72c..0a9eeb2 100755 (executable)
--- a/index.html
+++ b/index.html
@@ -15,6 +15,7 @@
    <script type="text/javascript" src="js/pageMinichat.js" ></script>
    <script type="text/javascript" src="js/pageProfile.js" ></script>
    <script type="text/javascript" src="js/pageRegister.js" ></script>
    <script type="text/javascript" src="js/pageMinichat.js" ></script>
    <script type="text/javascript" src="js/pageProfile.js" ></script>
    <script type="text/javascript" src="js/pageRegister.js" ></script>

+   <script type="text/javascript" src="js/pageAbout.js" ></script>

    <script type="text/javascript" src="js/euphorik.js" ></script>
 </head>
    <body>
    <script type="text/javascript" src="js/euphorik.js" ></script>
 </head>
    <body>


@@ -22,7 +23,7 @@
          <div id="logo"></div>\r
          <div id="info" style="display:none" ><div id="icone"></div><div class="fermer" ></div><div class="message" ></div><div class="boutons"></div></div>
          <div id="menu">
          <div id="logo"></div>\r
          <div id="info" style="display:none" ><div id="icone"></div><div class="fermer" ></div><div class="message" ></div><div class="boutons"></div></div>
          <div id="menu">

-            <div class="minichat">chat</div><div class="profile"></div><div class="register">register</div><div class="logout">logout</div><div class="faq">faq</div>\r
+            <div class="minichat">chat</div><div class="profile"></div><div class="register">register</div><div class="logout">logout</div><div class="about">about</div>\r

          </div>
          <select id="menuCss">
             <option value="1" selected="selected">Dark</option>
          </div>
          <select id="menuCss">
             <option value="1" selected="selected">Dark</option>

diff --git a/js/euphorik.js b/js/euphorik.js
index 7af2708..d7ef712 100755 (executable)
--- a/js/euphorik.js
+++ b/js/euphorik.js
@@ -183,6 +183,29 @@ Util.prototype.replaceSelection = function(input, replaceString) {
    }\r
 }
 
    }\r
 }
 

+Util.prototype.rot13 = function(chaine)
+{
+   var ACode = 'A'.charCodeAt(0)
+   var aCode = 'a'.charCodeAt(0)
+   var MCode = 'M'.charCodeAt(0)
+   var mCode = 'm'.charCodeAt(0)
+   var ZCode = 'Z'.charCodeAt(0)
+   var zCode = 'z'.charCodeAt(0)
+
+   var f = function(ch, pos) {
+      if (pos == ch.length)
+         return ""
+      
+      var c = ch.charCodeAt(pos);
+      return String.fromCharCode(
+         c +
+         (c >= ACode && c <= MCode || c >= aCode && c <= mCode ? 13 :
+         (c > MCode && c <= ZCode || c > mCode && c <= zCode ? -13 : 0))
+      ) + f(ch, pos + 1)
+   }
+   return f(chaine, 0)
+}
+

 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
 function Pages()
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 
 function Pages()


@@ -564,6 +587,7 @@ Client.prototype.authentifie = function()
 
 Client.prototype.setStatut = function(statut)
 {  
 
 Client.prototype.setStatut = function(statut)
 {  

+   //alert(statut)

    // conversation en "enum" si en "string"\r
    if (typeof(statut) == "string")\r
    {
    // conversation en "enum" si en "string"\r
    if (typeof(statut) == "string")\r
    {


@@ -773,7 +797,6 @@ jQuery(document).ready(
       jQuery(window).unload(
          function()
          {
       jQuery(window).unload(
          function()
          {

-            //alert("ok")

             client.flush(false)
          }
       )
             client.flush(false)
          }
       )


@@ -792,10 +815,12 @@ jQuery(document).ready(
          )
       })
       jQuery("#menu .register").click(function(){ pages.afficherPage("register") })
          )
       })
       jQuery("#menu .register").click(function(){ pages.afficherPage("register") })

+      jQuery("#menu .about").click(function(){ pages.afficherPage("about") })

 
       pages.ajouterPage(new PageMinichat(client, formateur, util))
       pages.ajouterPage(new PageProfile(client, formateur, util))
       pages.ajouterPage(new PageRegister(client, formateur, util))
 
       pages.ajouterPage(new PageMinichat(client, formateur, util))
       pages.ajouterPage(new PageProfile(client, formateur, util))
       pages.ajouterPage(new PageRegister(client, formateur, util))

+      pages.ajouterPage(new PageAbout(client, formateur, util))

       pages.afficherPage("minichat")
    }
 )
\ No newline at end of file
       pages.afficherPage("minichat")
    }
 )
\ No newline at end of file

diff --git a/js/pageMinichat.js b/js/pageMinichat.js
index 99c195f..d82648e 100755 (executable)
--- a/js/pageMinichat.js
+++ b/js/pageMinichat.js
@@ -147,7 +147,9 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message)
       {\r
          this.util.messageDialogue("login impossible")\r
          return\r
       {\r
          this.util.messageDialogue("login impossible")\r
          return\r

-      }\r
+      }
+      
+   this.client.pseudo = pseudo\r

    
    ;;; dumpObj(this.getJSONMessage(pseudo, message, repondA))\r
    jQuery.ajax(\r
    
    ;;; dumpObj(this.getJSONMessage(pseudo, message, repondA))\r
    jQuery.ajax(\r

diff --git a/pages/about.html b/pages/about.html
index 02d900f..b930c3b 100644 (file)
--- a/pages/about.html
+++ b/pages/about.html
@@ -1,5 +1,85 @@
 <!-- encoding: utf-8 -->\r
 \r
 <!-- encoding: utf-8 -->\r
 \r

-Euphorik\r
-Version : 1.0\r
-Auteur : Greg Burri (avec lien sur mail)
\ No newline at end of file
+<h1>euphorik.ch</h1>\r
+<p>Version : 1.0</p>\r
+<p>Auteur : <a href="{EMAIL_LIEN}">Pifou</a></p>
+<p>Merci à KiKi pour avoir corrigé une faute d'accord dans le TODO.txt</p>
+
+<h2>FAQ</h2>
+
+<h3>C'est quoi ce site ? Pis ça sert à quoi ?</h3>
+<p>Ce site est un chat géant servant parfois à communiquer.</p>
+
+
+<!-- h3>Coment insérer des smiles autres que ceux par défaut ?</h3>
+<p>Les smiles de <a href="http://totoz.eu">totoz.eu</a> peuvent être utilisés en insérant leur tag dans un message, par exemple [:beuh].</p -->
+
+
+<h3>Pourquoi les couleurs du site font mal aux yeux ?</h3>
+<p>Le daltonisme du webmaster n'y est surement pas étranger. Il est possible de choisir parmis d'autres styles via le menu en haut à droite.</p>
+
+
+<h3>Quels-sont les navigateurs supportés ?</h3>
+<p>Le site a été testé avec succès sous "Firefox 2", "Safari 3", "Opera 9" et "Konqueror".
+Il est déconseillé d'utiliser Microsoft Internet Explorer pour des raisons d'incompatibilités.</p>
+
+
+<h3>Le site se bloque sous Microsoft Internet Explorer 7 !</h3>
+<p>Internet Explorer gère assez mal les connexions persitantes de type Comet/AJAX. Il est conseillé d'utiliser un vrai navigateur comme ceux cités au point précédent.</p>
+
+
+<h3>Ce site n'est pas du tout <a href="http://fr.wikipedia.org/wiki/Representational_state_transfer">RESTful</a>!?</h3>
+<p>Effectivement, l'AJAX, Le COMET et les effets de bords dans tous les sens font qu'effectivement ce site ne suit pas du tout le principe d'un architecture REST.</p>
+<h4>Ouais mais ça sux grave !</h4>
+<p>Ouais effectivement.. mais je fais ce que je veux pis d'abord.</p>
+
+
+<h3>Est-ce possible d'avoir les sources du site ?</h3>
+<p>Oui, un repository subversion accessible en lecture existe ici : svn://svn.euphorik.ch/euphorik</p>
+
+
+<h3>Je voudrais apporter une contribution à ce magnifique chat.</h3>
+<p>Pas de problème il suffit de me décrire la modification et je vous donne un accès en écriture sur le repository ou simplement d'envoyer un <a href="http://www.gnu.org/software/diffutils/diffutils.html">diff</a>.<br/>
+voici mon email/jabberID : {EMAIL}</p>
+
+
+<h3>Quels-sont les technologies utilisées ?</h3>
+<h4>Coté client</h4>
+<ul>
+   <li>Structuration du document : <a href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a></li>
+   <li>Présentation du document : <a href="http://www.w3.org/TR/CSS21/">CSS 2.1</a></li>
+   <li>Programmation de la partie dynamique : <a href="http://fr.wikipedia.org/wiki/JavaScript">JavaScript</a></li>
+   <li>Méthode de communication avec le serveur : <a href="http://en.wikipedia.org/wiki/Ajax_(programming)">AJAX</a>/<a href="http://en.wikipedia.org/wiki/Comet_(programming)">COMET</a></li>
+   <li>Bibliothèques JavaScript : <a href="http://jquery.com">jQuery</a> et <a href="http://www.lokeshdhakar.com/projects/lightbox2/">Lightbox</a></li>
+</ul>
+<h4>Coté serveur</h4>
+<ul>
+   <li>Langage de programmation : <a href="http://www.erlang.org">Erlang</a></li>
+   <li>Serveur Web : <a href="http://yaws.hyber.org">Yaws</a></li>
+   <li>Base de données : <a href="http://erlang.org/doc/apps/mnesia/index.html">Mnesia</a></li>
+   <li>OS : <a href="http://www.debian.org">Debian</a></li>
+</ul>
+<h4>Outils</h4>
+<ul>
+   <li>Editeur de texte : <a href="http://www.scintilla.org/SciTE.html">SciTE</a></li>
+   <li>Navigateur web : <a href="http://fr.wikipedia.org/wiki/IceWeasel">IceWeasel</a></li>
+   <li>Manipulation d'images : <a href="http://www.gimp.org">GNU Image Manipulation Program</a></li>
+   <li>Debugger et profiler Javascript : <a href="https://addons.mozilla.org/en-US/firefox/addon/216">Venkman</a></li>
+   <li>Minificateur JavaScript : <a href="http://www.crockford.com/javascript/jsmin.rb">jsmin.rb</a></li>
+</ul>
+
+<h3>Comment est appelé le petit du gnou ?</h3>
+<p>Le gaou</p>
+
+
+<h2>Versions à venir</h2>
+<p>Liste non-exaustive des fonctionnalités à venir.</p>
+<h3>1.1</h3>
+<ul><li>possibilité de récupérer son login/password via son email.</li></ul>
+<h3>1.2</h3>
+<ul><li>Intégration des <a href="http://totoz.eu">totoz</a>.</li></ul>
+<h3>1.3</h3>
+<ul><li>Possibilité d'ajouter une correction à son dernier message.</li></ul>
+<h3>1.4</h3>
+<ul><li>Ajout de nouveaux styles.</li></ul>
+   

diff --git a/pages/faq.html b/pages/faq.html
index 36d68c5..e69de29 100755 (executable)
--- a/pages/faq.html
+++ b/pages/faq.html
@@ -1,62 +0,0 @@
-<!-- encoding: utf-8 -->\r
-\r
-<h3>C'est quoi ce site ? Pis ça sert à quoi ?</h3>\r
-<p></p>\r
-\r
-\r
-<h3>Coment insérer des smiles autres que ceux par défaut ?</h3>\r
-<p>Les smiles de <a href="http://totoz.eu">totoz.eu</a> peuvent être utilisés en insérant leur tag dans un message, par exemple [:beuh].</p>\r
-\r
-\r
-<h3>Pourquoi les couleurs du site font mal aux yeux ?</h3>\r
-<p>Le daltonisme du webmaster n'y est surement pas étranger. Il est possible de choisir parmis d'autres styles via le menu en haut à droite.</p>\r
-\r
-\r
-<h3>Quels-sont les navigateurs supportés ?</h3>\r
-<p>Le site a été testé avec succès sous "Firefox 2", "Safari 3", "Opera 9" et "Konqueror".\r
-Il est déconseillé d'utiliser Microsoft Internet Explorer pour des raisons d'incompatibilités.</p>\r
-\r
-\r
-<h3>Le site se bloque sous Microsoft Internet Explorer 7 !</h3>\r
-<p>Internet Explorer gère assez mal les connexions persitantes de type Comet/AJAX. Il est conseillé d'utiliser un vrai navigateur comme ceux cités au point précédent.</p>\r
-\r
-\r
-<h3>Ce site n'est pas du tout <a href="http://fr.wikipedia.org/wiki/Representational_state_transfer">RESTful</a>!?</h3>\r
-<p>Effectivement, l'AJAX, Le COMET et les effets de bords dans tous les sens font qu'effectivement ce site ne suit pas du tout le principe d'un architecture REST.</p>\r
-<h4>Ouais mais ça sux grave !</h4>\r
-<p>Ouais effectivement.. mais je fais ce que je veux pis d'abord.</p>\r
-\r
-\r
-<h3>Est-ce possible d'avoir les sources du site ?</h3>\r
-<p>Oui, un repository subversion existe ici : svn://svn.euphorik.ch/euphorik</p>\r
-\r
-\r
-<h3>Je voudrais apporter une contribution à ce magnifique chat.</h3>\r
-<p>Pas de problème il suffit de me décrire la modification et je vous donne un accès en écriture sur le repository ou simplement d'envoyer un <a href="http://www.gnu.org/software/diffutils/diffutils.html">diff</a>.<br/>\r
-voici mon email/jabberID : {EMAIL}</p>\r
-\r
-\r
-<h3>Quels-sont les technologies utilisées ?</h3>\r
-<h4>Coté client</h4>\r
-<ul>\r
-   <li>Structuration du document : <a href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a></li>\r
-   <li>Présentation du document : <a href="http://www.w3.org/TR/CSS21/">CSS 2.1</a></li>\r
-   <li>Programmation de la partie dynamique : <a href="http://fr.wikipedia.org/wiki/JavaScript">JavaScript</a></li>\r
-   <li>Méthode de communication avec le serveur : <a href="http://en.wikipedia.org/wiki/Ajax_(programming)">AJAX</a>/<a href="http://en.wikipedia.org/wiki/Comet_(programming)">COMET</a></li>\r
-   <li>Bibliothèques JavaScript : <a href="http://jquery.com">jQuery</a> et <a href="http://www.lokeshdhakar.com/projects/lightbox2/">Lightbox</a></li>\r
-</ul>\r
-<h4>Coté serveur</h4>\r
-<ul>\r
-   <li>Langage de programmation : <a href="http://www.erlang.org">Erlang</a></li>\r
-   <li>Serveur Web : <a href="http://yaws.hyber.org">Yaws</a></li>\r
-   <li>Base de données : <a href="http://erlang.org/doc/apps/mnesia/index.html">Mnesia</a></li>\r
-   <li>OS : <a href="http://www.debian.org">Debian</a></li>\r
-</ul>\r
-<h4>Outils</h4>\r
-<ul>\r
-   <li>Editeur de texte : <a href="http://www.scintilla.org/SciTE.html">SciTE</a></li>\r
-   <li>Navigateur web : <a href="http://fr.wikipedia.org/wiki/IceWeasel">IceWeasel</a></li>\r
-   <li>Manipulation d'images : <a href="http://www.gimp.org">GNU Image Manipulation Program</a></li>\r
-   <li>Debugger et profiler Javascript : <a href="https://addons.mozilla.org/en-US/firefox/addon/216">Venkman</a></li>\r
-   <li>Minificateur JavaScript : <a href="http://www.crockford.com/javascript/jsmin.rb">jsmin.rb</a></li>\r
-</ul>
\ No newline at end of file