show name in log

2 files changed, 8 insertions, 4 deletions

diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts
index 995bd4c..a53789f 100644
--- a/web/script/player/mod.ts
+++ b/web/script/player/mod.ts
@@ -101,8 +101,8 @@ function initialize_player(el: HTMLElement, node_id: string) {
                             }
                             return e("li", { class: 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)
+                                e("span", { class: "jsp-track-name" }, `"${track.name}"`), " ",
+                                e("span", { class: "jsp-track-lang" }, `(${track.language})`)
                             )
                         })
                     ))
diff --git a/web/script/player/player.ts b/web/script/player/player.ts
index 4f322a9..9cedaf5 100644
--- a/web/script/player/player.ts
+++ b/web/script/player/player.ts
@@ -137,11 +137,11 @@ export class Player {
         console.log(`(${index}) set enabled ${state}`);
         const active_index = this.active_tracks.value.findIndex(t => t.track_index == index)
         if (!state && active_index != -1) {
-            this.logger?.log(`Disabled track ${index}.`)
+            this.logger?.log(`Disabled track ${index}: ${display_track(this.tracks![index])}`)
             const [track] = this.active_tracks.value.splice(active_index, 1)
             track.abort.abort()
         } else if (state && active_index == -1) {
-            this.logger?.log(`Enabled track ${index}.`)
+            this.logger?.log(`Enabled track ${index}: ${display_track(this.tracks![index])}`)
             this.active_tracks.value.push((await create_track(this, this.node_id, index, this.tracks![index]))!)
             if (update) await this.update()
         }
@@ -178,3 +178,7 @@ function get_query_start_time() {
     if (Number.isNaN(x)) return
     return x
 }
+
+function display_track(t: SourceTrack): string {
+    return `"${t.name}" (${t.language})`
+}