` : ''}
@@ -81,22 +82,29 @@ function getActionIcon(action) {
return '📄';
}
+// Action verbs are user-visible; translate them through t() so they switch
+// languages with the rest of the UI. The mapping below preserves the original
+// verb-then-noun structure of the English version.
function formatAction(action) {
- return action
- .replace('POST /api/', 'created ')
- .replace('PUT /api/', 'updated ')
- .replace('DELETE /api/', 'deleted ')
- .replace('/provision/pair', 'paired a device')
- .replace('/content/remote', 'added remote content')
- .replace('/content', 'content')
- .replace('/devices/:id', 'device')
- .replace('/assignments/device/:deviceId', 'playlist assignment')
- .replace('/assignments/:id', 'assignment')
- .replace('/layouts', 'layout')
- .replace('/widgets', 'widget')
- .replace('/schedules', 'schedule')
- .replace('/walls', 'video wall')
- .replace('alert:device_offline', 'alert: device went offline');
+ // Verbs
+ let s = action
+ .replace('POST /api/', t('activity.verb_created') + ' ')
+ .replace('PUT /api/', t('activity.verb_updated') + ' ')
+ .replace('DELETE /api/', t('activity.verb_deleted') + ' ');
+ // Specific endpoints
+ s = s
+ .replace('/provision/pair', t('activity.action_paired_device'))
+ .replace('/content/remote', t('activity.action_added_remote_content'))
+ .replace('/content', t('activity.noun_content'))
+ .replace('/devices/:id', t('activity.noun_device'))
+ .replace('/assignments/device/:deviceId', t('activity.noun_playlist_assignment'))
+ .replace('/assignments/:id', t('activity.noun_assignment'))
+ .replace('/layouts', t('activity.noun_layout'))
+ .replace('/widgets', t('activity.noun_widget'))
+ .replace('/schedules', t('activity.noun_schedule'))
+ .replace('/walls', t('activity.noun_video_wall'))
+ .replace('alert:device_offline', t('activity.alert_device_offline'));
+ return s;
}
export function cleanup() {}
diff --git a/frontend/js/views/help.js b/frontend/js/views/help.js
index b76c57c..83a52f5 100644
--- a/frontend/js/views/help.js
+++ b/frontend/js/views/help.js
@@ -1,7 +1,13 @@
+import { t } from '../i18n.js';
+
+// Help guides + FAQ are documentation. Page chrome is translated; the body
+// content is intentionally left in English because partial machine
+// translation of multi-paragraph docs reads worse than a single source of
+// truth. A native-language docs site is the right long-term answer.
export function render(container) {
container.innerHTML = `
-
Help Center
Quick guides and FAQ
+
${t('help.title')}
${t('help.subtitle')}
@@ -25,7 +31,7 @@ export function render(container) {
-
Frequently Asked Questions
+
${t('help.faq')}
${[
{ q: 'What devices are supported?', a: 'Android TV/tablets (APK), Raspberry Pi, Windows, ChromeOS, LG webOS, Samsung Tizen, Fire TV, and any device with a web browser.' },
{ q: 'How does the free trial work?', a: 'New accounts get a 14-day free trial of the Pro plan (15 devices, all features). After 14 days, you\'re moved to the Free plan (1 device) unless you upgrade.' },
@@ -46,10 +52,10 @@ export function render(container) {
-
Keyboard Shortcuts
+
${t('help.shortcuts')}
- EscReset web player (on player page)
- FToggle fullscreen (web player)
+ Esc${t('help.shortcut_esc')}
+ F${t('help.shortcut_f')}
`;
diff --git a/frontend/js/views/teams.js b/frontend/js/views/teams.js
index 215f02b..5240ac1 100644
--- a/frontend/js/views/teams.js
+++ b/frontend/js/views/teams.js
@@ -1,5 +1,6 @@
import { api } from '../api.js';
import { showToast } from '../components/toast.js';
+import { t, tn } from '../i18n.js';
const API = (url, opts = {}) => fetch('/api' + url, { headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${localStorage.getItem('token')}`, ...opts.headers }, ...opts }).then(r => r.json());
@@ -15,17 +16,17 @@ export async function render(container) {
async function renderList(container) {
container.innerHTML = `
-
Teams ?
Manage teams and shared access
+
${t('team.title')} ?
${t('team.subtitle')}
`;
document.getElementById('newTeamBtn').onclick = async () => {
- const name = prompt('Team name:');
+ const name = prompt(t('team.prompt_name'));
if (!name) return;
const team = await API('/teams', { method: 'POST', body: JSON.stringify({ name }) });
window.location.hash = `#/team/${team.id}`;
@@ -36,19 +37,19 @@ async function renderList(container) {
const list = document.getElementById('teamsList');
if (!teams.length) {
- list.innerHTML = '
No teams yet
Create a team to share devices with other users.
';
+ list.innerHTML = `
${t('team.empty_title')}
${t('team.empty_desc')}
`;
return;
}
list.innerHTML = `
- ${teams.map(t => `
-
+ ${teams.map(team => `
+
-
${t.name[0].toUpperCase()}
+
${team.name[0].toUpperCase()}
-
${t.name}
-
Your role: ${t.my_role} · ${t.member_count} member(s)