From 3faa173dde544a8d1489d18acb5bb082242b92bb Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Thu, 14 Sep 2023 18:15:07 +0200
Subject: [PATCH] Make "Unpair" and "auto-accept" translatable on the Edit
 Paired Devices Dialog

---
 public/lang/en.json                       | 1 +
 public/scripts/ui.js                      | 7 +++++--
 public_included_ws_fallback/lang/en.json  | 1 +
 public_included_ws_fallback/scripts/ui.js | 7 +++++--
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/public/lang/en.json b/public/lang/en.json
index 86ef21c..c9ec6d1 100644
--- a/public/lang/en.json
+++ b/public/lang/en.json
@@ -52,6 +52,7 @@
         "pair": "Pair",
         "cancel": "Cancel",
         "edit-paired-devices-title": "Edit Paired Devices",
+        "unpair": "Unpair",
         "paired-devices-wrapper_data-empty": "No paired devices.",
         "auto-accept-instructions-1": "Activate",
         "auto-accept": "auto-accept",
diff --git a/public/scripts/ui.js b/public/scripts/ui.js
index 93685b1..c02a92a 100644
--- a/public/scripts/ui.js
+++ b/public/scripts/ui.js
@@ -1393,7 +1393,10 @@ class EditPairedDevicesDialog extends Dialog {
     }
 
     async _initDOM() {
+        const unpairString = Localization.getTranslation("dialogs.unpair").toUpperCase();
+        const autoAcceptString = Localization.getTranslation("dialogs.auto-accept").toLowerCase();
         const roomSecretsEntries = await PersistentStorage.getAllRoomSecretEntries();
+
         roomSecretsEntries.forEach(roomSecretsEntry => {
             let $pairedDevice = document.createElement('div');
             $pairedDevice.classList = ["paired-device"];
@@ -1406,10 +1409,10 @@ class EditPairedDevicesDialog extends Dialog {
                 <span>${roomSecretsEntry.device_name}</span>
             </div>
             <div class="button-wrapper">
-                <label class="auto-accept pointer">auto-accept
+                <label class="auto-accept pointer">${autoAcceptString}
                     <input type="checkbox" ${roomSecretsEntry.auto_accept ? "checked" : ""}>
                 </label>
-                <button class="button" type="button">unpair</button>
+                <button class="button" type="button">${unpairString}</button>
             </div>`
 
             $pairedDevice.querySelector('input[type="checkbox"]').addEventListener('click', e => {
diff --git a/public_included_ws_fallback/lang/en.json b/public_included_ws_fallback/lang/en.json
index 86ef21c..c9ec6d1 100644
--- a/public_included_ws_fallback/lang/en.json
+++ b/public_included_ws_fallback/lang/en.json
@@ -52,6 +52,7 @@
         "pair": "Pair",
         "cancel": "Cancel",
         "edit-paired-devices-title": "Edit Paired Devices",
+        "unpair": "Unpair",
         "paired-devices-wrapper_data-empty": "No paired devices.",
         "auto-accept-instructions-1": "Activate",
         "auto-accept": "auto-accept",
diff --git a/public_included_ws_fallback/scripts/ui.js b/public_included_ws_fallback/scripts/ui.js
index bb0b3db..e99c6cc 100644
--- a/public_included_ws_fallback/scripts/ui.js
+++ b/public_included_ws_fallback/scripts/ui.js
@@ -1395,7 +1395,10 @@ class EditPairedDevicesDialog extends Dialog {
     }
 
     async _initDOM() {
+        const unpairString = Localization.getTranslation("dialogs.unpair").toUpperCase();
+        const autoAcceptString = Localization.getTranslation("dialogs.auto-accept").toLowerCase();
         const roomSecretsEntries = await PersistentStorage.getAllRoomSecretEntries();
+
         roomSecretsEntries.forEach(roomSecretsEntry => {
             let $pairedDevice = document.createElement('div');
             $pairedDevice.classList = ["paired-device"];
@@ -1408,10 +1411,10 @@ class EditPairedDevicesDialog extends Dialog {
                 <span>${roomSecretsEntry.device_name}</span>
             </div>
             <div class="button-wrapper">
-                <label class="auto-accept pointer">auto-accept
+                <label class="auto-accept pointer">${autoAcceptString}
                     <input type="checkbox" ${roomSecretsEntry.auto_accept ? "checked" : ""}>
                 </label>
-                <button class="button" type="button">unpair</button>
+                <button class="button" type="button">${unpairString}</button>
             </div>`
 
             $pairedDevice.querySelector('input[type="checkbox"]').addEventListener('click', e => {