melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: simplify css and ts layout

Browse Source
This commit is contained in:
mkelvers
2026-04-14 23:49:07 +02:00
parent dd6f49b1c9
commit bbd876d981
17 changed files with 1877 additions and 381 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
static/js/discover.js
View File

@@ -1,23 +1,23 @@
"use strict";
// static/js/discover.ts
(() => {
const setActiveTab = (clickedTab) => {
const group = clickedTab.closest('[data-tab-group="discover"]');
if (!group) {
return;
}
const triggers = group.querySelectorAll('[data-tab-trigger]');
triggers.forEach((tab) => tab.classList.remove('active'));
clickedTab.classList.add('active');
};
document.addEventListener('click', (event) => {
const target = event.target;
if (!(target instanceof Element)) {
return;
}
const trigger = target.closest('[data-tab-trigger]');
if (!trigger) {
return;
}
setActiveTab(trigger);
});
const setActiveTab = (clickedTab) => {
const group = clickedTab.closest('[data-tab-group="discover"]');
if (!group) {
return;
}
const triggers = group.querySelectorAll("[data-tab-trigger]");
triggers.forEach((tab) => tab.classList.remove("active"));
clickedTab.classList.add("active");
};
document.addEventListener("click", (event) => {
const target = event.target;
if (!(target instanceof Element)) {
return;
}
const trigger = target.closest("[data-tab-trigger]");
if (!trigger) {
return;
}
setActiveTab(trigger);
});
})();