ourworld_web/www_mycelium
20
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

update button at dark mode

Browse Source
This commit is contained in:
Ehab Hassan 2025-05-22 20:00:56 +03:00
parent 53e2e08201
commit 59581304d0
1 changed files with 46 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
static/js/custom.js
View File

@ -124,29 +124,29 @@ function hideHamburger() {
} }
} }
function toggleFilter() { // function toggleFilter() {
var filterMenu = document.getElementById("filter-menu"); // var filterMenu = document.getElementById("filter-menu");
if (filterMenu.className.includes("hidden")) { // if (filterMenu.className.includes("hidden")) {
filterMenu.className = filterMenu.className.replace("hidden", " "); // filterMenu.className = filterMenu.className.replace("hidden", " ");
} else { // } else {
filterMenu.className = filterMenu.className + " hidden"; // filterMenu.className = filterMenu.className + " hidden";
} // }
} // }
window.onload = function () { // window.onload = function () {
let elements = document.getElementsByTagName("button"); // let elements = document.getElementsByTagName("button");
let buttons = [...elements]; // let buttons = [...elements];
buttons.forEach((button) => { // buttons.forEach((button) => {
button.addEventListener("click", function () { // button.addEventListener("click", function () {
handleClick(button); // handleClick(button);
}); // });
}); // });
document.getElementById("filter-btn").addEventListener("click", toggleFilter); // document.getElementById("filter-btn").addEventListener("click", toggleFilter);
document // document
.getElementById("mobile-learn-btn") // .getElementById("mobile-learn-btn")
.addEventListener("click", toggleMenu); // .addEventListener("click", toggleMenu);
}; // };
function openInNewTab(url) { function openInNewTab(url) {
window.open(url, "_blank").focus(); window.open(url, "_blank").focus();
@ -164,33 +164,33 @@ function readingTime() {
} }
} }
async function getStats() { // async function getStats() {
try { // try {
const stats = await fetch( // const stats = await fetch(
"https://stats.grid.tf/api/stats-summary" // "https://stats.grid.tf/api/stats-summary"
).then((res) => res.json()); // ).then((res) => res.json());
return formatStatsData(stats); // return formatStatsData(stats);
} catch (error) { // } catch (error) {
throw new Error( // throw new Error(
`Failed to retrieve data from network statistics: ${error}` // `Failed to retrieve data from network statistics: ${error}`
); // );
} // }
} // }
function formatStatsData(stats) { // function formatStatsData(stats) {
let items = document.querySelector(".items"); // let items = document.querySelector(".items");
items.classList.remove("animate-pulse"); // items.classList.remove("animate-pulse");
document.getElementById("ssd").innerHTML = stats.ssd; // document.getElementById("ssd").innerHTML = stats.ssd;
document.getElementById("nodes").innerHTML = stats.nodes; // document.getElementById("nodes").innerHTML = stats.nodes;
document.getElementById("countries").innerHTML = stats.countries; // document.getElementById("countries").innerHTML = stats.countries;
document.getElementById("cores").innerHTML = stats.cores // document.getElementById("cores").innerHTML = stats.cores
.toString() // .toString()
.replace(/\B(?=(\d{3})+(?!\d))/g, ","); // .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
} // }
readingTime(); // readingTime();
getStats(); // getStats();
document.getElementById("year").innerHTML = new Date().getFullYear(); // document.getElementById("year").innerHTML = new Date().getFullYear();
// Get elements // Get elements