break player

1 files changed, 10 insertions, 5 deletions

diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts
index 7a4b0ba..08193a7 100644
--- a/web/script/player/mod.ts
+++ b/web/script/player/mod.ts
@@ -56,11 +56,16 @@ function initialize_player(el: HTMLElement, node_id: string) {
         new Popup(button, popups, () =>
             e("div", { class: "jsp-track-select-popup" },
                 ...(player.tracks ?? [])
-                    .filter(t => get_track_kind(t.kind) == kind)
-                    .map(t => e("div",
-                        e("span", { class: "jsp-track-name" }, t.name), " ",
-                        e("span", { class: "jsp-track-lang" }, t.language)
-                    ))
+                    .map((track, index) => ({ index, track }))
+                    .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
+                        return e("div",
+                            e("span", { class: "jsp-track-stae" }, active ? "active" : ""), " ",
+                            e("span", { class: "jsp-track-name" }, track.name), " ",
+                            e("span", { class: "jsp-track-lang" }, track.language)
+                        )
+                    })
             )
         )
         return button