- {m.sign_in_to({name: client.name})}
+
+ {m.sign_in_to({ name: client.name })}
+
{#if errorMessage}
{errorMessage}.
@@ -110,7 +112,11 @@
{#if scope!.includes('email')}
-
+
{/if}
{#if scope!.includes('profile')}
{/if}
-
+
{#if !errorMessage}
{:else}
diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte
index 24e9e515..b1cce6e1 100644
--- a/frontend/src/routes/login/+page.svelte
+++ b/frontend/src/routes/login/+page.svelte
@@ -36,12 +36,12 @@
{m.sign_in()}
-
+
- {m.sign_in_to_appname({ appName: $appConfigStore.appName})}
+ {m.sign_in_to_appname({ appName: $appConfigStore.appName })}
{#if error}
diff --git a/frontend/src/routes/logout/+page.svelte b/frontend/src/routes/logout/+page.svelte
index 3b87328e..4d5828b2 100644
--- a/frontend/src/routes/logout/+page.svelte
+++ b/frontend/src/routes/logout/+page.svelte
@@ -26,7 +26,7 @@
{m.logout()}
-
+
@@ -35,7 +35,9 @@
{m.sign_out()}
- {@html m.do_you_want_to_sign_out_of_pocketid_with_the_account({ username: $userStore?.username ?? '' })}
+ {@html m.do_you_want_to_sign_out_of_pocketid_with_the_account({
+ username: $userStore?.username ?? ''
+ })}
diff --git a/frontend/src/routes/settings/+layout.svelte b/frontend/src/routes/settings/+layout.svelte
index adafd04b..a6784d2b 100644
--- a/frontend/src/routes/settings/+layout.svelte
+++ b/frontend/src/routes/settings/+layout.svelte
@@ -1,10 +1,12 @@
-
-
{m.settings()}
+
+
+
+
+ {m.settings()}
+
+
+
-
-
- {@render children()}
+
+
+ {@render children()}
+
-
+
- {m.powered_by()} Pocket ID
diff --git a/frontend/src/routes/settings/account/+page.svelte b/frontend/src/routes/settings/account/+page.svelte
index 76d661e8..a330df35 100644
--- a/frontend/src/routes/settings/account/+page.svelte
+++ b/frontend/src/routes/settings/account/+page.svelte
@@ -10,9 +10,14 @@
import type { UserCreate } from '$lib/types/user.type';
import { axiosErrorToast, getWebauthnErrorMessage } from '$lib/utils/error-util';
import { startRegistration } from '@simplewebauthn/browser';
- import { LucideAlertTriangle } from 'lucide-svelte';
+ import {
+ KeyRound,
+ Languages,
+ LucideAlertTriangle,
+ RectangleEllipsis,
+ UserCog
+ } from 'lucide-svelte';
import { toast } from 'svelte-sonner';
- import ProfilePictureSettings from '../../../lib/components/form/profile-picture-settings.svelte';
import AccountForm from './account-form.svelte';
import LocalePicker from './locale-picker.svelte';
import LoginCodeModal from './login-code-modal.svelte';
@@ -28,15 +33,6 @@
const userService = new UserService();
const webauthnService = new WebAuthnService();
- async function resetProfilePicture() {
- await userService
- .resetCurrentUserProfilePicture()
- .then(() =>
- toast.success('Profile picture has been reset. It may take a few minutes to update.')
- )
- .catch(axiosErrorToast);
- }
-
async function updateAccount(user: UserCreate) {
let success = true;
await userService
@@ -50,13 +46,6 @@
return success;
}
- async function updateProfilePicture(image: File) {
- await userService
- .updateCurrentUsersProfilePicture(image)
- .then(() => toast.success(m.profile_picture_updated_successfully()))
- .catch(axiosErrorToast);
- }
-
async function createPasskey() {
try {
const opts = await webauthnService.getRegistrationOptions();
@@ -76,94 +65,119 @@
{#if passkeys.length == 0}
-
+
- {m.passkey_missing()}
- {m.please_provide_a_passkey_to_prevent_losing_access_to_your_account()}
+
+
{m.passkey_missing()}
+
+ {m.please_provide_a_passkey_to_prevent_losing_access_to_your_account()}
+
+
+
{m.single_passkey_configured()}
+
+ {m.it_is_recommended_to_add_more_than_one_passkey()}
+
+
-
-
{m.passkeys()}
-
- {m.manage_your_passkeys_that_you_can_use_to_authenticate_yourself()}
-
+
+
+
+
+
+
+
+
+ {m.passkeys()}
+
+
+ {m.manage_your_passkeys_that_you_can_use_to_authenticate_yourself()}
+
+
+
-
- {#if passkeys.length != 0}
-
-
-
- {/if}
-
+
+ {#if passkeys.length != 0}
+
+
+
+ {/if}
+
+
-
-
-
-
-
{m.login_code()}
-
- {m.create_a_one_time_login_code_to_sign_in_from_a_different_device_without_a_passkey()}
-
+
+
+
+
+
+
+
+
+ {m.login_code()}
+
+
+ {m.create_a_one_time_login_code_to_sign_in_from_a_different_device_without_a_passkey()}
+
+
+
-
-
+
+
+
-
-
-
-
-
{m.language()}
-
- {m.select_the_language_you_want_to_use()}
-
+
+
+
+
+
+
+
+
+ {m.language()}
+
+
+
+ {m.select_the_language_you_want_to_use()}
+
+
+
-
-
+
+
+