MOD french -> english (5)

diff --git a/img/close.gif b/img/close.gif
new file mode 100755 (executable)
index 0000000..3d78493
Binary files /dev/null and b/img/close.gif differ

diff --git a/img/fermer.gif b/img/fermer.gif
deleted file mode 100755 (executable)
index 3d78493..0000000
Binary files a/img/fermer.gif and /dev/null differ

diff --git a/index.yaws b/index.yaws
index 0cf0ca7..a0e258b 100755 (executable)
--- a/index.yaws
+++ b/index.yaws
@@ -74,7 +74,7 @@
                {ehtml, {'div', [{id, "logo"}] ++ if Est_ek_master -> [{class, "ekMaster"}]; true -> [] end}}.
                    
          </erl>
-         <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="info" style="display:none" ><div id="icone"></div><div class="close" ></div><div class="message" ></div><div class="buttons"></div></div>
          <div id="waitbar" style="display:none" ><div class="image"></div></div>
          <ul id="menu">
             <li class="minichat">chat</li><li class="admin" style="display:none">admin</li><li class="profile"></li><li class="register">register</li><li class="logout">logout</li><li class="about">about</li>

diff --git a/js/chat/commandes.js b/js/chat/commandes.js
index 372f195..fb822aa 100644 (file)
--- a/js/chat/commandes.js
+++ b/js/chat/commandes.js
@@ -105,7 +105,7 @@ euphorik.Commandes.prototype.exec = function(chaine) {
       this.util.messageDialog(
          this.texteAide,
          euphorik.Util.messageType.informatif,
-         {"fermer" : function(){}},
+         {"close" : function(){}},
          false,
          -1
       );

diff --git a/js/chat/conversation.js b/js/chat/conversation.js
index aa7b3ca..b3fb191 100644 (file)
--- a/js/chat/conversation.js
+++ b/js/chat/conversation.js
@@ -56,7 +56,7 @@ euphorik.Conversation = function(conversations, num) {
          '<div class="titre">' +\r
             (reverse ? messageRacineXHTML : "") +\r
             '<div class="nav">' +\r
-               (this.num === 0 ? '' : '<div class="fermer"></div><div class="creerLien"></div>') + //</div><div class="reduire">\r
+               (this.num === 0 ? '' : '<div class="close"></div><div class="creerLien"></div>') + //</div><div class="reduire">\r
                '<span class="next">&lt;</span><span class="numPage">1</span><span class="prev">&gt;</span>' +\r
             '</div>' +\r
             (reverse ? "" : messageRacineXHTML) +\r
@@ -71,7 +71,7 @@ euphorik.Conversation = function(conversations, num) {
    this.util.infoBulle("Aller à la première page", $("#" + this.getId() + " .titre .numPage"), euphorik.Util.positionBulleType.haut);\r
    if (this.num !== 0) {\r
       this.util.infoBulle("Créer un lien vers la conversation", $("#" + this.getId() + " .titre .creerLien"));\r
-      this.util.infoBulle("Fermer la conversation", $("#" + this.getId() + " .titre .fermer"));\r
+      this.util.infoBulle("Close the conversation", $("#" + this.getId() + " .titre .close"));\r
    }\r
    \r
     // les différents événements liés à la conversation\r
@@ -82,7 +82,7 @@ euphorik.Conversation = function(conversations, num) {
            "{" + thisConversation.client.conversations[thisConversation.num - 1].root.toString(36) + "}"\r
         );\r
    });   \r
-   $("#" + this.getId() + " .titre .fermer").click(function() {\r
+   $("#" + this.getId() + " .titre .close").click(function() {\r
       thisConversation.conversations.supprimerConversation(thisConversation.num);\r
    });\r
    /*\r
@@ -96,7 +96,7 @@ euphorik.Conversation = function(conversations, num) {
 euphorik.Conversation.prototype.getMessageReduit = function() {\r
    return '' +\r
       '<svg:svg version="1.1" baseProfile="full" width="100px" height="200px">' +\r
-         '<svg:image x="10" y="10" height="10" width="10" class="fermer" />' +\r
+         '<svg:image x="10" y="10" height="10" width="10" class="close" />' +\r
          '<svg:text transform="rotate(-90)" y="15" x="-200" >' +\r
             'Blabla blablablabla bla blabla ..' +\r
          '</svg:text>' +\r

diff --git a/js/conf.js b/js/conf.js
index 57ddf25..dc06228 100644 (file)
--- a/js/conf.js
+++ b/js/conf.js
@@ -23,7 +23,7 @@ euphorik.conf = {
    versionProtocole : 3, // version du protcole\r
    nbMessageAffiche : 40, // (par page)\r
    defaultNick : "<nick>",\r
-   tempsAffichageMessageDialogue : 4000, // en ms\r
+   tooltipDisplayDefaultTime : 4000, // [ms]\r
    tempsKick : 15, // en minute\r
    tempsBan : 60 * 24 * 3, // en minutes (3 jours)\r
    smiles : {   \r

diff --git a/js/util.js b/js/util.js
index 9e19ed7..aff9d6e 100644 (file)
--- a/js/util.js
+++ b/js/util.js
@@ -23,14 +23,14 @@
   *  - Print a message box to display some information for the user.\r
   *  - Set a tooltip for a HTML element.\r
   *  - Some text manipulation for input area.\r
-  * @formater an object for string format\r
+  * @formater An object for string format\r
   */\r
 euphorik.Util = function (formater) {\r
-   $("#info .fermer").click(function() {\r
+   $("#info .close").click(function() {\r
       $("#info").slideUp(50);\r
    });\r
    \r
-   $("body").append('<div id="flecheBulle"></div>').append('<div id="messageBulle"><p></p></div>');\r
+   $("body").append('<div id="tooltipArrow"></div>').append('<div id="tooltipMessage"><p></p></div>');\r
    \r
    this.formater = formater;\r
    this.bulleActive = true;\r
@@ -39,29 +39,27 @@ euphorik.Util = function (formater) {
 euphorik.Util.messageType = {informatif: 0, question: 1, erreur: 2};\r
 \r
 /**\r
-  * Affiche une boite de dialogue avec un message à l'intérieur.\r
-  * @param message le message (string)\r
-  * @param type voir 'messageType'. par défaut messageType.informatif\r
-  * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons\r
-  *        et les valeurs les fonctions executées lorsqu'un bouton est activé.
-  *        Lorsqu'un bouton est activé le message se ferme.     \r
-  * @param formate faut-il formaté le message ? true par défaut
-  * @param temps le temps d'affichage du message en seconde, -1 pour une durée infinie\r
-  */\r
-euphorik.Util.prototype.messageDialog = function(message, type, boutons, formate, temps) {\r
+  * Display a message box.\r
+  * @message [String] The message.\r
+  * @type [euphorik.Util.messageType] The message type like 'information' or 'error'. Default is messageType.informatif.\r
+  * @buttons An object where the properties are the labels and the values are functions which will be executed when a button is clicked.\r
+  * @format [bool] The message should be formated. (see 'formater.js')\r
+  * @time The time while the message is displayed. -1 for infinity.\r
+  */  \r
+euphorik.Util.prototype.messageDialog = function(message, type, buttons, format, time) {\r
    var thisUtil = this;\r
 \r
    type = type || euphorik.Util.messageType.informatif;\r
-   formate = formate === undefined ? true : formate;\r
+   format = format === undefined ? true : format;\r
 \r
    if (this.timeoutMessageDialog) {\r
       clearTimeout(this.timeoutMessageDialog);\r
    }\r
       \r
-   var fermer = function() { $("#info").slideUp(100); };\r
-   fermer();\r
+   var close = function() { $("#info").slideUp(100); };\r
+   close();\r
 \r
-   $("#info .message").html(!thisUtil.formater || !formate ? message : thisUtil.formater.traitementComplet(message));\r
+   $("#info .message").html(!thisUtil.formater || !format ? message : thisUtil.formater.traitementComplet(message));\r
    \r
    switch(type) {\r
       case euphorik.Util.messageType.informatif : $("#info #icone").attr("class", "information"); break;\r
@@ -69,14 +67,14 @@ euphorik.Util.prototype.messageDialog = function(message, type, boutons, formate
       case euphorik.Util.messageType.erreur : $("#info #icone").attr("class", "exclamation"); break;\r
    }\r
    \r
-   $("#info .boutons").html("");\r
-   objectEach(boutons, function(nom, bouton) {\r
-      $("#info .boutons").append("<div>" + nom + "</div>").find("div:last").click(bouton).click(fermer);\r
+   $("#info .buttons").html("");\r
+   objectEach(buttons, function(nom, bouton) {\r
+      $("#info .buttons").append("<div>" + nom + "</div>").find("div:last").click(bouton).click(close);\r
    });\r
    \r
    $("#info").slideDown(200);
-   if (temps !== -1) {\r
-      this.timeoutMessageDialog = setTimeout(fermer, temps || euphorik.conf.tempsAffichageMessageDialogue);
+   if (time !== -1) {\r
+      this.timeoutMessageDialog = setTimeout(close, time || euphorik.conf.tooltipDisplayDefaultTime);
    }\r
 };\r
 \r
@@ -137,8 +135,8 @@ euphorik.Util.prototype.hideWaitBar = function() {
 euphorik.Util.prototype.infoBulle = function(message, element, position) {\r
    var thisUtil = this;\r
    var cacherBulle = function() {   \r
-      $("#flecheBulle").hide();\r
-      $("#messageBulle").hide();\r
+      $("#tooltipArrow").hide();\r
+      $("#tooltipMessage").hide();\r
    };\r
    \r
    position = position || euphorik.Util.positionBulleType.haut;\r
@@ -149,11 +147,11 @@ euphorik.Util.prototype.infoBulle = function(message, element, position) {
             return;\r
          }\r
 \r
-         var m = $("#messageBulle");\r
-         var f = $("#flecheBulle");\r
-         f.removeClass().addClass(position === euphorik.Util.positionBulleType.haut ? "flecheBulleHaut" :\r
-            (position === euphorik.Util.positionBulleType.droite ? "flecheBulleDroite" : \r
-            (position === euphorik.Util.positionBulleType.bas ? "flecheBulleBas" : "flecheBulleGauche" )));\r
+         var m = $("#tooltipMessage");\r
+         var f = $("#tooltipArrow");\r
+         f.removeClass().addClass(position === euphorik.Util.positionBulleType.haut ? "tooltipArrowTop" :\r
+            (position === euphorik.Util.positionBulleType.droite ? "tooltipArrowRight" : \r
+            (position === euphorik.Util.positionBulleType.bas ? "tooltipArrowBottom" : "tooltipArrowLeft" )));\r
          \r
          // remplie le paragraphe de la bulle avec le message\r
          $("p", m).html(message);\r

diff --git a/styles/1/euphorik.css b/styles/1/euphorik.css
index f795070..7248588 100755 (executable)
--- a/styles/1/euphorik.css
+++ b/styles/1/euphorik.css
@@ -176,12 +176,12 @@ div#info {
        z-index: 100;
        color: #f0df95
 }
-div#info div.fermer {
+div#info div.close {
        float:right;
        cursor: pointer;
        height:16px;
        width: 16px;
-       background-image: url(../../img/fermer.gif)
+       background-image: url(../../img/close.gif)
 }
 div#info #icone {
        float:left;     
@@ -197,47 +197,47 @@ div#info #icone.information {
 div#info #icone.exclamation {
        background-image: url(../../img/exclamation.gif)
 }      
-div#info .boutons {
+div#info .buttons {
        padding: 1px;
 }
-div#info .boutons div {
+div#info .buttons div {
        cursor: pointer;
        background-color: #c62929;      
        display: inline;
        padding: 0px 5px 0px 5px;
        margin: 0px 5px 0px 5px;
 }
-div#info .boutons div:hover {
+div#info .buttons div:hover {
        background-color: #e84747;      
 }
 
-/***** Les infos bulles *****/
-#flecheBulle {
+/***** The tooltips *****/
+#tooltipArrow {
        position: absolute;
        z-index: 50;
        display: none
 }
-.flecheBulleHaut {
+.tooltipArrowTop {
        background-image: url(img/fleche_bulle_haut.png);
        width: 15px;
        height: 8px;
 }
-.flecheBulleDroite {
+.tooltipArrowRight {
        background-image: url(img/fleche_bulle_droite.png);
        width: 8px;
        height: 15px;
 }
-.flecheBulleBas {
+.tooltipArrowBottom {
        background-image: url(img/fleche_bulle_bas.png);
        width: 15px;
        height: 8px;
 }
-.flecheBulleGauche {
+.tooltipArrowLeft {
        background-image: url(img/fleche_bulle_gauche.png);
        width: 8px;
        height: 15px;
 }
-#messageBulle {
+#tooltipMessage {
        position: absolute;
        z-index: 50;
        color: #ffffff;
@@ -245,7 +245,7 @@ div#info .boutons div:hover {
        display: none;
        font-size: 10px;
 }
-#messageBulle p {
+#tooltipMessage p {
        padding: 3px 6px;
 }
 

diff --git a/styles/1/img/close_conv.png b/styles/1/img/close_conv.png
new file mode 100644 (file)
index 0000000..364bf50
Binary files /dev/null and b/styles/1/img/close_conv.png differ

diff --git a/styles/1/img/close_conv_hover.png b/styles/1/img/close_conv_hover.png
new file mode 100644 (file)
index 0000000..f527f3e
Binary files /dev/null and b/styles/1/img/close_conv_hover.png differ

diff --git a/styles/1/img/fermer_conv.png b/styles/1/img/fermer_conv.png
deleted file mode 100644 (file)
index 364bf50..0000000
Binary files a/styles/1/img/fermer_conv.png and /dev/null differ

diff --git a/styles/1/img/fermer_conv_hover.png b/styles/1/img/fermer_conv_hover.png
deleted file mode 100644 (file)
index f527f3e..0000000
Binary files a/styles/1/img/fermer_conv_hover.png and /dev/null differ

diff --git a/styles/1/pageMinichat.css b/styles/1/pageMinichat.css
index 9448c9c..03c5ee0 100755 (executable)
--- a/styles/1/pageMinichat.css
+++ b/styles/1/pageMinichat.css
@@ -193,17 +193,17 @@
        background-image: url(img/reduire_conv_hover.png);
 }*/
    
-#page.minichat #conversations .titre .nav .fermer {
+#page.minichat #conversations .titre .nav .close {
        margin-top: 1px;
        margin-left: 5px;
        float: right;
        width: 13px;
        height: 13px;
-       background-image: url(img/fermer_conv.png);    
+       background-image: url(img/close_conv.png);    
        cursor: pointer;
 }
-#page.minichat #conversations .titre .nav .fermer:hover {
-       background-image: url(img/fermer_conv_hover.png);
+#page.minichat #conversations .titre .nav .close:hover {
+       background-image: url(img/close_conv_hover.png);
 }      
 #page.minichat #conversations .titre .nav .creerLien {
        margin-top: 1px;

diff --git a/styles/2/euphorik.css b/styles/2/euphorik.css
index f2a6781..748fbc8 100755 (executable)
--- a/styles/2/euphorik.css
+++ b/styles/2/euphorik.css
@@ -26,10 +26,10 @@ body {
 }
 
 /***** Textile *****/
-em.leger {
+em {
        font-style: italic
 }
-em.fort {
+strong {
        font-style: normal;
        font-weight: bold
 }
@@ -145,12 +145,12 @@ div#info {
        border-bottom: 1px solid #aeaeae;
        z-index: 20;
 }
-div#info div.fermer {
+div#info div.close {
        float:right;
        cursor: pointer;
        height:16px;
        width: 16px;
-       background-image: url(../../img/fermer.gif)
+       background-image: url(../../img/close.gif)
 }
 div#info #icone {
        float:left;     
@@ -166,47 +166,47 @@ div#info #icone.information {
 div#info #icone.exclamation {
        background-image: url(../../img/exclamation.gif)
 }
-div#info .boutons {
+div#info .buttons {
        padding: 1px;
 }
-div#info .boutons div {
+div#info .buttons div {
        cursor: pointer;
        background-color: #770000;      
        display: inline;
        padding: 0px 5px 0px 5px;
        margin: 0px 5px 0px 5px;
 }
-div#info .boutons div:hover {
+div#info .buttons div:hover {
        background-color: #bc0000;      
 }
 
-/***** Les infos bulles *****/
+/***** The tooltips *****/
 #flecheBulle {
        position: absolute;
        z-index: 50;
        display: none
 }
-.flecheBulleHaut {
+.tooltipArrowTop {
        background-image: url(img/fleche_bulle_haut.png);
        width: 15px;
        height: 8px;
 }
-.flecheBulleDroite {
+.tooltipArrowRight {
        background-image: url(img/fleche_bulle_droite.png);
        width: 8px;
        height: 15px;
 }
-.flecheBulleBas {
+.tooltipArrowBottom {
        background-image: url(img/fleche_bulle_bas.png);
        width: 15px;
        height: 8px;
 }
-.flecheBulleGauche {
+.tooltipArrowLeft {
        background-image: url(img/fleche_bulle_gauche.png);
        width: 8px;
        height: 15px;
 }
-#messageBulle {
+#tooltipMessage {
        position: absolute;
        z-index: 50;
        color: #ffffff;
@@ -214,7 +214,7 @@ div#info .boutons div:hover {
        display: none;
        font-size: 10px;
 }
-#messageBulle p {
+#tooltipMessage p {
        padding: 3px 6px;
 }
 

diff --git a/styles/2/pageMinichat.css b/styles/2/pageMinichat.css
index 1019364..085568e 100755 (executable)
--- a/styles/2/pageMinichat.css
+++ b/styles/2/pageMinichat.css
@@ -174,17 +174,17 @@
        float: left;
        width: 100%;
 }*/
-#page.minichat #conversations .titre .nav .fermer {
+#page.minichat #conversations .titre .nav .close {
        float: right;
        padding-right: 5px;
        padding-left: 5px;
        background-color: #7d1b1b;
        cursor: pointer;
 }
-#page.minichat #conversations .titre .nav .fermer:after {
+#page.minichat #conversations .titre .nav .close:after {
        content: "x"
 }
-#page.minichat #conversations .titre .nav .fermer:hover {
+#page.minichat #conversations .titre .nav .close:hover {
        background-color: #c95656
 }
 #page.minichat #conversations .titre .nav .creerLien {