fix(sessions): wire extend and revoke onclick handlers in table and mobile deck fragments

This commit is contained in:
Tyler Gillispie 2026-08-27 22:28:57 -07:00
parent b38f122df4
commit fc86565597
3 changed files with 17 additions and 6 deletions

View File

@ -3,14 +3,26 @@ function showNotice(msg, isError) {
if (!banner) return; if (!banner) return;
banner.textContent = msg; banner.textContent = msg;
banner.style.display = "block"; banner.style.display = "block";
banner.style.position = "fixed";
banner.style.top = "1.25rem";
banner.style.right = "1.25rem";
banner.style.zIndex = "99999";
banner.style.minWidth = "280px";
banner.style.maxWidth = "480px";
banner.style.padding = "0.85rem 1.25rem";
banner.style.borderRadius = "var(--radius-md)";
banner.style.boxShadow = "0 10px 25px -5px rgba(0, 0, 0, 0.35)";
banner.style.fontSize = "0.9rem";
banner.style.fontWeight = "600";
banner.style.background = isError ? "var(--danger-bg)" : "var(--success-bg)"; banner.style.background = isError ? "var(--danger-bg)" : "var(--success-bg)";
banner.style.color = isError ? "var(--danger-text)" : "var(--success-text)"; banner.style.color = isError ? "var(--danger-text)" : "var(--success-text)";
banner.style.border = isError banner.style.border = isError
? "1px solid var(--danger-border)" ? "1px solid var(--danger-border)"
: "1px solid var(--success-border)"; : "1px solid var(--success-border)";
setTimeout(() => { if (banner._timeout) clearTimeout(banner._timeout);
banner._timeout = setTimeout(() => {
banner.style.display = "none"; banner.style.display = "none";
}, 5000); }, 4000);
} }
globalThis.showNotice = showNotice; globalThis.showNotice = showNotice;

View File

@ -54,7 +54,6 @@ export const SessionDeckFragment = ({
<button <button
type="button" type="button"
class="btn-danger revoke-btn" class="btn-danger revoke-btn"
data-on-click={`@delete("/api/sessions/${session.id}")`}
data-session-id={session.id} data-session-id={session.id}
style="padding: 0.15rem 0.5rem; font-size: 0.75rem; min-height: 24px; border-radius: var(--radius-sm);" style="padding: 0.15rem 0.5rem; font-size: 0.75rem; min-height: 24px; border-radius: var(--radius-sm);"
> >
@ -99,7 +98,7 @@ export const SessionDeckFragment = ({
type="button" type="button"
class="btn-outline" class="btn-outline"
style="flex: 1; justify-content: center; min-height: 38px; font-size: 0.8rem;" style="flex: 1; justify-content: center; min-height: 38px; font-size: 0.8rem;"
data-on-click={`@post("/api/sessions/${session.id}/extend")`} onclick={`extendSession('${session.id}', 1)`}
> >
+1h Extend +1h Extend
</button> </button>

View File

@ -113,7 +113,7 @@ export const SessionTableFragment = ({
type="button" type="button"
class="btn-outline" class="btn-outline"
style="padding: 0.25rem 0.5rem; font-size: 0.75rem; min-height: 30px;" style="padding: 0.25rem 0.5rem; font-size: 0.75rem; min-height: 30px;"
data-on-click={`@post("/api/sessions/${session.id}/extend")`} onclick={`extendSession('${session.id}', 1)`}
title="Extend session by 1 hour" title="Extend session by 1 hour"
> >
+1h +1h
@ -135,7 +135,7 @@ export const SessionTableFragment = ({
<button <button
type="button" type="button"
class="btn-danger revoke-btn" class="btn-danger revoke-btn"
data-on-click={`@delete("/api/sessions/${session.id}")`} data-session-id={session.id}
style="padding: 0.25rem 0.65rem; font-size: 0.8rem; min-height: 30px;" style="padding: 0.25rem 0.65rem; font-size: 0.8rem; min-height: 30px;"
> >
Revoke Revoke