Added i18n to settings page

hormesiel · Aug 28, 2015 · 9524d2c · 9524d2c
1 parent aa99d3b
commit 9524d2c
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 5 deletions.
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
@@ -2,5 +2,21 @@
   "description": {
     "description": "The extension's description",
     "message": "Fast Scroll is a very tiny extension which increases scroll speed on web pages when left CTRL is pressed during scroll"
+  },
+  "save": {
+    "description": "'Save' button's text",
+    "message": "Save"
+  },
+  "scrollFactorError": {
+    "description": "Error message for 'Scroll factor' value",
+    "message": "Should be a number greater than or equal to 1"
+  },
+  "scrollFactorLabel": {
+    "description": "Scroll speed multiplier when left CTRL is pressed",
+    "message": "Scroll factor"
+  },
+  "settings": {
+    "description": "Settings page title",
+    "message": "Settings"
   }
 }
diff --git a/_locales/fr/messages.json b/_locales/fr/messages.json
@@ -2,5 +2,21 @@
   "description": {
     "description": "La description de l'extension",
     "message": "Fast Scroll est une minuscule extension qui fait défiler les pages web plus rapidement quand la touche CTRL gauche est pressée"
+  },
+  "save": {
+    "description": "Texte du bouton 'Enregistrer'",
+    "message": "Enregistrer"
+  },
+  "scrollFactorError": {
+    "description": "Message d'erreur pour la valeur 'Facteur de défilement'",
+    "message": "Doit être un nombre supérieur ou égal à 1"
+  },
+  "scrollFactorLabel": {
+    "description": "Multiplicateur de la vitesse de défilement quand CTRL gauche est pressée",
+    "message": "Facteur de défilement"
+  },
+  "settings": {
+    "description": "Titre de la page des paramètres",
+    "message": "Paramètres"
   }
 }
diff --git a/html/settings.css b/html/settings.css
@@ -10,7 +10,7 @@
   width: 100%;
 }
 
-h3 {
+#title {
   text-align: center;
   width: 100%;
 }
diff --git a/html/settings.html b/html/settings.html
@@ -10,14 +10,14 @@
 </head>
 <body>
   <div class="content">
-    <h3>Fast Scroll Settings</h3>
+    <h3 id="title"></h3>
     <form action="#">
       <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
         <input class="mdl-textfield__input" id="scrollFactor" pattern="[1-9]+(\.[0-9]+)?" type="text" />
-        <label class="mdl-textfield__label" for="scrollFactor">Scroll factor</label>
-        <span class="mdl-textfield__error">Should be a number greater than or equal to 1</span>
+        <label class="mdl-textfield__label" for="scrollFactor" id="scrollFactorLabel"></label>
+        <span class="mdl-textfield__error" id="scrollFactorError"></span>
       </div>
-      <button class="mdl-button mdl-js-button mdl-js-ripple-effect" type="submit" disabled>Enregistrer</button>
+      <button class="mdl-button mdl-js-button mdl-js-ripple-effect" id="saveButton" type="submit" disabled></button>
     </form>
   </div>
   <script src="settings.js"></script>

diff --git a/html/settings.js b/html/settings.js
@@ -1,6 +1,18 @@
 var settings = null;
 var form = null;
 
+function loadLanguage() {
+  var title = document.querySelector('#title');
+  var saveButton = document.querySelector('#saveButton');
+  var scrollFactorError = document.querySelector('#scrollFactorError');
+  var scrollFactorLabel = document.querySelector('#scrollFactorLabel');
+
+  saveButton.innerHTML = chrome.i18n.getMessage('save');
+  scrollFactorError.innerHTML = chrome.i18n.getMessage('scrollFactorError');
+  scrollFactorLabel.innerHTML = chrome.i18n.getMessage('scrollFactorLabel');
+  title.innerHTML = chrome.i18n.getMessage('settings');
+}
+
 function onFormSubmit(e) {
   e.preventDefault();
 
@@ -21,6 +33,7 @@ function onPageLoaded() {
   });
   form.addEventListener('submit', onFormSubmit);
 
+  loadLanguage();
   restoreOptions();
 }