diff options
Diffstat (limited to 'web/script')
| -rw-r--r-- | web/script/main.ts | 1 | ||||
| -rw-r--r-- | web/script/transition.ts (renamed from web/script/transition.js) | 10 |
2 files changed, 6 insertions, 5 deletions
diff --git a/web/script/main.ts b/web/script/main.ts index b59f7af..e2a5045 100644 --- a/web/script/main.ts +++ b/web/script/main.ts @@ -4,3 +4,4 @@ Copyright (C) 2023 metamuffin <metamuffin.org> */ import "./player/mod.ts" +import "./transition.ts" diff --git a/web/script/transition.js b/web/script/transition.ts index 7d39176..aa172f7 100644 --- a/web/script/transition.js +++ b/web/script/transition.ts @@ -24,13 +24,13 @@ function patch_page() { }) } -async function transition_to(href, back) { +async function transition_to(href: string, back?: boolean) { const trigger_load = prepare_load(href, back) await fade(false) trigger_load() } -function prepare_load(href, back) { +function prepare_load(href: string, back?: boolean) { const r_promise = fetch(href) return async () => { let rt = "" @@ -52,7 +52,7 @@ function prepare_load(href, back) { } } -function fade(dir) { +function fade(dir: boolean) { const overlay = document.createElement("div") overlay.style.position = "absolute" overlay.style.left = "0px" @@ -61,12 +61,12 @@ function fade(dir) { overlay.style.height = "100vh" overlay.style.backgroundColor = dir ? "black" : "transparent" overlay.style.transition = `background-color ${duration}s` - overlay.style.zIndex = 99999; + overlay.style.zIndex = "99999"; setTimeout(() => { overlay.style.backgroundColor = dir ? "transparent" : "black" }, 0) document.body.appendChild(overlay) - return new Promise(res => { + return new Promise<void>(res => { setTimeout(() => { if (dir) document.body.removeChild(overlay) res() |