devol/libredirect
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor createList function

Browse Source
This commit is contained in:
Kyryl 2023-02-13 18:46:42 +00:00 committed by GitHub
parent db7657cf7a
commit 6afbe6ac92
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 61 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

121
src/pages/options/index.js
View File

@ -181,68 +181,69 @@ async function processCustomInstances(frontend, document) {
} }
function createList(frontend, networks, document, redirects, blacklist) { function createList(frontend, networks, document, redirects, blacklist) {
for (const network in networks) { for (const network in networks) {
if (redirects[frontend]) { const checklist = document.getElementById(frontend)
if (redirects[frontend][network].length > 0) { .getElementsByClassName(network)[0]
document.getElementById(frontend).getElementsByClassName("custom-instance")[0].placeholder = redirects[frontend].clearnet[0] .getElementsByClassName("checklist")[0]
document.getElementById(frontend)
.getElementsByClassName(network)[0]
.getElementsByClassName("checklist")[0]
.innerHTML = [
`<div class="some-block option-block">
<h4>${utils.camelCase(network)}</h4>
</div>`,
...redirects[frontend][network]
.sort((a, b) =>
(blacklist.cloudflare.includes(a) && !blacklist.cloudflare.includes(b))
)
.map(x => {
const cloudflare = blacklist.cloudflare.includes(x) ?
` <a target="_blank" href="https://libredirect.github.io/docs.html#instances">
<span style="color:red;">cloudflare</span>
</a>` : ""
const warnings = [cloudflare].join(" ") if (!redirects[frontend]) {
return `<div> checklist.innerHTML = '<div class="some-block option-block">No instances found.</div>'
<x> break
<a href="${x}" target="_blank">${x}</a>${warnings} }
</x> const instances = redirects[frontend][network]
<button class="add add-${x}"> if (!instances || instances.length === 0) continue
<svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
</svg>
</button>
</div>`
}),
'<br>'
].join("\n<hr>\n")
for (const x of redirects[frontend][network]) { document.getElementById(frontend)
document.getElementById(frontend) .getElementsByClassName("custom-instance")[0]
.getElementsByClassName(network)[0] .placeholder = redirects[frontend].clearnet[0]
.getElementsByClassName("checklist")[0]
.getElementsByClassName(`add-${x}`)[0]
.addEventListener("click", async () => {
let options = await utils.getOptions()
let customInstances = options[frontend]
if (!customInstances.includes(x)) {
customInstances.push(x)
options = await utils.getOptions()
options[frontend] = customInstances
browser.storage.local.set({ options }, () => {
calcCustomInstances(frontend)
})
}
})
}
}
} else {
document.getElementById(frontend).getElementsByClassName(network)[0].getElementsByClassName("checklist")[0].innerHTML =
`<div class="some-block option-block">No instances found.</div>`
break
}
} const sortedInstances = instances
.sort((a, b) => (blacklist.cloudflare.includes(a) && !blacklist.cloudflare.includes(b)))
const content = sortedInstances
.map(x => {
const cloudflare = blacklist.cloudflare.includes(x) ?
`<a target="_blank" href="https://libredirect.github.io/docs.html#instances">
<span style="color:red;">cloudflare</span>
</a>` : ""
const warnings = [cloudflare].join(" ")
return `<div class="frontend">
<x>
<a href="${x}" target="_blank">${x}</a>${warnings}
</x>
<button class="add add-${x}">
<svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
</svg>
</button>
</div>`
})
checklist.innerHTML = [
`<div class="some-block option-block">
<h4>${utils.camelCase(network)}</h4>
</div>`,
...content,
"<br>"
].join("\n<hr>\n")
for (const instance of instances) {
checklist.getElementsByClassName(`add-${instance}`)[0]
.addEventListener("click", async () => {
let options = await utils.getOptions()
let customInstances = options[frontend]
if (!customInstances.includes(instance)) {
customInstances.push(instance)
options = await utils.getOptions()
options[frontend] = customInstances
browser.storage.local.set({options}, () => {
calcCustomInstances(frontend)
})
}
})
}
}
} }
const r = window.location.href.match(/#(.*)/) const r = window.location.href.match(/#(.*)/)
@ -288,4 +289,4 @@ async function ping(frontend) {
span.innerHTML = `<span style="color:${color};">${text}</span>` span.innerHTML = `<span style="color:${color};">${text}</span>`
} }
} }