src/pages/options/translate.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

import googleTranslateHelper from "../../assets/javascripts/helpers/google-translate.js";
import commonHelper from "../../assets/javascripts/helpers/common.js";
import shared from "./shared.js";

const simplyTranslateInstances = googleTranslateHelper.redirects;

let simplyTranslateInstanceElement = document.getElementById("simplyTranslate-instance");
let disableSimplyTranslateElement = document.getElementById("disable-simplyTranslate");


browser.storage.sync.get(
    [
        "simplyTranslateInstance",
        "disableSimplyTranslate",
    ],
    (result) => {
        simplyTranslateInstanceElement.value = result.simplyTranslateInstance || "";
        disableSimplyTranslateElement.checked = !result.disableSimplyTranslate;
        let id = "simplyTranslate-instance"
        let instances = simplyTranslateInstances;
        shared.autocompletes.push({ id: id, instances: instances })
        shared.autocomplete(document.getElementById(id), instances);
    }
)

simplyTranslateInstanceElement.addEventListener(
    "input",
    commonHelper.debounce(() => {
        if (simplyTranslateInstanceElement.checkValidity()) {
            browser.storage.sync.set({
                simplyTranslateInstance: shared.parseURL(simplyTranslateInstanceElement.value),
            });
        }
    }, 500));

disableSimplyTranslateElement.addEventListener("change", (event) => {
    browser.storage.sync.set({ disableSimplyTranslate: !event.target.checked });
});