aboutsummaryrefslogtreecommitdiff
path: root/web/script/player/mod.ts
diff options
context:
space:
mode:
authormetamuffin <metamuffin@disroot.org>2024-01-15 18:32:31 +0100
committermetamuffin <metamuffin@disroot.org>2024-01-15 18:32:31 +0100
commit36022cedfb1f34f086f20f7846cb68e382f5a7ce (patch)
tree89030d61c93b6736a8bb3f93853c10bc487cb974 /web/script/player/mod.ts
parent31c3529ec2f8d934711d1ad2547e73c84a59878f (diff)
downloadjellything-36022cedfb1f34f086f20f7846cb68e382f5a7ce.tar
jellything-36022cedfb1f34f086f20f7846cb68e382f5a7ce.tar.bz2
jellything-36022cedfb1f34f086f20f7846cb68e382f5a7ce.tar.zst
track select ui in jsp-
Diffstat (limited to 'web/script/player/mod.ts')
-rw-r--r--web/script/player/mod.ts6
1 files changed, 5 insertions, 1 deletions
diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts
index 08193a7..fdb4e4a 100644
--- a/web/script/player/mod.ts
+++ b/web/script/player/mod.ts
@@ -60,8 +60,12 @@ function initialize_player(el: HTMLElement, node_id: string) {
.filter(({ track }) => get_track_kind(track.kind) == kind)
.map(({ track, index }): HTMLElement => {
const active = player.active_tracks.value.find(ts => ts.track_index == index) !== undefined
+ const onclick = (button: HTMLElement) => {
+ button.textContent = "…"
+ player.set_track_enabled(index, !active)
+ }
return e("div",
- e("span", { class: "jsp-track-stae" }, active ? "active" : ""), " ",
+ e("button", { class: "jsp-track-state", onclick }, active ? "-" : "+"), " ",
e("span", { class: "jsp-track-name" }, track.name), " ",
e("span", { class: "jsp-track-lang" }, track.language)
)