Localize user-facing container-related messages

Author: aaronkollasch

src/_locales/en/messages.json

@@ -823,6 +823,30 @@
   "TabGuard_optAllow": {
     "message": "Load normally"
   },
+  "DefaultContainerName": {
+    "message": "Default"
+  },
+  "enable_container_tabs_label": {
+    "message": "Enable support for container tabs"
+  },
+  "select_container_label": {
+    "message": "Choose a container:"
+  },
+  "copy_container_label": {
+    "message": "Copy permissions from container:"
+  },
+  "clear_container_label": {
+    "message": "Clear permissions for this container"
+  },
+  "forbid_replace_default_policy": {
+    "message": "Cannot replace the default policy."
+  },
+  "container_copy_warning": {
+    "message": "Copying permissions from \"$1\".\nAll site permissions for this container will be removed.\nThis action cannot be reverted.\nDo you want to continue?"
+  },
+  "container_clear_warning": {
+    "message": "All site permissions for this container will be removed.\nThis action cannot be reverted.\nDo you want to continue?"
+  },
   "LearnMoreLink": {
     "message": "Learn more…"
   },

src/ui/options.html

@@ -56,7 +56,7 @@ <h3 class="flextabs__tab"><button class="flextabs__toggle">__MSG_SectionGeneral_
       <input type="checkbox" id="opt-enforceOnRestart"><label for="opt-enforceOnRestart" id="lbl-enforceOnRestart">__MSG_EnforceOnRestart__</label>
     </span>
     <span id="containers-opt">
-      <input type="checkbox" class="enforcement_required" id="opt-containers"><label for="opt-containers" id="lbl-containers">Enable support for container tabs</label>
+      <input type="checkbox" class="enforcement_required" id="opt-containers"><label for="opt-containers" id="lbl-containers">__MSG_enable_container_tabs_label__</label>
     </span>
   </div>
   <div class="opt-group not-tor">
@@ -88,9 +88,9 @@ <h3 class="flextabs__tab"><button class="flextabs__toggle">__MSG_SectionGeneral_
 
 <h3 class="flextabs__tab"><button class="flextabs__toggle enforcement_required">__MSG_SectionSitePermissions__</button></h3>
 <div class="flextabs__content">
-  <label for="select-container" id="select-container-label">Choose a container:</label>
+  <label for="select-container" id="select-container-label">__MSG_select_container_label__</label>
   <select name="select-container" id="select-container">
-    <option value="default">Default</option>
+    <option value="default">__MSG_DefaultContainerName__</option>
   </select>
   <section class="sect-sites">
   <form id="form-newsite" class="browser-style" >
@@ -103,13 +103,13 @@ <h3 class="flextabs__tab"><button class="flextabs__toggle enforcement_required">
     </div>
   </div>
   <div class="per-site-buttons" id="per-site-buttons">
-    <label for="copy-container" id="copy-container-label">Copy permissions from container:</label>
+    <label for="copy-container" id="copy-container-label">__MSG_copy_container_label__</label>
     <select name="copy-container" id="copy-container">
       <option value=blank></option>
-      <option value="default">Default</option>
+      <option value="default">__MSG_DefaultContainerName__</option>
     </select>
     <div style="inline-size:0;margin-inline:.5em;border:1px solid #888"></div>
-    <button id="btn-clear-container">Clear permissions for this container</button>
+    <button id="btn-clear-container">__MSG_clear_container_label__</button>
   </div>
   </section>
 </div>

src/ui/options.js

@@ -246,14 +246,14 @@ document.querySelector("#version").textContent = _("Version",
   async function copyContainer() {
     cookieStoreId = containerSelect.value;
     if (cookieStoreId == "default") {
-      alert("Cannot replace the default policy.")
+      alert(_("forbid_replace_default_policy"))
       containerCopy.value = "blank";
       return;
     }
     let copyCookieStoreId = containerCopy.value;
     let copyContainerName = containerCopy.options[containerCopy.selectedIndex].text;
     let copyPolicy = await UI.getPolicy(copyCookieStoreId);
-    if (confirm(`Copying permissions from "${copyContainerName}".\n` + "All site permissions for this container will be removed.\nThis action cannot be reverted.\nDo you want to continue?")) {
+    if (confirm(_("container_copy_warning", copyContainerName))) {
       sitesUI.clear()
       currentPolicy = await UI.replacePolicy(cookieStoreId, new Policy(copyPolicy.dry(true)));
       await UI.updateSettings({policy, contextStore});
@@ -333,7 +333,7 @@ document.querySelector("#version").textContent = _("Version",
     }, true);
 
     document.querySelector("#btn-clear-container").addEventListener("click", async ev => {
-      if (confirm("All site permissions for this container will be removed.\nThis action cannot be reverted.\nDo you want to continue?")) {
+      if (confirm(_("container_clear_warning"))) {
         sitesUI.clear()
         currentPolicy.sites = Sites.hydrate({});
         await UI.updateSettings({policy, contextStore});

src/ui/popup.html

@@ -34,7 +34,7 @@
     <a class="hider-close">×</a>
   </div>
   <div class="spacer"></div>
-  <div id="container-id" class="container-id">Default</div>
+  <div id="container-id" class="container-id">__MSG_DefaultContainerName__</div>
   <button aria-role="button" id="enforce" class="toggle icon"></button>
   <button aria-role="button" id="enforce-tab" class="toggle icon"></button>
   <button aria-role="button" id="temp-trust-page" class="toggle icon" title="__MSG_TempTrustPage__"></button>

src/ui/popup.js

@@ -193,7 +193,7 @@ addEventListener("unload", e => {
         document.querySelector("#container-id").textContent = containerName;
         debug("found container name", containerName, "for cookieStoreId", cookieStoreId);
       } catch(err) {
-        document.querySelector("#container-id").textContent = "Default";
+        document.querySelector("#container-id").textContent = _("DefaultContainerName");
         debug("no container for cookieStoreId", cookieStoreId, "error:", err.message);
       }
     } else {