diff --git a/ui/localization/messages/en.json b/ui/localization/messages/en.json index 61dbc1ef..94c50ad1 100644 --- a/ui/localization/messages/en.json +++ b/ui/localization/messages/en.json @@ -544,6 +544,52 @@ "local_auth_update_current_password_label": "Current Password", "local_auth_update_description": "Enter your current password and a new password to update your local device protection.", "local_auth_update_new_password_label": "New Password", + "local_auth_update_password_button": "Update Password", "local_auth_update_title": "Change Local Device Password", - "local_auth_update_password_button": "Update Password" + + "advanced_description": "Access additional settings for troubleshooting and customization", + "advanced_dev_channel_description": "Receive early updates from the development channel", + "advanced_dev_channel_title": "Dev Channel Updates", + "advanced_developer_mode_description": "Enable advanced features for developers", + "advanced_developer_mode_enabled_title": "Developer Mode Enabled", + "advanced_developer_mode_title": "Developer Mode", + "advanced_developer_mode_warning_advanced": "For advanced users only. Not for production use.", + "advanced_developer_mode_warning_risks": "Only use if you understand the risks", + "advanced_developer_mode_warning_security": "Security is weakened while active", + "advanced_disable_usb_emulation": "Disable USB Emulation", + "advanced_enable_usb_emulation": "Enable USB Emulation", + "advanced_error_loopback_disable": "Failed to disable loopback-only mode: {error}", + "advanced_error_loopback_enable": "Failed to enable loopback-only mode: {error}", + "advanced_error_reset_config": "Failed to reset configuration: {error}", + "advanced_error_set_dev_channel": "Failed to set dev channel state: {error}", + "advanced_error_set_dev_mode": "Failed to set dev mode: {error}", + "advanced_error_update_ssh_key": "Failed to update SSH key: {error}", + "advanced_error_usb_emulation_disable": "Failed to disable USB emulation: {error}", + "advanced_error_usb_emulation_enable": "Failed to enable USB emulation: {error}", + "advanced_loopback_only_description": "Restrict web interface access to localhost only (127.0.0.1)", + "advanced_loopback_only_title": "Loopback-Only Mode", + "advanced_loopback_warning_before": "Before enabling this feature, make sure you have either:", + "advanced_loopback_warning_cloud": "Cloud access enabled and working", + "advanced_loopback_warning_confirm": "I Understand, Enable Anyway", + "advanced_loopback_warning_description": "WARNING: This will restrict web interface access to localhost (127.0.0.1) only.", + "advanced_loopback_warning_ssh": "SSH access configured and tested", + "advanced_loopback_warning_title": "Enable Loopback-Only Mode?", + "advanced_reset_config_button": "Reset Config", + "advanced_reset_config_description": "Reset configuration to default. This will log you out.", + "advanced_reset_config_title": "Reset Configuration", + "advanced_ssh_access_description": "Add your SSH public key to enable secure remote access to the device", + "advanced_ssh_access_title": "SSH Access", + "advanced_ssh_default_user": "The default SSH user is", + "advanced_ssh_public_key_label": "SSH Public Key", + "advanced_ssh_public_key_placeholder": "Enter your SSH public key", + "advanced_success_loopback_disabled": "Loopback-only mode disabled. Restart your device to apply.", + "advanced_success_loopback_enabled": "Loopback-only mode enabled. Restart your device to apply.", + "advanced_success_reset_config": "Configuration reset to default successfully", + "advanced_success_update_ssh_key": "SSH key updated successfully", + "advanced_title": "Advanced", + "advanced_troubleshooting_mode_description": "Diagnostic tools and additional controls for troubleshooting and development purposes", + "advanced_troubleshooting_mode_title": "Troubleshooting Mode", + "advanced_update_ssh_key_button": "Update SSH Key", + "advanced_usb_emulation_description": "Control the USB emulation state", + "advanced_usb_emulation_title": "USB Emulation" } \ No newline at end of file diff --git a/ui/src/routes/devices.$id.settings.advanced.tsx b/ui/src/routes/devices.$id.settings.advanced.tsx index 722e31bf..66954519 100644 --- a/ui/src/routes/devices.$id.settings.advanced.tsx +++ b/ui/src/routes/devices.$id.settings.advanced.tsx @@ -1,17 +1,17 @@ import { useCallback, useEffect, useState } from "react"; +import { useSettingsStore } from "@hooks/stores"; +import { JsonRpcResponse, useJsonRpc } from "@hooks/useJsonRpc"; +import { Button } from "@components/Button"; +import Checkbox from "@components/Checkbox"; +import { ConfirmDialog } from "@components/ConfirmDialog"; import { GridCard } from "@components/Card"; import { SettingsItem } from "@components/SettingsItem"; - -import { Button } from "../components/Button"; -import Checkbox from "../components/Checkbox"; -import { ConfirmDialog } from "../components/ConfirmDialog"; -import { SettingsPageHeader } from "../components/SettingsPageheader"; -import { TextAreaWithLabel } from "../components/TextArea"; -import { useSettingsStore } from "../hooks/stores"; -import { JsonRpcResponse, useJsonRpc } from "../hooks/useJsonRpc"; -import { isOnDevice } from "../main"; -import notifications from "../notifications"; +import { SettingsPageHeader } from "@components/SettingsPageheader"; +import { TextAreaWithLabel } from "@components/TextArea"; +import { isOnDevice } from "@/main"; +import notifications from "@/notifications"; +import { m } from "@localizations/messages.js"; export default function SettingsAdvancedRoute() { const { send } = useJsonRpc(); @@ -65,7 +65,9 @@ export default function SettingsAdvancedRoute() { send("setUsbEmulationState", { enabled: enabled }, (resp: JsonRpcResponse) => { if ("error" in resp) { notifications.error( - `Failed to ${enabled ? "enable" : "disable"} USB emulation: ${resp.error.data || "Unknown error"}`, + enabled + ? m.advanced_error_usb_emulation_enable({error: resp.error.data || m.unknown_error()}) + : m.advanced_error_usb_emulation_disable({error: resp.error.data || m.unknown_error()}) ); return; } @@ -80,11 +82,11 @@ export default function SettingsAdvancedRoute() { send("resetConfig", {}, (resp: JsonRpcResponse) => { if ("error" in resp) { notifications.error( - `Failed to reset configuration: ${resp.error.data || "Unknown error"}`, + m.advanced_error_reset_config({error: resp.error.data || m.unknown_error()}) ); return; } - notifications.success("Configuration reset to default successfully"); + notifications.success(m.advanced_success_reset_config()); }); }, [send]); @@ -92,11 +94,11 @@ export default function SettingsAdvancedRoute() { send("setSSHKeyState", { sshKey }, (resp: JsonRpcResponse) => { if ("error" in resp) { notifications.error( - `Failed to update SSH key: ${resp.error.data || "Unknown error"}`, + m.advanced_error_update_ssh_key({error: resp.error.data || m.unknown_error()}) ); return; } - notifications.success("SSH key updated successfully"); + notifications.success(m.advanced_success_update_ssh_key()); }); }, [send, sshKey]); @@ -105,7 +107,7 @@ export default function SettingsAdvancedRoute() { send("setDevModeState", { enabled: developerMode }, (resp: JsonRpcResponse) => { if ("error" in resp) { notifications.error( - `Failed to set dev mode: ${resp.error.data || "Unknown error"}`, + m.advanced_error_set_dev_mode({error: resp.error.data || m.unknown_error()}) ); return; } @@ -120,7 +122,7 @@ export default function SettingsAdvancedRoute() { send("setDevChannelState", { enabled }, (resp: JsonRpcResponse) => { if ("error" in resp) { notifications.error( - `Failed to set dev channel state: ${resp.error.data || "Unknown error"}`, + m.advanced_error_set_dev_channel({error: resp.error.data || m.unknown_error()}) ); return; } @@ -135,19 +137,17 @@ export default function SettingsAdvancedRoute() { send("setLocalLoopbackOnly", { enabled }, (resp: JsonRpcResponse) => { if ("error" in resp) { notifications.error( - `Failed to ${enabled ? "enable" : "disable"} loopback-only mode: ${resp.error.data || "Unknown error"}`, + enabled + ? m.advanced_error_loopback_enable({error: resp.error.data || m.unknown_error()}) + : m.advanced_error_loopback_disable({error: resp.error.data || m.unknown_error()}) ); return; } setLocalLoopbackOnly(enabled); if (enabled) { - notifications.success( - "Loopback-only mode enabled. Restart your device to apply.", - ); + notifications.success(m.advanced_success_loopback_enabled()); } else { - notifications.success( - "Loopback-only mode disabled. Restart your device to apply.", - ); + notifications.success(m.advanced_success_loopback_disabled()); } }); }, @@ -175,14 +175,14 @@ export default function SettingsAdvancedRoute() { return (

- Developer Mode Enabled + {m.advanced_developer_mode_enabled_title()}

    -
  • Security is weakened while active
    • -
  • Only use if you understand the risks
    • +
  • {m.advanced_developer_mode_warning_security()}
    • +
  • {m.advanced_developer_mode_warning_risks()}
-
- For advanced users only. Not for production use. + {m.advanced_developer_mode_warning_advanced()}
@@ -238,8 +237,8 @@ export default function SettingsAdvancedRoute() { )}
setSSHKey(e.target.value)} - placeholder="Enter your SSH public key" + placeholder={m.advanced_ssh_public_key_placeholder()} />

- The default SSH user is root. + {m.advanced_ssh_default_user()}root.

@@ -277,8 +276,8 @@ export default function SettingsAdvancedRoute() { )}