[WIP] internationalization

_locales/en/messages.json

@@ -0,0 +1,29 @@
+{
+  "extensionName": {
+    "message": "vaccin.click",
+    "description": "Name of the extension."
+  },
+
+  "extensionDescription": {
+    "message": "Find and reserve automatically your COVID-19 vaccination slot.",
+    "description": "Description of the extension."
+  },
+
+  "default_title": {
+    "message": "vaccin.click : my COVID-19 vaccin in 1 click!"
+  },
+
+  "button_stop": {
+    "message": "Stop looking for appointments"
+  },
+
+  "button_start": {
+    "message": "Start looking for appointments"
+  },
+
+  "radio_disableAutoBook_label": {
+    "message": "Open a tab when a reservation is available"
+  }
+
+
+}

_locales/fr/messages.json

@@ -0,0 +1,27 @@
+{
+  "extensionName": {
+    "message": "vaccin.click",
+    "description": "Nom de l'extension."
+  },
+
+  "extensionDescription": {
+    "message": "Trouvez et réservez automatiquement votre créneau de vaccination COVID-19.",
+    "description": "Description de extension."
+  },
+
+  "default_title": {
+    "message": "vaccin.click : mon vaccin COVID-19 en 1 click !"
+  },
+
+  "button_stop": {
+    "message": "Mettre en pause la surveillance des RDV"
+  },
+
+  "button_start": {
+    "message": "Reprendre la surveillance des RDV"
+  },
+
+  "radio_disableAutoBook_label": {
+    "message": "Ouvrir un onglet lorsqu'une réservation est disponible"
+  }
+}

browser_action/index.html

@@ -22,19 +22,19 @@
     <div class="panel-section panel-section-formElements">
       <div class="panel-formElements-item">
         <button id="stop" class="expander">
-          Mettre en pause la surveillance des RDV
+          <!-- Mettre en pause la surveillance des RDV -->
         </button>
         <button id="start" class="expander">
-          Reprendre la surveillance des RDV
+          <!-- Reprendre la surveillance des RDV -->
         </button>
       </div>
 
       <div class="panel-formElements-item">
         <div>
           <input type="radio" name="autoBook" id="disableAutoBook" checked />
-          <label for="disableAutoBook"
-            >Ouvrir un onglet lorsqu'une réservation est disponible</label
-          >
+          <label id="disableAutoBook_label" for="disableAutoBook">
+            <!-- Ouvrir un onglet lorsqu'une réservation est disponible -->
+            </label>
         </div>
 
         <div>
@@ -114,5 +114,7 @@
     </template>
 
     <script src="index.js"></script>
+    <script type="text/javascript" src="locales.js"></script>
+
   </body>
 </html>

browser_action/locales.js

@@ -0,0 +1,10 @@
+var doc=window.top.document
+
+if(doc != null) {
+  console.log("starting setting text based on language");
+
+  document.getElementById("stop").textContent = browser.i18n.getMessage("button_stop") ;
+  document.getElementById("start").textContent = browser.i18n.getMessage("button_start") ;
+  document.getElementById("disableAutoBook_label").textContent = browser.i18n.getMessage("radio_disableAutoBook_label") ;
+
+}

manifest.json

@@ -1,8 +1,9 @@
 {
+  "default_locale": "en",
   "manifest_version": 2,
   "name": "vaccin.click",
   "version": "1.4",
-  "description": "Trouvez et réservez automatiquement votre créneau de vaccination COVID-19.",
+  "description": "__MSG_extensionDescription__",
   "author": "Kévin Dunglas",
   "homepage_url": "https://dunglas.fr",
   "icons": {