- Do you want to sign in to {client.name} with your
- {$appConfigStore.appName} account?
+ {@html m.do_you_want_to_sign_in_to_client_with_your_app_name_account({
+ client: client.name,
+ appName: $appConfigStore.appName
+ })}
{:else if authorizationRequired}
- {client.name} wants to access the following information:
+ {@html m.client_wants_to_access_the_following_information({ client: client.name })}
diff --git a/frontend/src/routes/authorize/components/client-provider-images.svelte b/frontend/src/routes/authorize/components/client-provider-images.svelte
index 66e7d446..a7ed7a85 100644
--- a/frontend/src/routes/authorize/components/client-provider-images.svelte
+++ b/frontend/src/routes/authorize/components/client-provider-images.svelte
@@ -3,6 +3,7 @@
import CheckmarkAnimated from '$lib/icons/checkmark-animated.svelte';
import ConnectArrow from '$lib/icons/connect-arrow.svelte';
import CrossAnimated from '$lib/icons/cross-animated.svelte';
+ import { m } from '$lib/paraglide/messages';
import type { OidcClientMetaData } from '$lib/types/oidc.type';
const {
@@ -61,7 +62,7 @@
class="h-10 w-10"
src="/api/oidc/clients/{client.id}/logo"
draggable={false}
- alt="Client Logo"
+ alt={m.client_logo()}
/>
{:else}
diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte
index c1a9a085..24e9e515 100644
--- a/frontend/src/routes/login/+page.svelte
+++ b/frontend/src/routes/login/+page.svelte
@@ -9,6 +9,7 @@
import { startAuthentication } from '@simplewebauthn/browser';
import { fade } from 'svelte/transition';
import LoginLogoErrorSuccessIndicator from './components/login-logo-error-success-indicator.svelte';
+ import { m } from '$lib/paraglide/messages';
const webauthnService = new WebAuthnService();
let isLoading = $state(false);
@@ -32,7 +33,7 @@
- Sign In
+ {m.sign_in()}
@@ -40,18 +41,18 @@
- Sign in to {$appConfigStore.appName}
+ {m.sign_in_to_appname({ appName: $appConfigStore.appName})}
{#if error}
- {error}. Please try to sign in again.
+ {error}. {m.please_try_to_sign_in_again()}
{:else}
- Authenticate yourself with your passkey to access the admin panel.
+ {m.authenticate_yourself_with_your_passkey_to_access_the_admin_panel()}
{/if}
{error ? m.try_again() : m.authenticate()}
diff --git a/frontend/src/routes/login/alternative/+page.svelte b/frontend/src/routes/login/alternative/+page.svelte
index ad361286..e20e030d 100644
--- a/frontend/src/routes/login/alternative/+page.svelte
+++ b/frontend/src/routes/login/alternative/+page.svelte
@@ -4,14 +4,15 @@
import Logo from '$lib/components/logo.svelte';
import { Button } from '$lib/components/ui/button';
import * as Card from '$lib/components/ui/card';
+ import { m } from '$lib/paraglide/messages';
import appConfigStore from '$lib/stores/application-configuration-store';
import { LucideChevronRight, LucideMail, LucideRectangleEllipsis } from 'lucide-svelte';
const methods = [
{
icon: LucideRectangleEllipsis,
- title: 'Login Code',
- description: 'Enter a login code to sign in.',
+ title: m.login_code(),
+ description: m.enter_a_login_code_to_sign_in(),
href: '/login/alternative/code'
}
];
@@ -19,15 +20,15 @@
if ($appConfigStore.emailOneTimeAccessEnabled) {
methods.push({
icon: LucideMail,
- title: 'Email Login',
- description: 'Request a login code via email.',
+ title: m.email_login(),
+ description: m.request_a_login_code_via_email(),
href: '/login/alternative/email'
});
}
- Sign In
+ {m.sign_in()}
@@ -35,9 +36,9 @@
-
Alternative Sign In
+
{m.alternative_sign_in()}
- If you dont't have access to your passkey, you can sign in using one of the following methods.
+ {m.if_you_do_not_have_access_to_your_passkey_you_can_sign_in_using_one_of_the_following_methods()}
{#each methods as method}
@@ -59,7 +60,7 @@
Use your passkey instead?{m.use_your_passkey_instead()}
diff --git a/frontend/src/routes/login/alternative/code/+page.svelte b/frontend/src/routes/login/alternative/code/+page.svelte
index 24edfc09..3ed40306 100644
--- a/frontend/src/routes/login/alternative/code/+page.svelte
+++ b/frontend/src/routes/login/alternative/code/+page.svelte
@@ -9,6 +9,7 @@
import { onMount } from 'svelte';
import LoginLogoErrorSuccessIndicator from '../../components/login-logo-error-success-indicator.svelte';
import { page } from '$app/state';
+ import { m } from '$lib/paraglide/messages';
let { data } = $props();
let code = $state(data.code ?? '');
@@ -26,7 +27,7 @@
try {
goto(data.redirect);
} catch (e) {
- error = 'Invalid redirect URL';
+ error = m.invalid_redirect_url();
}
} catch (e) {
error = getAxiosErrorMessage(e);
@@ -43,20 +44,20 @@
- Login Code
+ {m.login_code()}
- An email has been sent to the provided email, if it exists in the system.
+ {m.an_email_has_been_sent_to_the_provided_email_if_it_exists_in_the_system()}
{m.go_back()}
-
+
{:else}
{/if}
diff --git a/frontend/src/routes/login/setup/+page.svelte b/frontend/src/routes/login/setup/+page.svelte
index 5617e7fc..749fe24f 100644
--- a/frontend/src/routes/login/setup/+page.svelte
+++ b/frontend/src/routes/login/setup/+page.svelte
@@ -2,6 +2,7 @@
import { goto } from '$app/navigation';
import SignInWrapper from '$lib/components/login-wrapper.svelte';
import { Button } from '$lib/components/ui/button';
+ import { m } from '$lib/paraglide/messages';
import UserService from '$lib/services/user-service';
import appConfigStore from '$lib/stores/application-configuration-store.js';
import userStore from '$lib/stores/user-store.js';
@@ -33,18 +34,16 @@
- You're about to sign in to the initial admin account. Anyone with this link can access the
- account until a passkey is added. Please set up a passkey as soon as possible to prevent
- unauthorized access.
+ {m.you_are_about_to_sign_in_to_the_initial_admin_account()}
-
+
{/if}
diff --git a/frontend/src/routes/logout/+page.svelte b/frontend/src/routes/logout/+page.svelte
index 8d2ba8b4..3b87328e 100644
--- a/frontend/src/routes/logout/+page.svelte
+++ b/frontend/src/routes/logout/+page.svelte
@@ -3,6 +3,7 @@
import SignInWrapper from '$lib/components/login-wrapper.svelte';
import Logo from '$lib/components/logo.svelte';
import { Button } from '$lib/components/ui/button';
+ import { m } from '$lib/paraglide/messages';
import WebAuthnService from '$lib/services/webauthn-service';
import userStore from '$lib/stores/user-store.js';
import { axiosErrorToast } from '$lib/utils/error-util.js';
@@ -22,7 +23,7 @@
- Logout
+ {m.logout()}
@@ -31,13 +32,13 @@
-
Sign out
+
{m.sign_out()}
- Do you want to sign out of Pocket ID with the account {$userStore?.username}?
+ {@html m.do_you_want_to_sign_out_of_pocketid_with_the_account({ username: $userStore?.username ?? '' })}
- Powered by Pocket ID toast.success('Account details updated successfully'))
+ .then(() => toast.success(m.account_details_updated_successfully()))
.catch((e) => {
axiosErrorToast(e);
success = false;
@@ -51,9 +53,7 @@
async function updateProfilePicture(image: File) {
await userService
.updateCurrentUsersProfilePicture(image)
- .then(() =>
- toast.success('Profile picture updated successfully. It may take a few minutes to update.')
- )
+ .then(() => toast.success(m.profile_picture_updated_successfully()))
.catch(axiosErrorToast);
}
@@ -72,24 +72,22 @@
- Account Settings
+ {m.account_settings()}
{#if passkeys.length == 0}
- Passkey missing
+ {m.passkey_missing()}Please add a passkey to prevent losing access to your account.{m.please_provide_a_passkey_to_prevent_losing_access_to_your_account()}
{:else if passkeys.length == 1}
- Single Passkey Configured
- It is recommended to add more than one passkey to avoid losing access to your account.
+ {m.single_passkey_configured()}
+ {m.it_is_recommended_to_add_more_than_one_passkey()}
{/if}
@@ -99,7 +97,7 @@
>
- Account Details
+ {m.account_details()}
@@ -122,12 +120,12 @@
- Passkeys
+ {m.passkeys()}
- Manage your passkeys that you can use to authenticate yourself.
+ {m.manage_your_passkeys_that_you_can_use_to_authenticate_yourself()}
-
+
{#if passkeys.length != 0}
@@ -141,12 +139,28 @@
- Login Code
+ {m.login_code()}
- Create a one-time login code to sign in from a different device without a passkey.
+ {m.create_a_one_time_login_code_to_sign_in_from_a_different_device_without_a_passkey()}