timezoneDB/public/js/index.js
creations 6bfd298455
# Git Commit Message
refactor: add production features and improve architecture

- Add structured configuration with validation
- Implement Redis connection pooling
- Add database migrations system
- Change API methods: GET /set → POST /set, GET /delete → DELETE /delete
- Add health check endpoint
- Add graceful shutdown and structured logging
- Update frontend for new API methods
- Add open source attribution
2025-06-04 07:56:15 -04:00

107 lines
2.7 KiB
JavaScript

const loginSection = document.getElementById("login-section");
const timezoneSection = document.getElementById("timezone-section");
const avatarEl = document.getElementById("avatar");
const authStatusEl = document.getElementById("auth-status");
const timezoneSelect = document.getElementById("timezone-select");
const setBtn = document.getElementById("set-timezone");
const statusMsg = document.getElementById("status-msg");
const timezones = Intl.supportedValuesOf("timeZone");
for (const tz of timezones) {
const opt = document.createElement("option");
opt.value = tz;
opt.textContent = tz;
timezoneSelect.appendChild(opt);
}
const ts = new TomSelect("#timezone-select", {
create: false,
sorted: true,
searchField: ["text"],
maxOptions: 1000,
});
async function fetchUserInfo() {
try {
const res = await fetch("/me", { credentials: "include" });
if (!res.ok) throw new Error();
const json = await res.json();
const user = json.user;
const tz = json.timezone;
authStatusEl.textContent = user.username;
if (user.avatar) {
avatarEl.src = `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}.png`;
avatarEl.classList.remove("hidden");
}
loginSection.classList.add("hidden");
timezoneSection.classList.remove("hidden");
const deleteBtn = document.getElementById("delete-timezone");
if (tz) {
ts.setValue(tz);
deleteBtn.classList.remove("hidden");
} else {
ts.clear();
deleteBtn.classList.add("hidden");
}
deleteBtn.addEventListener("click", async () => {
try {
const res = await fetch("/delete", {
method: "DELETE",
credentials: "include",
});
if (!res.ok) throw new Error();
ts.clear();
statusMsg.textContent = "Timezone deleted.";
deleteBtn.classList.add("hidden");
} catch {
statusMsg.textContent = "Failed to delete timezone.";
}
});
} catch {
loginSection.classList.remove("hidden");
timezoneSection.classList.add("hidden");
}
}
setBtn.addEventListener("click", async () => {
const timezone = ts.getValue();
if (!timezone) return;
setBtn.disabled = true;
setBtn.textContent = "Saving...";
statusMsg.textContent = "";
try {
const res = await fetch("/set", {
method: "POST",
credentials: "include",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: `timezone=${encodeURIComponent(timezone)}`,
});
if (!res.ok) {
const error = await res.json();
throw new Error(error.message || "Failed to update timezone");
}
statusMsg.textContent = "Timezone updated!";
document.getElementById("delete-timezone").classList.remove("hidden");
} catch (error) {
statusMsg.textContent = error.message;
} finally {
setBtn.disabled = false;
setBtn.textContent = "Save";
}
});
fetchUserInfo();