diff --git a/background.js b/background.js index 092f8d9..ffe1857 100644 --- a/background.js +++ b/background.js @@ -144,7 +144,7 @@ browser.storage.sync.get( invidiousVolume = result.invidiousVolume; invidiousPlayerStyle = result.invidiousPlayerStyle; invidiousSubtitles = result.invidiousSubtitles || ""; - invidiousAutoplay = !result.invidiousAutoplay; + invidiousAutoplay = result.invidiousAutoplay; } ); diff --git a/pages/options/options.js b/pages/options/options.js index d6fc731..89ef315 100644 --- a/pages/options/options.js +++ b/pages/options/options.js @@ -142,7 +142,7 @@ browser.storage.sync.get( invidiousVolume.value = result.invidiousVolume; invidiousPlayerStyle.value = result.invidiousPlayerStyle || ""; invidiousSubtitles.value = result.invidiousSubtitles || ""; - invidiousAutoplay.checked = !result.invidiousAutoplay; + invidiousAutoplay.checked = result.invidiousAutoplay; } ); @@ -338,7 +338,7 @@ let invidiousSubtitlesChange = debounce(() => { invidiousSubtitles.addEventListener("input", invidiousSubtitlesChange); invidiousAutoplay.addEventListener("change", (event) => { - browser.storage.sync.set({ invidiousAutoplay: !event.target.checked }); + browser.storage.sync.set({ invidiousAutoplay: event.target.checked }); }); theme.addEventListener("change", (event) => { @@ -364,7 +364,7 @@ theme.addEventListener("change", (event) => { function autocomplete(input, list) { let currentFocus; input.addEventListener("focus", (e) => { - showOptions(e); + showOptions(e, true); }); input.addEventListener("input", (e) => { const val = e.target.value; @@ -390,31 +390,35 @@ function autocomplete(input, list) { } } }); - function showOptions(e) { - let a, - b, + function showOptions(event, showAll = false) { + let div, i, - val = e.target.value; + val = event.target.value; closeAllLists(); - a = document.createElement("div"); - a.setAttribute("id", e.target.id + "autocomplete-list"); - a.setAttribute("class", "autocomplete-items"); - e.target.parentNode.appendChild(a); + div = document.createElement("div"); + div.setAttribute("id", event.target.id + "autocomplete-list"); + div.setAttribute("class", "autocomplete-items"); + event.target.parentNode.appendChild(div); for (i = 0; i < list.length; i++) { if (list[i].toLowerCase().indexOf(val.toLowerCase()) > -1) { - b = document.createElement("div"); - b.innerHTML = "" + list[i].substr(0, val.length) + ""; - b.innerHTML += list[i].substr(val.length); - b.innerHTML += ""; - b.addEventListener("click", function (e) { - input.value = e.target.getElementsByTagName("input")[0].value; - input.dispatchEvent(new Event("input")); - closeAllLists(); - }); - a.appendChild(b); + div.appendChild(getItem(list[i], val)); + } else if (showAll) { + div.appendChild(getItem(list[i], val)); } } } + function getItem(item, val) { + let div = document.createElement("div"); + div.innerHTML = "" + item.substr(0, val.length) + ""; + div.innerHTML += item.substr(val.length); + div.innerHTML += ""; + div.addEventListener("click", function (e) { + input.value = e.target.getElementsByTagName("input")[0].value; + input.dispatchEvent(new Event("input")); + closeAllLists(); + }); + return div; + } function addActive(x) { if (!x) return false; removeActive(x);