new translation system

1 files changed, 8 insertions, 8 deletions

diff --git a/client-web/source/resource/track.ts b/client-web/source/resource/track.ts
index e2af5e9..ac1e8a6 100644
--- a/client-web/source/resource/track.ts
+++ b/client-web/source/resource/track.ts
@@ -6,7 +6,7 @@
 /// <reference lib="dom" />
 import { ProvideInfo } from "../../../common/packets.d.ts";
 import { e } from "../helper.ts";
-import { PO } from "../locale/mod.ts";
+import { tr } from "../locale.ts";
 import { log } from "../logger.ts";
 import { on_pref_changed, PREFS } from "../preferences/mod.ts";
 import { get_rnnoise_node } from "../rnnoise.ts";
@@ -20,12 +20,12 @@ export const resource_track: ResourceHandlerDecl = {
         if (preview_enabled) user.send_to({ preview_request: { id: info.id } })
 
         let preview_request_timeout: number | undefined;
-        const enable_label = PO.enable(`"${info.label ?? info.kind}"`)
+        const enable_label = tr("res.enable", { name: `"${info.label ?? info.kind}"` })
         const enable_button = e("button", {
             class: "center",
             onclick: self => {
                 self.disabled = true;
-                self.textContent = PO.status_await_stream;
+                self.textContent = tr("status.await_stream");
                 enable()
             }
         }, enable_label)
@@ -71,7 +71,7 @@ export const resource_track: ResourceHandlerDecl = {
                         enable_button.textContent = enable_label;
                         self.remove()
                     }
-                }, PO.disable))
+                }, tr("res.disable")))
                 create_track_display(this.el, stream, false)
             },
         }
@@ -81,7 +81,7 @@ export const resource_track: ResourceHandlerDecl = {
 export function new_local_track(info: ProvideInfo, stream: MediaStream, ...extra_controls: HTMLElement[]): LocalResource {
     let destroy: () => void;
     const el = e("div", { class: `media-${stream.getVideoTracks().length > 0 ? "video" : "audio"}` },
-        e("button", { icon: "stop", class: ["abort", "topleft"], onclick: () => destroy() }, PO.stop_sharing),
+        e("button", { icon: "stop", class: ["abort", "topleft"], onclick: () => destroy() }, tr("res.stop_sharing")),
         ...extra_controls
     );
 
@@ -151,7 +151,7 @@ function create_track_display(target: HTMLElement, stream: MediaStream, local: b
     media_el.srcObject = stream
     media_el.autoplay = true
     media_el.controls = !is_video
-    media_el.ariaLabel = is_video ? PO.video_stream : PO.audio_stream
+    media_el.ariaLabel = is_video ? tr("res.video_stream") : tr("res.audio_stream")
     media_el.addEventListener("pause", () => media_el.play())
 
     if (local) media_el.muted = true
@@ -177,7 +177,7 @@ function create_track_display(target: HTMLElement, stream: MediaStream, local: b
                 else
                     media_el.requestFullscreen()
             }
-        }, PO.fullscreen)
+        }, tr("res.fullscreen"))
         target.prepend(fullscreen)
     }
 
@@ -263,7 +263,7 @@ export async function create_mic_res() {
     const mute = document.createElement("input")
     mute.type = "checkbox"
 
-    const mute_label = e("label", { class: "check-button" }, PO.mute)
+    const mute_label = e("label", { class: "check-button" }, tr("res.microphone.mute"))
     mute_label.prepend(mute)
 
     const res = new_local_track({ id: destination.stream.id, kind: "track", track_kind: "audio", label: "Microphone" }, destination.stream, mute_label)