X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2FpageProfile.js;h=d77231750ba52ecfea66874937de1eda7b770772;hp=f3ef3a8e0071ba21a3b0d657307453cdc1d24f42;hb=972919ab7f5651cd721eb6eec75f7150fdeaf347;hpb=2faefc542de20cfcc0220b5c7fd7982dd0fbbfd4

diff --git a/js/pageProfile.js b/js/pageProfile.js
index f3ef3a8..d772317 100755
--- a/js/pageProfile.js
+++ b/js/pageProfile.js
@@ -1,135 +1,179 @@
-// coding: utf-8
-
-function PageProfile(client, formateur, util)
-{
-   this.nom = "profile"
-   
-   this.client = client
-   this.formateur = formateur
-   this.util = util
-}
-
-PageProfile.prototype.contenu = function()
-{
-   // pourquoi ?
-   return ""
-}
-
-PageProfile.prototype.charger = function()
-{
-   jQuery("#page").html(this.getHTML())
-   
-   // en fonction du statut
-   if (this.client.authentifie())
-      this.chargerProfile()
-   else
-      this.chargerLogin()
-      
-   jQuery("#page form#profile").submit(function(){return false})
-}
-
-PageProfile.prototype.chargerProfile = function()
-{ 
-   var thisPage = this
+// coding: utf-8
+// Copyright 2008 Grégory Burri
+//
+// This file is part of Euphorik.
+//
+// Euphorik is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Euphorik is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Euphorik.  If not, see <http://www.gnu.org/licenses/>.
+
+euphorik.PageProfile = function(client, formateur, util) {
+   this.nom = "profile";
+   
+   this.client = client;
+   this.formateur = formateur;
+   this.util = util;
+};
+
+euphorik.PageProfile.prototype.contenu = function() {
+   // pourquoi ?
+   return "";
+};
+
+euphorik.PageProfile.prototype.charger = function() {
+   $("#page").html(this.getHTML());
+   
+   // en fonction du statut
+   if (this.client.authentifie()) {
+      this.chargerProfile();
+   } else {
+      this.chargerLogin();
+   }
+      
+   $("#page form#profile").submit(function(){ return false; });
+};
+
+euphorik.PageProfile.prototype.chargerProfile = function() { 
+   var thisPage = this;
+   
+   $("form#profile input.login").val(this.client.login);
+   $("form#profile input.pseudo").val(this.client.pseudo);
+   $("form#profile input.email").val(this.client.email);
+   $("form#profile input#viewTooltips").attr("checked", this.client.viewTooltips);
+   $("form#profile input#viewTimes").attr("checked", this.client.viewTimes);
    
-   jQuery("form#profile input.login").val(this.client.login)
-   jQuery("form#profile input.pseudo").val(this.client.pseudo)
-   jQuery("form#profile input.email").val(this.client.email)
-   
-   jQuery("form#profile select#affichagePseudo option").removeAttr("selected")
-   jQuery("form#profile select#affichagePseudo option[value=" + this.client.nickFormat + "]").attr("selected", "selected")
+   $("form#profile select#chatOrder option").removeAttr("selected");
+   $("form#profile select#chatOrder option[value=" + this.client.chatOrder + "]").attr("selected", "selected");
    
+   $("form#profile select#affichagePseudo option").removeAttr("selected");
+   $("form#profile select#affichagePseudo option[value=" + this.client.nickFormat + "]").attr("selected", "selected");
+    
+   if (this.client.ostentatiousMaster) {
+       $("form#profile select#degreeOstentatoire option").removeAttr("selected");
+       $("form#profile select#degreeOstentatoire option[value=" + this.client.ostentatiousMaster + "]").attr("selected", "selected");
+   }
 
-   jQuery("form#profile button").click(
-      function()
-      {
-         thisPage.client.pseudo = thisPage.formateur.filtrerInputPseudo(jQuery("form#profile input.pseudo").val())
-         thisPage.client.email = jQuery("form#profile input.email").val()
-         thisPage.client.nickFormat = jQuery("form#profile select#affichagePseudo option:selected").attr("value") 
+   $("form#profile button").click(
+      function() {
+         thisPage.client.pseudo = thisPage.formateur.filtrerInputPseudo($("form#profile input.pseudo").val());
+         thisPage.client.email = $("form#profile input.email").val();
+         thisPage.client.chatOrder = $("form#profile select#chatOrder option:selected").attr("value");
+         thisPage.client.nickFormat = $("form#profile select#affichagePseudo option:selected").attr("value");
+         if (thisPage.client.ekMaster) {
+            thisPage.client.ostentatiousMaster = $("form#profile select#degreeOstentatoire option:selected").attr("value");
+         }
+         thisPage.client.viewTooltips = $("form#profile input#viewTooltips").attr("checked");
+         thisPage.client.viewTimes = $("form#profile input#viewTimes").attr("checked");
          
-         var password = jQuery("form#profile input.password").val()
-         var passwordRe = jQuery("form#profile input.passwordRe").val()  
-         if (password != "" || passwordRe != "")
-         {
-            if (password != passwordRe)
-            {            
-               thisPage.util.messageDialogue("Les mots de passes ne correspondent pas")
-               return
+         var password = $("form#profile input.password").val();
+         var passwordRe = $("form#profile input.passwordRe").val();
+         if (password !== "" || passwordRe !== "") {
+            if (password !== passwordRe) {            
+               thisPage.util.messageDialogue("Les mots de passes ne correspondent pas");
+               return;
             }
-            thisPage.client.password = thisPage.util.md5(password)
+            thisPage.client.password = thisPage.util.md5(password);
          }
          
-         if(!thisPage.client.flush())
-            thisPage.util.messageDialogue("Impossible de mettre à jour votre profile, causes inconnues", messageType.erreur)
-         else
-         {
-            thisPage.util.messageDialogue("Votre profile a été mis à jour")
-            //thisPage.pages.afficherPage("minichat")         
+         if(!thisPage.client.flush()) {
+            thisPage.util.messageDialogue("Impossible de mettre à jour votre profile, causes inconnues", euphorik.Util.messageType.erreur);
+         } else { 
+            thisPage.util.messageDialogue("Votre profile a été mis à jour");
+            thisPage.pages.afficherPage("minichat");
+         }
+      }
+   );
+};
+
+euphorik.PageProfile.prototype.chargerLogin = function() {   
+   var thisPage = this;
+
+   $("#page form#profile button").click(
+      function() {
+         if(thisPage.client.connexionLogin($("form#profile input.login").val(), thisPage.util.md5($("form#profile input.password").val()))) {
+            // TODO afficher un message "ok"
+            thisPage.pages.afficherPage("minichat");
          }
       }
-   )
-}
-
-PageProfile.prototype.chargerLogin = function()
-{   
-   var thisPage = this
-
-   jQuery("#page form#profile button").click(
-      function()
-      {
-         if(!thisPage.client.connexionLogin(jQuery("form#profile input.login").val(), thisPage.util.md5(jQuery("form#profile input.password").val())))
-            thisPage.util.messageDialogue("Couple login/pass introuvable")
-         else
-         {
-            // TODO afficher un message "ok"
-            thisPage.pages.afficherPage("minichat")
-         }
-      }
-   )
-}
-
-PageProfile.prototype.getHTML = function()
-{
-return '\
-<form id="profile" >\
- <table>\
-  <tr>\
-   <td>login</td>\
-   <td><input class="login" type="text" size="20" maxlength="20" ' + (this.client.authentifie() ? 'readonly="readonly"' : '') + ' /></td>\
-  </tr>\
-  <tr>\
-   <td>password</td>\
-   <td><input class="password" type="password" size="20" maxlength="20"/></td>\
-  </tr>' + 
-  (this.client.authentifie() ? '\
-  <tr>\
-   <td>password re</td>\
-   <td><input class="passwordRe" type="password" size="20" maxlength="20"/></td>\
-  </tr>\
-  <tr>\
-   <td>pseudo</td>\
-   <td><input class="pseudo" type="text" size="40" maxlength="20"/></td>\
-  </tr>\
-  <tr>\
-   <td>e-mail</td>\
-   <td><input class="email" type="text" size="40" maxlength="100"/></td>\
-  </tr>\
-  <tr>\
-   <td>Affichage des identifiants</td>\
-   <td>\
-    <select id="affichagePseudo">\
-     <option value="nick">Pseudo</option>\
-     <option value="login">Login</option>\
-     <option value="nick_login">Pseudo(Login)</option>\
-    </select>\
-   </td>\
-  </tr>\
-  <tr>' : '') + '\
-  <tr>\
-  <td></td>\
-  <td><button>Valider</button>\
-  </tr>\
- </table>\
-</form>' 
-}
-
+   );
+};
+
+euphorik.PageProfile.prototype.getHTML = function() {
+   return '<form action="" id="profile" >' +
+      ' <table>' +
+      '  <tr>' +
+      '   <td>login</td>' +
+      '   <td><input class="login" type="text" size="20" maxlength="20" ' + (this.client.authentifie() ? 'readonly="readonly"' : '') + ' /></td>' +
+      (this.client.authentifie() ? '' : '   <td>(sensible à la <a href="http://fr.wikipedia.org/wiki/Casse_(informatique)">casse</a>)</td>') +
+      '  </tr>' +
+      '  <tr>' +
+      '   <td>password</td>' +
+      '   <td><input class="password" type="password" size="20" maxlength="20"/></td>' +
+      '  </tr>' + 
+      (this.client.authentifie() ? '' +
+         '  <tr>' +
+         '   <td>password re</td>' +
+         '   <td><input class="passwordRe" type="password" size="20" maxlength="20"/></td>' +
+         '  </tr>' +
+         '  <tr>' +
+         '   <td>pseudo</td>' +
+         '   <td><input class="pseudo" type="text" size="40" maxlength="20"/></td>' +
+         '  </tr>' +
+         '  <tr>' +
+         '   <td>e-mail</td>' +
+         '   <td><input class="email" type="text" size="40" maxlength="100"/></td>' +
+         '  </tr>' +
+         '  <tr>' +
+         '   <td>Ordre des messages</td>' +
+         '   <td>' +
+         '    <select id="chatOrder">' +
+         '     <option value="chrono">Chronologique</option>' +
+         '     <option value="reverse">Anti-chronologique</option>' +
+         '    </select>' +
+         '   </td>' +
+         '  </tr>' +
+         '  <tr>' +
+            (this.client.ekMaster ? '' +
+            '   <td>Degrée d\'ostentation</td>' +
+            '   <td>' +
+            '    <select id="degreeOstentatoire">' +
+            '     <option value="invisible">Nul</option>' +
+            '     <option value="light">Faible</option>' +
+            '     <option value="heavy">Élevé</option>' +
+            '    </select>' +
+            '   </td>' : '') +
+         ' </tr>' +
+         '  <tr>' +
+         '   <td>Affichage des identifiants</td>' +
+         '   <td>' +
+         '    <select id="affichagePseudo">' +
+         '     <option value="nick">Pseudo</option>' +
+         '     <option value="login">Login</option>' +
+         '     <option value="nick_login">Pseudo(Login)</option>' +
+         '    </select>' +
+         '   </td>' +
+         '  </tr>' +
+         '  <tr>' +
+         '   <td>Afficher les infos bulles</td>' +
+         '   <td><input type="checkbox" id="viewTooltips" /></td>' +
+         '  </tr>' +
+         '  <tr>' +
+         '   <td>Afficher les dates</td>' +
+         '   <td><input type="checkbox" id="viewTimes" /></td>' +
+         '  </tr>' : '') +
+      '  <tr>' +
+      '   <td></td>' +
+      '   <td><button>Valider</button></td>' +
+      '  </tr>' +
+      ' </table>' +
+      '</form>';
+};