mirror of
https://github.com/immich-app/immich
synced 2025-06-08 00:20:58 +00:00
f446bc8caa
* First test * Added translation using Weblate (French) * Translated using Weblate (German) Currently translated at 100.0% (4 of 4 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/de/ * Translated using Weblate (French) Currently translated at 100.0% (4 of 4 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/fr/ * Further testing * Further testing * Translated using Weblate (German) Currently translated at 100.0% (18 of 18 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/de/ * Further work * Update string file. * More strings * Automatically changed strings * Add automatically translated german file for testing purposes * Fix merge-face-selector component * Make server stats strings uppercase * Fix uppercase string * Fix some strings in jobs-panel * Fix lower and uppercase strings. Add a few additional string. Fix a few unnecessary replacements * Update german test translations * Fix typo in locales file * Change string keys * Extract more strings * Extract and replace some more strings * Update testtranslationfile * Change translation keys * Fix rebase errors * Fix one more rebase error * Remove german translation file * Co-authored-by: Daniel Dietzler <danieldietzler@users.noreply.github.com> * chore: clean up translations * chore: add new line * fix formatting * chore: fixes * fix: loading and tests --------- Co-authored-by: root <root@Blacki> Co-authored-by: admin <admin@example.com> Co-authored-by: Jason Rasmussen <jrasm91@gmail.com> Co-authored-by: Daniel Dietzler <mail@ddietzler.dev>
42 lines
1.4 KiB
Svelte
42 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import { type PersonResponseDto } from '@immich/sdk';
|
|
import { createEventDispatcher } from 'svelte';
|
|
import ImageThumbnail from '../assets/thumbnail/image-thumbnail.svelte';
|
|
import Button from '../elements/buttons/button.svelte';
|
|
import SearchPeople from '$lib/components/faces-page/people-search.svelte';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
export let person: PersonResponseDto;
|
|
export let name: string;
|
|
export let suggestedPeople: PersonResponseDto[];
|
|
export let thumbnailData: string;
|
|
export let isSearchingPeople: boolean;
|
|
|
|
const dispatch = createEventDispatcher<{
|
|
change: string;
|
|
}>();
|
|
</script>
|
|
|
|
<div
|
|
class="flex w-full h-14 place-items-center {suggestedPeople.length > 0
|
|
? 'rounded-t-lg dark:border-immich-dark-gray'
|
|
: 'rounded-lg'} bg-gray-100 p-2 dark:bg-gray-700"
|
|
>
|
|
<ImageThumbnail circle shadow url={thumbnailData} altText={person.name} widthStyle="2rem" heightStyle="2rem" />
|
|
<form
|
|
class="ml-4 flex w-full justify-between gap-16"
|
|
autocomplete="off"
|
|
on:submit|preventDefault={() => dispatch('change', name)}
|
|
>
|
|
<SearchPeople
|
|
bind:searchName={name}
|
|
bind:searchedPeopleLocal={suggestedPeople}
|
|
type="input"
|
|
numberPeopleToSearch={5}
|
|
inputClass="w-full gap-2 bg-gray-100 dark:bg-gray-700 dark:text-white"
|
|
bind:showLoadingSpinner={isSearchingPeople}
|
|
/>
|
|
<Button size="sm" type="submit">{$t('done')}</Button>
|
|
</form>
|
|
</div>
|