Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge claude/2

Browse Source
This commit is contained in:
librelad 2026-05-27 16:01:32 +01:00
commit 42244fe14a
1 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
containers/libreportal/frontend/js/components/topbar.js
View File

@ -89,6 +89,7 @@ class TopbarComponent {
let count = 0; let count = 0;
let resetTimer = null; let resetTimer = null;
let currentToast = null; // single rolling toast — updated in place
document.addEventListener('click', (e) => { document.addEventListener('click', (e) => {
const logo = e.target.closest('.libreportal-logo'); const logo = e.target.closest('.libreportal-logo');
@ -96,7 +97,10 @@ class TopbarComponent {
count++; count++;
if (resetTimer) clearTimeout(resetTimer); if (resetTimer) clearTimeout(resetTimer);
resetTimer = setTimeout(() => { count = 0; }, RESET_AFTER_MS); resetTimer = setTimeout(() => {
count = 0;
currentToast = null; // next sequence starts a fresh toast
}, RESET_AFTER_MS);
const remaining = TARGET_CLICKS - count; const remaining = TARGET_CLICKS - count;
const devOn = (window.systemConfigs?.CFG_DEV_MODE === 'true'); const devOn = (window.systemConfigs?.CFG_DEV_MODE === 'true');
@ -104,10 +108,22 @@ class TopbarComponent {
const noun = devOn ? 'developer mode' : 'a developer'; const noun = devOn ? 'developer mode' : 'a developer';
if (remaining > 0 && count >= TOAST_FROM) { if (remaining > 0 && count >= TOAST_FROM) {
this._devToast(`You are ${remaining} click${remaining === 1 ? '' : 's'} away from ${verb} ${noun}.`, 'info'); const msg = `You are ${remaining} click${remaining === 1 ? '' : 's'} away from ${verb} ${noun}.`;
// If the rolling toast is still in the DOM, mutate its message
// text in place instead of stacking another notification. When
// it's been auto-removed (10s lifetime) we open a fresh one.
const msgEl = currentToast && currentToast.parentElement
? currentToast.querySelector('.notification-message')
: null;
if (msgEl) {
msgEl.innerHTML = msg;
} else {
currentToast = this._devToast(msg, 'info');
}
} else if (remaining === 0) { } else if (remaining === 0) {
count = 0; count = 0;
clearTimeout(resetTimer); clearTimeout(resetTimer);
currentToast = null;
this._setDevMode(!devOn); this._setDevMode(!devOn);
} }
}); });
@ -160,15 +176,18 @@ class TopbarComponent {
} }
// Toast helper — uses the project's notification system if loaded, else // Toast helper — uses the project's notification system if loaded, else
// a quiet console echo so dev-mode UX never blocks page render. // a quiet console echo so dev-mode UX never blocks page render. Returns
// the notification DOM element when the real system is available, so
// callers (the easter-egg countdown) can mutate the message in place
// instead of stacking new toasts on each click.
_devToast(message, kind = 'info') { _devToast(message, kind = 'info') {
if (window.notificationSystem?.show) { if (window.notificationSystem?.show) {
window.notificationSystem.show(message, kind); return window.notificationSystem.show(message, kind);
} else if (typeof window.showNotification === 'function') { } else if (typeof window.showNotification === 'function') {
window.showNotification(message, kind); return window.showNotification(message, kind);
} else {
console.log(`[dev-mode] ${message}`);
} }
console.log(`[dev-mode] ${message}`);
return null;
} }
// Flip CFG_DEV_MODE via the standard config-update task (same path the // Flip CFG_DEV_MODE via the standard config-update task (same path the