Made side bar links dim when disabled https://github.com/libredirect/browser_extension/issues/705
This commit is contained in:
parent
d1b4501e41
commit
00dadbe766
|
@ -16,6 +16,17 @@ function init() {
|
||||||
init()
|
init()
|
||||||
browser.storage.onChanged.addListener(init)
|
browser.storage.onChanged.addListener(init)
|
||||||
|
|
||||||
|
// function sendEnabledFrontends() {
|
||||||
|
// return new Promise(resolve => {
|
||||||
|
// console.log('sendEnabledFrontends')
|
||||||
|
// let enabledFrontends = []
|
||||||
|
// for (const service in config.services) {
|
||||||
|
// if (!options[service].enabled) continue
|
||||||
|
// enabledFrontends.push(options[service].frontend)
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
function all(service, frontend, options, config) {
|
function all(service, frontend, options, config) {
|
||||||
let instances = []
|
let instances = []
|
||||||
if (!frontend) {
|
if (!frontend) {
|
||||||
|
@ -720,7 +731,8 @@ const defaultInstances = {
|
||||||
'mikuInvidious': ['https://mikuinv.resrv.org'],
|
'mikuInvidious': ['https://mikuinv.resrv.org'],
|
||||||
"tent": ['https://tent.sny.sh'],
|
"tent": ['https://tent.sny.sh'],
|
||||||
"wolfreeAlpha": ['https://gqq.gitlab.io', 'https://uqq.gitlab.io'],
|
"wolfreeAlpha": ['https://gqq.gitlab.io', 'https://uqq.gitlab.io'],
|
||||||
"libreSpeed": ['https://librespeed.org']
|
"libreSpeed": ['https://librespeed.org'],
|
||||||
|
'jitsi': ['https://meet.jit.si', 'https://8x8.vc']
|
||||||
}
|
}
|
||||||
|
|
||||||
function initDefaults() {
|
function initDefaults() {
|
||||||
|
|
|
@ -35,7 +35,6 @@ async function changeFrontendsSettings(service) {
|
||||||
if (typeof divs[service].frontend !== "undefined") {
|
if (typeof divs[service].frontend !== "undefined") {
|
||||||
if (frontend == divs[service].frontend.value) {
|
if (frontend == divs[service].frontend.value) {
|
||||||
frontendDiv.style.display = ""
|
frontendDiv.style.display = ""
|
||||||
console.log(config.services[service].frontends[frontend].localhost)
|
|
||||||
if (config.services[service].frontends[frontend].localhost === true) {
|
if (config.services[service].frontends[frontend].localhost === true) {
|
||||||
document.getElementById(`${service}-instance-div`).style.display = ""
|
document.getElementById(`${service}-instance-div`).style.display = ""
|
||||||
|
|
||||||
|
@ -72,14 +71,25 @@ async function changeFrontendsSettings(service) {
|
||||||
}
|
}
|
||||||
|
|
||||||
async function loadPage(path) {
|
async function loadPage(path) {
|
||||||
|
options = await utils.getOptions()
|
||||||
for (const section of document.getElementById("pages").getElementsByTagName("section")) section.style.display = "none"
|
for (const section of document.getElementById("pages").getElementsByTagName("section")) section.style.display = "none"
|
||||||
document.getElementById(`${path}_page`).style.display = "block"
|
document.getElementById(`${path}_page`).style.display = "block"
|
||||||
|
|
||||||
for (const a of document.getElementById("links").getElementsByTagName("a")) {
|
for (const element of document.getElementsByClassName("title")) {
|
||||||
|
const a = element.getElementsByTagName('a')[0]
|
||||||
if (a.getAttribute("href") == `#${path}`) {
|
if (a.getAttribute("href") == `#${path}`) {
|
||||||
a.classList.add("selected")
|
element.classList.add("selected")
|
||||||
} else {
|
} else {
|
||||||
a.classList.remove("selected")
|
element.classList.remove("selected")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const service in config.services) {
|
||||||
|
console.log(service, options[service].enabled)
|
||||||
|
if (options[service].enabled) {
|
||||||
|
document.getElementById(`${service}-link`).style.opacity = 1
|
||||||
|
} else {
|
||||||
|
document.getElementById(`${service}-link`).style.opacity = 0.4
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -89,13 +99,11 @@ async function loadPage(path) {
|
||||||
const service = path;
|
const service = path;
|
||||||
|
|
||||||
divs[service] = {}
|
divs[service] = {}
|
||||||
options = await utils.getOptions()
|
|
||||||
for (const option in config.services[service].options) {
|
for (const option in config.services[service].options) {
|
||||||
divs[service][option] = document.getElementById(`${service}-${option}`)
|
divs[service][option] = document.getElementById(`${service}-${option}`)
|
||||||
if (typeof config.services[service].options[option] == "boolean") divs[service][option].checked = options[service][option]
|
if (typeof config.services[service].options[option] == "boolean") divs[service][option].checked = options[service][option]
|
||||||
else divs[service][option].value = options[service][option]
|
else divs[service][option].value = options[service][option]
|
||||||
|
|
||||||
|
|
||||||
divs[service][option].addEventListener("change", async () => {
|
divs[service][option].addEventListener("change", async () => {
|
||||||
let options = await utils.getOptions()
|
let options = await utils.getOptions()
|
||||||
if (typeof config.services[service].options[option] == "boolean")
|
if (typeof config.services[service].options[option] == "boolean")
|
||||||
|
|
|
@ -50,6 +50,15 @@ div.some-block input[type="checkbox"] {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
width: min-content;
|
width: min-content;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
|
transition: .1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title:hover {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title:hover a {
|
||||||
|
color: var(--active);
|
||||||
}
|
}
|
||||||
|
|
||||||
img,
|
img,
|
||||||
|
@ -147,7 +156,11 @@ section.links a {
|
||||||
}
|
}
|
||||||
|
|
||||||
section.links a:hover,
|
section.links a:hover,
|
||||||
section.links a.selected {
|
section.links .selected {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
section.links .selected a {
|
||||||
color: var(--active);
|
color: var(--active);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -5,7 +5,7 @@ section(class="links" id="links")
|
||||||
span(data-localise="__MSG_general__") General
|
span(data-localise="__MSG_general__") General
|
||||||
|
|
||||||
each val, key in services
|
each val, key in services
|
||||||
div(class="title")
|
div(class="title" id=`${key}-link`)
|
||||||
a(href="#"+key)
|
a(href="#"+key)
|
||||||
if services[key].imageType == 'svgMono'
|
if services[key].imageType == 'svgMono'
|
||||||
img(class='dark' src=`/assets/images/${key}-icon.svg`)
|
img(class='dark' src=`/assets/images/${key}-icon.svg`)
|
||||||
|
|
Loading…
Reference in New Issue