feat: set person birth date (web only) (#3721)

* Person birth date (data layer)

* Person birth date (data layer)

* Person birth date (service layer)

* Person birth date (service layer, API)

* Person birth date (service layer, API)

* Person birth date (UI) (wip)

* Person birth date (UI) (wip)

* Person birth date (UI) (wip)

* Person birth date (UI) (wip)

* UI: Use "date of birth" everywhere

* UI: better modal dialog

Similar to the API key modal.

* UI: set date of birth from people page

* Use typed events for modal dispatcher

* Date of birth tests (wip)

* Regenerate API

* Code formatting

* Fix Svelte typing

* Fix Svelte typing

* Fix person model [skip ci]

* Minor refactoring [skip ci]

* Typed event dispatcher [skip ci]

* Refactor typed event dispatcher [skip ci]

* Fix unchanged birthdate check [skip ci]

* Remove unnecessary custom transformer [skip ci]

* PersonUpdate: call search index update job only when needed

* Regenerate API

* Code formatting

* Fix tests

* Fix DTO

* Regenerate API

* chore: verbiage and view mode

* feat: show current age

* test: person e2e

* fix: show name for birth date selection

---------

Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
This commit is contained in:
Daniele Ricci 2023-08-18 22:10:29 +02:00 committed by GitHub
parent 5e901e4d21
commit 98b72fdb9b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 459 additions and 39 deletions

View file

@ -11,19 +11,12 @@
export let person: PersonResponseDto;
let showContextMenu = false;
let dispatch = createEventDispatcher();
const onChangeNameClicked = () => {
dispatch('change-name', person);
};
const onMergeFacesClicked = () => {
dispatch('merge-faces', person);
};
const onHideFaceClicked = () => {
dispatch('hide-face', person);
};
let dispatch = createEventDispatcher<{
'change-name': void;
'set-birth-date': void;
'merge-faces': void;
'hide-face': void;
}>();
</script>
<div id="people-card" class="relative">
@ -52,9 +45,10 @@
{#if showContextMenu}
<ContextMenu on:outclick={() => (showContextMenu = false)}>
<MenuOption on:click={() => onHideFaceClicked()} text="Hide face" />
<MenuOption on:click={() => onChangeNameClicked()} text="Change name" />
<MenuOption on:click={() => onMergeFacesClicked()} text="Merge faces" />
<MenuOption on:click={() => dispatch('hide-face')} text="Hide face" />
<MenuOption on:click={() => dispatch('change-name')} text="Change name" />
<MenuOption on:click={() => dispatch('set-birth-date')} text="Set date of birth" />
<MenuOption on:click={() => dispatch('merge-faces')} text="Merge faces" />
</ContextMenu>
{/if}
</button>