helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-10-17 18:19:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web) add user setting page (#1115)

Browse source 
* refactoring

* refactor

* fix naming

* Added animation

* add user setting page

* Add skeleton for user setting page

* styling

* styling

* Spelling
This commit is contained in:
Alex 2022-12-17 16:08:18 -06:00 • committed by GitHub
parent efa1781eb6
commit e116f17c43
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 190 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

27
web/src/lib/components/user-settings-page/user-settings-list.svelte Normal file
View file

@ -0,0 +1,27 @@
<script lang="ts">
import { UserResponseDto } from '@api';
import SettingAccordion from '../admin-page/settings/setting-accordion.svelte';
import SettingInputField, {
SettingInputFieldType
} from '../admin-page/settings/setting-input-field.svelte';
export let user: UserResponseDto;
</script>
<SettingAccordion title="User profile" subtitle="Manage the user information">
<section class="my-4">
<SettingInputField
inputType={SettingInputFieldType.TEXT}
label="First name"
bind:value={user.firstName}
required={true}
/>
<SettingInputField
inputType={SettingInputFieldType.TEXT}
label="Last name"
bind:value={user.lastName}
required={true}
/>
</section>
</SettingAccordion>