alterware/BetterTwitFix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added nitter instance selector

Browse Source
This commit is contained in:
MarshDeer 2024-09-06 20:20:32 -04:00
parent dfb80d01ce
commit ae1d2c2b74
1 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
static/preferences.html
View File

@ -15,12 +15,36 @@
var openlinksToggle = document.getElementById("openLinksCheckbox"); var openlinksToggle = document.getElementById("openLinksCheckbox");
var openlinksPreference = localStorage.getItem("openLinksPreference"); var openlinksPreference = localStorage.getItem("openLinksPreference");
openlinksToggle.checked = openlinksPreference === "true"; openlinksToggle.checked = openlinksPreference === "true";
/* Nitter toggle */
document.getElementById("frontendToggle").checked = localStorage.getItem("frontendToggle") === "true";
} }
function queryInstances() { function queryInstances() {
/* Query the status.d420.de API and generate a list of healthy let instanceList = document.getElementById("instanceList");
instances for the user to pick between plus a text input field in fetch("https://status.d420.de/api/v1/instances")
case they want to use their own */ .then(response => response.json())
.then(data => {
let i = 0;
for (const instance of data.hosts) {
if (instance.points > 0) {
let labelOpen = `<label for="instance${i}">`;
let labelClose = `</label>`;
let row = document.createElement("tr");
let input = document.createElement("td");
input.innerHTML = `${labelOpen} <input type="radio" name="instance" id="instance${i}" value="${instance.url}" onclick="savePreference('frontendUrl', this.value)"> ${labelClose}`;
let name = document.createElement("td");
name.innerHTML = `${labelOpen} ${instance.domain} ${labelClose}`
let health = document.createElement("td");
health.innerHTML = `${labelOpen} ${instance.healthy} ${labelClose}`;
let score = document.createElement("td");
score.innerHTML = `${labelOpen} ${instance.points} ${labelClose}`;
row.append(input, name, health, score);
instanceList.append(row);
i++;
}
}
document.getElementById("instancePicker").style.removeProperty("display");
})
} }
</script> </script>
<link rel="stylesheet" type="text/css" href="/style.css"> <link rel="stylesheet" type="text/css" href="/style.css">
@ -67,12 +91,12 @@
<p> Use the <a href="https://status.d420.de/about" target="_blank">Nitter health tracker API</a> to query available instances. </p> <p> Use the <a href="https://status.d420.de/about" target="_blank">Nitter health tracker API</a> to query available instances. </p>
</label> </label>
<label id="instancePicker" style="display: none;"> <label id="instancePicker" style="display: none;">
<h3> Choose a Nitter Instance </h3> <h3> Choose a Nitter instance </h3>
<p> Choose which instance to use for redirection. You can only pick one instance, and Nitter is currently <a href="https://status.d420.de/rip" target="_blank">almost dead</a>, so try picking an instance with good uptime. </p> <p> Choose which instance to use for redirection. You can only pick one instance, and Nitter is currently <a href="https://status.d420.de/rip" target="_blank">almost dead</a>, so the instance with the highest score is probably your best bet. </p>
<table> <table>
<thead> <thead>
<tr> <tr>
<th scope="col"> Select </th> <th scope="col"> Selected </th>
<th scope="col"> Instance </th> <th scope="col"> Instance </th>
<th scope="col"> Healthy </th> <th scope="col"> Healthy </th>
<th scope="col"> Score </th> <th scope="col"> Score </th>