mirror of
https://github.com/schlagmichdoch/PairDrop.git
synced 2025-04-20 15:06:15 -04:00
Make "Unpair" and "auto-accept" translatable on the Edit Paired Devices Dialog
This commit is contained in:
parent
8b30940056
commit
3faa173dde
4 changed files with 12 additions and 4 deletions
|
@ -52,6 +52,7 @@
|
||||||
"pair": "Pair",
|
"pair": "Pair",
|
||||||
"cancel": "Cancel",
|
"cancel": "Cancel",
|
||||||
"edit-paired-devices-title": "Edit Paired Devices",
|
"edit-paired-devices-title": "Edit Paired Devices",
|
||||||
|
"unpair": "Unpair",
|
||||||
"paired-devices-wrapper_data-empty": "No paired devices.",
|
"paired-devices-wrapper_data-empty": "No paired devices.",
|
||||||
"auto-accept-instructions-1": "Activate",
|
"auto-accept-instructions-1": "Activate",
|
||||||
"auto-accept": "auto-accept",
|
"auto-accept": "auto-accept",
|
||||||
|
|
|
@ -1393,7 +1393,10 @@ class EditPairedDevicesDialog extends Dialog {
|
||||||
}
|
}
|
||||||
|
|
||||||
async _initDOM() {
|
async _initDOM() {
|
||||||
|
const unpairString = Localization.getTranslation("dialogs.unpair").toUpperCase();
|
||||||
|
const autoAcceptString = Localization.getTranslation("dialogs.auto-accept").toLowerCase();
|
||||||
const roomSecretsEntries = await PersistentStorage.getAllRoomSecretEntries();
|
const roomSecretsEntries = await PersistentStorage.getAllRoomSecretEntries();
|
||||||
|
|
||||||
roomSecretsEntries.forEach(roomSecretsEntry => {
|
roomSecretsEntries.forEach(roomSecretsEntry => {
|
||||||
let $pairedDevice = document.createElement('div');
|
let $pairedDevice = document.createElement('div');
|
||||||
$pairedDevice.classList = ["paired-device"];
|
$pairedDevice.classList = ["paired-device"];
|
||||||
|
@ -1406,10 +1409,10 @@ class EditPairedDevicesDialog extends Dialog {
|
||||||
<span>${roomSecretsEntry.device_name}</span>
|
<span>${roomSecretsEntry.device_name}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="button-wrapper">
|
<div class="button-wrapper">
|
||||||
<label class="auto-accept pointer">auto-accept
|
<label class="auto-accept pointer">${autoAcceptString}
|
||||||
<input type="checkbox" ${roomSecretsEntry.auto_accept ? "checked" : ""}>
|
<input type="checkbox" ${roomSecretsEntry.auto_accept ? "checked" : ""}>
|
||||||
</label>
|
</label>
|
||||||
<button class="button" type="button">unpair</button>
|
<button class="button" type="button">${unpairString}</button>
|
||||||
</div>`
|
</div>`
|
||||||
|
|
||||||
$pairedDevice.querySelector('input[type="checkbox"]').addEventListener('click', e => {
|
$pairedDevice.querySelector('input[type="checkbox"]').addEventListener('click', e => {
|
||||||
|
|
|
@ -52,6 +52,7 @@
|
||||||
"pair": "Pair",
|
"pair": "Pair",
|
||||||
"cancel": "Cancel",
|
"cancel": "Cancel",
|
||||||
"edit-paired-devices-title": "Edit Paired Devices",
|
"edit-paired-devices-title": "Edit Paired Devices",
|
||||||
|
"unpair": "Unpair",
|
||||||
"paired-devices-wrapper_data-empty": "No paired devices.",
|
"paired-devices-wrapper_data-empty": "No paired devices.",
|
||||||
"auto-accept-instructions-1": "Activate",
|
"auto-accept-instructions-1": "Activate",
|
||||||
"auto-accept": "auto-accept",
|
"auto-accept": "auto-accept",
|
||||||
|
|
|
@ -1395,7 +1395,10 @@ class EditPairedDevicesDialog extends Dialog {
|
||||||
}
|
}
|
||||||
|
|
||||||
async _initDOM() {
|
async _initDOM() {
|
||||||
|
const unpairString = Localization.getTranslation("dialogs.unpair").toUpperCase();
|
||||||
|
const autoAcceptString = Localization.getTranslation("dialogs.auto-accept").toLowerCase();
|
||||||
const roomSecretsEntries = await PersistentStorage.getAllRoomSecretEntries();
|
const roomSecretsEntries = await PersistentStorage.getAllRoomSecretEntries();
|
||||||
|
|
||||||
roomSecretsEntries.forEach(roomSecretsEntry => {
|
roomSecretsEntries.forEach(roomSecretsEntry => {
|
||||||
let $pairedDevice = document.createElement('div');
|
let $pairedDevice = document.createElement('div');
|
||||||
$pairedDevice.classList = ["paired-device"];
|
$pairedDevice.classList = ["paired-device"];
|
||||||
|
@ -1408,10 +1411,10 @@ class EditPairedDevicesDialog extends Dialog {
|
||||||
<span>${roomSecretsEntry.device_name}</span>
|
<span>${roomSecretsEntry.device_name}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="button-wrapper">
|
<div class="button-wrapper">
|
||||||
<label class="auto-accept pointer">auto-accept
|
<label class="auto-accept pointer">${autoAcceptString}
|
||||||
<input type="checkbox" ${roomSecretsEntry.auto_accept ? "checked" : ""}>
|
<input type="checkbox" ${roomSecretsEntry.auto_accept ? "checked" : ""}>
|
||||||
</label>
|
</label>
|
||||||
<button class="button" type="button">unpair</button>
|
<button class="button" type="button">${unpairString}</button>
|
||||||
</div>`
|
</div>`
|
||||||
|
|
||||||
$pairedDevice.querySelector('input[type="checkbox"]').addEventListener('click', e => {
|
$pairedDevice.querySelector('input[type="checkbox"]').addEventListener('click', e => {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue