26 lines
997 B
Svelte
26 lines
997 B
Svelte
<script lang="ts">
|
|
import { searchManager } from '#lib/managers/search-manager.svelte.ts';
|
|
import { Text } from '@immich/ui';
|
|
import { t } from 'svelte-i18n';
|
|
import SearchButton from './SearchButton.svelte';
|
|
|
|
let filters = $derived(searchManager.filter.display);
|
|
</script>
|
|
|
|
<div id="display-options-selection">
|
|
<fieldset>
|
|
<Text class="py-5" fontWeight="medium">{$t('library')}</Text>
|
|
<div class="flex flex-wrap gap-2">
|
|
<SearchButton checked active={filters.isFavorite} onclick={() => (filters.isFavorite = !filters.isFavorite)}
|
|
>{$t('favorites')}</SearchButton
|
|
>
|
|
<SearchButton checked active={filters.isArchive} onclick={() => (filters.isArchive = !filters.isArchive)}
|
|
>{$t('archive')}</SearchButton
|
|
>
|
|
<SearchButton checked active={filters.isNotInAlbum} onclick={() => (filters.isNotInAlbum = !filters.isNotInAlbum)}
|
|
>{$t('search_filter_display_option_not_in_album')}</SearchButton
|
|
>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|