fix(sessions): wire extend and revoke onclick handlers in table and mobile deck fragments
This commit is contained in:
parent
b38f122df4
commit
fc86565597
@ -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;
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user