creations/profilePage
1
2
Fork 4
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add timezone 12h kv, add tooltops for badges
All checks were successful
Code quality checks / biome (push) Successful in 8s
Details

Browse source
This commit is contained in:
creations 2025-05-30 20:14:45 -04:00
parent 3cb3b76a2b
commit 152d1c475f
Signed by: creations
GPG key ID: 8F553AA4320FC711
2 changed files with 12 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

1
README.md
View file

@ -81,6 +81,7 @@ These can be defined in Lanyard's KV store to customize the page:
| `optout` | Allows users to stop sharing there profile on the website (`true` / `false`) | | `optout` | Allows users to stop sharing there profile on the website (`true` / `false`) |
| `reviews` | Enables reviews from reviewdb (`true` / `false`) | | `reviews` | Enables reviews from reviewdb (`true` / `false`) |
| `timezone`| Enables the showing of the current time from the timezone db API (`true` / `false`) | | `timezone`| Enables the showing of the current time from the timezone db API (`true` / `false`) |
| `timezone_12` | Sets the timezone to default show 12h format, default is 24h |
--- ---

21
public/js/index.js
View file

@ -11,6 +11,7 @@ let socket;
let badgesLoaded = false; let badgesLoaded = false;
let readmeLoaded = false; let readmeLoaded = false;
let cssLoaded = false; let cssLoaded = false;
let timezoneLoaded = false;
const reviewsPerPage = 50; const reviewsPerPage = 50;
let currentReviewOffset = 0; let currentReviewOffset = 0;
@ -210,8 +211,8 @@ async function populateReviews(userId) {
} }
} }
function populateTimezone(userId) { function populateTimezone(userId, format = "24h") {
if (!userId || !timezoneApiUrl) return; if (!userId || !timezoneApiUrl || timezoneLoaded) return;
let currentTimezone = null; let currentTimezone = null;
@ -233,7 +234,8 @@ function populateTimezone(userId) {
} }
function updateTime() { function updateTime() {
if (!currentTimezone) return; if (!currentTimezone || timezoneLoaded) return;
timezoneLoaded = true;
const timezoneEl = document.querySelector(".timezone-value"); const timezoneEl = document.querySelector(".timezone-value");
if (!timezoneEl) return; if (!timezoneEl) return;
@ -256,8 +258,10 @@ function populateTimezone(userId) {
second: "2-digit", second: "2-digit",
}); });
timezoneEl.textContent = time24; timezoneEl.textContent = format === "24h" ? time24 : time12;
timezoneEl.title = `${time12} (${currentTimezone})`; timezoneEl.title = `${format === "12h" ? time24 : time12} (${currentTimezone})`;
timezoneEl.classList.remove("hidden");
} }
fetchTimezone(); fetchTimezone();
@ -468,6 +472,7 @@ async function loadBadges(userId, options = {}) {
img.src = badge.badge; img.src = badge.badge;
img.alt = badge.tooltip; img.alt = badge.tooltip;
img.title = badge.tooltip; img.title = badge.tooltip;
img.tooltip = badge.tooltip;
img.className = "badge"; img.className = "badge";
target.appendChild(img); target.appendChild(img);
} }
@ -649,11 +654,7 @@ async function updatePresence(initialData) {
} }
if (kv.timezone !== "false" && userId && timezoneApiUrl) { if (kv.timezone !== "false" && userId && timezoneApiUrl) {
populateTimezone(userId); populateTimezone(userId, kv.timezone_12 === "true" ? "12h" : "24h");
const timezoneEl = document.querySelector(".timezone-value");
if (timezoneEl) {
timezoneEl.classList.remove("hidden");
}
} }
const platform = { const platform = {