mirror of
https://github.com/immich-app/immich.git
synced 2025-06-23 15:30:51 -04: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>
55 lines
2.0 KiB
Svelte
55 lines
2.0 KiB
Svelte
<script lang="ts">
|
|
import Icon from '$lib/components/elements/icon.svelte';
|
|
import { savedSearchTerms } from '$lib/stores/search.store';
|
|
import { mdiMagnify, mdiClose } from '@mdi/js';
|
|
import { createEventDispatcher } from 'svelte';
|
|
import { fly } from 'svelte/transition';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
const dispatch = createEventDispatcher<{
|
|
selectSearchTerm: string;
|
|
clearSearchTerm: string;
|
|
clearAllSearchTerms: void;
|
|
}>();
|
|
</script>
|
|
|
|
<div
|
|
transition:fly={{ y: 25, duration: 250 }}
|
|
class="absolute w-full rounded-b-3xl border border-gray-200 bg-white pb-5 shadow-2xl transition-all dark:border-gray-800 dark:bg-immich-dark-gray dark:text-gray-300"
|
|
>
|
|
{#if $savedSearchTerms.length > 0}
|
|
<div class="flex items-center justify-between px-5 pt-5 text-xs">
|
|
<p>{$t('recent_searches').toUpperCase()}</p>
|
|
<div class="flex w-18 items-center justify-center">
|
|
<button
|
|
type="button"
|
|
class="rounded-lg p-2 font-semibold text-immich-primary hover:bg-immich-primary/25 dark:text-immich-dark-primary"
|
|
on:click={() => dispatch('clearAllSearchTerms')}>{$t('clear_all')}</button
|
|
>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
|
|
{#each $savedSearchTerms as savedSearchTerm, i (i)}
|
|
<div
|
|
class="flex w-full items-center justify-between text-sm text-black hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-500/10"
|
|
>
|
|
<div class="relative w-full items-center">
|
|
<button
|
|
type="button"
|
|
class="relative flex w-full cursor-pointer gap-3 py-3 pl-5"
|
|
on:click={() => dispatch('selectSearchTerm', savedSearchTerm)}
|
|
>
|
|
<Icon path={mdiMagnify} size="1.5em" />
|
|
{savedSearchTerm}
|
|
</button>
|
|
<div class="absolute right-5 top-0 items-center justify-center py-3">
|
|
<button type="button" on:click={() => dispatch('clearSearchTerm', savedSearchTerm)}
|
|
><Icon path={mdiClose} size="18" /></button
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/each}
|
|
</div>
|