const d = document.getElementById.bind(document); const qAll = document.querySelectorAll.bind(document); d("save").addEventListener("click", save); qAll(".login").forEach(s => { s.addEventListener("keydown", e => { if (e.key == "Enter") { if (e.target.id == "school") { d("number").focus() }; if (e.target.id == "number") { d("password").focus() }; if (e.target.id == "password") { save() }; } }); }); function save() { var school = d("school").value; var number = d("number").value; var password = d("password").value; try { chrome.storage.sync.set({ "school": school, "number": number, "password": password }); d("save").innerHTML = "Opgeslagen!" } catch (e) { d("save").innerHTML = "Fout" d("save").className = "btn btn-danger float-right" } }; function onLoad() { chrome.storage.sync.get(['school', 'number', 'password'], function (result) { if (result.school !== undefined) { d("school").value = result.school }; if (result.number !== undefined){ d("number").value = result.number }; if (result.password !== undefined) { d("password").value = "lolleukgeprobeerd" }; }); chrome.storage.sync.get(['enabled'], function (result) { d("switch").checked = result.enabled }); chrome.storage.sync.get(['darkmode'], function (result) { d("dark-mode").checked = result.darkmode d("dark-link").disabled = !d("dark-mode").checked }); d("switch").addEventListener("click", toggle) d("dark-mode").addEventListener("click", darkMode) }; function toggle() { var checked = d("switch").checked; chrome.storage.sync.set({ "enabled": checked }); chrome.browserAction.setBadgeText({ text: checked ? "ON" : "OFF" }); }; function darkMode() { chrome.storage.sync.set({ "darkmode": d("dark-mode").checked }); d("dark-link").disabled = !d("dark-mode").checked } onLoad()