mirror of
https://github.com/immich-app/immich.git
synced 2026-03-26 20:00:44 +03:00
cda4a2a5fc
* fix: filter after searching by asset id * Update web/src/lib/modals/SearchFilterModal.svelte Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com> --------- Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
33 lines
1.2 KiB
Svelte
33 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import type { SearchDisplayFilters } from '$lib/types';
|
|
import { Checkbox, Label, Text } from '@immich/ui';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
type Props = {
|
|
filters: SearchDisplayFilters;
|
|
};
|
|
|
|
let { filters = $bindable() }: Props = $props();
|
|
</script>
|
|
|
|
<div id="display-options-selection">
|
|
<fieldset>
|
|
<Text class="mb-2" fontWeight="medium">{$t('display_options')}</Text>
|
|
|
|
<div class="flex flex-wrap gap-x-5 gap-y-2 mt-1">
|
|
<div class="flex items-center gap-2">
|
|
<Checkbox id="not-in-album-checkbox" size="tiny" bind:checked={filters.isNotInAlbum} />
|
|
<Label label={$t('not_in_any_album')} for="not-in-album-checkbox" class="text-sm font-normal" />
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<Checkbox id="archive-checkbox" size="tiny" bind:checked={filters.isArchive} />
|
|
<Label label={$t('archive')} for="archive-checkbox" class="text-sm font-normal" />
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<Checkbox id="favorites-checkbox" size="tiny" bind:checked={filters.isFavorite} />
|
|
<Label label={$t('favorites')} for="favorites-checkbox" class="text-sm font-normal" />
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|