localization

2 files changed, 18 insertions, 16 deletions

diff --git a/client-web/source/resource/file.ts b/client-web/source/resource/file.ts
index ad09ad2..0554e2f 100644
--- a/client-web/source/resource/file.ts
+++ b/client-web/source/resource/file.ts
@@ -10,6 +10,7 @@ import { log } from "../logger.ts";
 import { StreamDownload } from "../download_stream.ts";
 import { RemoteUser } from "../user/remote.ts";
 import { LocalResource, ResourceHandlerDecl } from "./mod.ts";
+import { PO } from "../locale/mod.ts";
 
 const MAX_CHUNK_SIZE = 1 << 15;
 
@@ -19,14 +20,14 @@ export const resource_file: ResourceHandlerDecl = {
         const download_button = e("button", {
             onclick: self => {
                 enable()
-                self.textContent = "Downloading…"
+                self.textContent = PO.downloading
                 self.disabled = true
             }
-        }, "Download")
+        }, PO.download)
         return {
             info,
             el: e("div", {},
-                e("span", {}, `File: ${JSON.stringify(info.label)} (${display_filesize(info.size!)})`),
+                e("span", {}, `${PO.file}: ${JSON.stringify(info.label)} (${display_filesize(info.size!)})`),
                 download_button,
             ),
             on_statechange(_s) { },
@@ -37,7 +38,7 @@ export const resource_file: ResourceHandlerDecl = {
                 this.el.appendChild(display.el)
                 const reset = () => {
                     download_button.disabled = false
-                    download_button.textContent = "Download again"
+                    download_button.textContent = PO.download_again
                     this.el.removeChild(display.el)
                     disable()
                 }
@@ -123,7 +124,7 @@ function file_res_inner(file: File): LocalResource {
             transfers_abort.forEach(abort => abort())
         },
         el: e("div", { class: "file" },
-            e("button", { class: "abort", onclick(_) { destroy() } }, "Stop sharing"),
+            e("button", { class: "abort", onclick(_) { destroy() } }, PO.stop_sharing),
             e("span", {}, `Sharing file: ${JSON.stringify(file.name)}`),
             transfers_el
         ),
@@ -136,16 +137,16 @@ function file_res_inner(file: File): LocalResource {
             log("dc", `${user.display_name} started transfer`);
             const display = transfer_status_el(user)
             transfers_el.appendChild(display.el)
-            display.status = "Waiting for data channel to open…"
+            display.status = PO.status_await_channel_open
             let position = 0
 
             const finish = async () => {
                 channel.send("end")
                 while (channel.bufferedAmount) {
-                    display.status = `Draining buffers… (buffer: ${channel.bufferedAmount})`
+                    display.status = PO.status_drain_buffer(channel.bufferedAmount)
                     await sleep(10)
                 }
-                display.status = "Waiting for the channel to close…"
+                display.status = PO.status_await_channel_close
             }
             const feed = async () => {
                 const { value: chunk, done }: { value?: Uint8Array, done: boolean } = await reader.read()
@@ -170,7 +171,7 @@ function file_res_inner(file: File): LocalResource {
             const abort_cb = () => { channel.close(); }
             channel.onbufferedamountlow = () => feed_until_full()
             channel.onopen = _ev => {
-                display.status = "Buffering…"
+                display.status = PO.status_buffering
                 log("dc", `${user.display_name}: channel open`);
                 feed_until_full()
             }
@@ -178,7 +179,7 @@ function file_res_inner(file: File): LocalResource {
                 log("dc", `${user.display_name}: channel error`);
             }
             channel.onclosing = _ev => {
-                display.status = "Channel closing…"
+                display.status = PO.status_closing
             }
             channel.onclose = _ev => {
                 log("dc", `${user.display_name}: channel closed`);
diff --git a/client-web/source/resource/track.ts b/client-web/source/resource/track.ts
index 9ba650a..5db07dc 100644
--- a/client-web/source/resource/track.ts
+++ b/client-web/source/resource/track.ts
@@ -6,6 +6,7 @@
 /// <reference lib="dom" />
 import { ProvideInfo } from "../../../common/packets.d.ts";
 import { e } from "../helper.ts";
+import { PO } from "../locale/mod.ts";
 import { log } from "../logger.ts";
 import { on_pref_changed, PREFS } from "../preferences/mod.ts";
 import { get_rnnoise_node } from "../rnnoise.ts";
@@ -15,14 +16,14 @@ import { LocalResource, ResourceHandlerDecl } from "./mod.ts";
 export const resource_track: ResourceHandlerDecl = {
     kind: "track",
     new_remote: (info, _user, enable) => {
-        let enable_label = `Enable ${info.track_kind}`
+        let enable_label = PO.enable
         if (info.label) enable_label += ` "${info.label}"`
 
         const enable_button = e("button", {
             class: "center",
             onclick: self => {
                 self.disabled = true;
-                self.textContent = "Awaiting track…";
+                self.textContent = PO.status_await_track;
                 enable()
             }
         }, enable_label)
@@ -43,7 +44,7 @@ export const resource_track: ResourceHandlerDecl = {
                         enable_button.textContent = enable_label;
                         self.remove()
                     }
-                }, "Disable"))
+                }, PO.disable))
                 create_track_display(this.el, track)
             }
         }
@@ -57,7 +58,7 @@ export function new_local_track(info: ProvideInfo, track: TrackHandle, ...extra_
         info,
         el: create_track_display(
             e("div", { class: `media-${track.kind}` },
-                e("button", { class: ["abort", "topright"], onclick: () => destroy() }, "Stop sharing"),
+                e("button", { class: ["abort", "topright"], onclick: () => destroy() }, PO.stop_sharing),
                 ...extra_controls
             ),
             track
@@ -81,7 +82,7 @@ function create_track_display(target: HTMLElement, track: TrackHandle): HTMLElem
     media_el.srcObject = stream
     media_el.autoplay = true
     media_el.controls = true
-    media_el.ariaLabel = `${track.kind} stream`
+    media_el.ariaLabel = is_video ? PO.video_stream : PO.audio_stream
     media_el.addEventListener("pause", () => media_el.play())
 
     if (track.local) media_el.muted = true
@@ -181,7 +182,7 @@ export async function create_mic_res() {
     const mute = document.createElement("input")
     mute.type = "checkbox"
 
-    const mute_label = e("label", { class: "check-button" }, "Mute")
+    const mute_label = e("label", { class: "check-button" }, PO.mute)
     mute_label.prepend(mute)
 
     const res = new_local_track({ id: t.id, kind: "track", track_kind: "audio", label: "Microphone" }, t, mute_label)