mirror of
https://github.com/immich-app/immich
synced 2025-10-17 18:19:27 +00:00
33 lines
1,008 B
Svelte
33 lines
1,008 B
Svelte
|
<script lang="ts" context="module">
|
||
|
|
export interface SearchDisplayFilters {
|
||
|
|
isNotInAlbum?: boolean;
|
||
|
|
isArchive?: boolean;
|
||
|
|
isFavorite?: boolean;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
export let filters: SearchDisplayFilters;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div id="display-options-selection" class="text-sm">
|
||
|
|
<p class="immich-form-label">DISPLAY OPTIONS</p>
|
||
|
|
|
||
|
|
<div class="flex flex-wrap gap-x-5 gap-y-2 mt-1">
|
||
|
|
<label class="flex items-center gap-2">
|
||
|
|
<input type="checkbox" class="size-5 flex-shrink-0" bind:checked={filters.isNotInAlbum} />
|
||
|
|
<span class="pt-1">Not in any album</span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label class="flex items-center gap-2">
|
||
|
|
<input type="checkbox" class="size-5 flex-shrink-0" bind:checked={filters.isArchive} />
|
||
|
|
<span class="pt-1">Archive</span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label class="flex items-center gap-2">
|
||
|
|
<input type="checkbox" class="size-5 flex-shrink-0" bind:checked={filters.isFavorite} />
|
||
|
|
<span class="pt-1">Favorite</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|