31 lines
1.1 KiB
JavaScript
31 lines
1.1 KiB
JavaScript
document.addEventListener("DOMContentLoaded", () => {
|
|
const tabs = document.querySelectorAll(".auth-tab");
|
|
const panelLogin = document.getElementById("authPanelLogin");
|
|
const panelRegister = document.getElementById("authPanelRegister");
|
|
|
|
if (!tabs.length || !panelLogin || !panelRegister) return;
|
|
|
|
tabs.forEach(tab => {
|
|
tab.addEventListener("click", () => {
|
|
const target = tab.getAttribute("data-tab"); // "login" oder "register"
|
|
|
|
// Tab-Styles
|
|
tabs.forEach(t => {
|
|
t.classList.remove("bg-brand-primary", "text-brand-bg");
|
|
t.classList.add("hover:text-brand-primary");
|
|
});
|
|
tab.classList.add("bg-brand-primary", "text-brand-bg");
|
|
tab.classList.remove("hover:text-brand-primary");
|
|
|
|
// Panels
|
|
if (target === "login") {
|
|
panelLogin.classList.remove("hidden");
|
|
panelRegister.classList.add("hidden");
|
|
} else {
|
|
panelRegister.classList.remove("hidden");
|
|
panelLogin.classList.add("hidden");
|
|
}
|
|
});
|
|
});
|
|
});
|