helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(web): search box (#7397)

Browse source 
* refactor search suggestion handling

* chore: open api

* revert server changes

* chore: open api

* update location filters

* location filter cleanup

* refactor people filter

* refactor camera filter

* refactor display filter

* cleanup

---------

Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
This commit is contained in:
Daniel Dietzler 2024-02-26 22:45:08 +01:00 • committed by GitHub
parent 45ecb629a1
commit 3e8af16270
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 468 additions and 491 deletions
Download patch file Download diff file Expand all files Collapse all files

37
web/src/lib/components/shared-components/search-bar/search-date-section.svelte Normal file
View file

@ -0,0 +1,37 @@
<script lang="ts" context="module">
export interface SearchDateFilter {
takenBefore?: string;
takenAfter?: string;
}
</script>
<script lang="ts">
export let filters: SearchDateFilter;
</script>
<div id="date-range-selection" class="grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-5">
<label class="immich-form-label" for="start-date">
<span>START DATE</span>
<input
class="immich-form-input w-full mt-1 hover:cursor-pointer"
type="date"
id="start-date"
name="start-date"
max={filters.takenBefore}
bind:value={filters.takenAfter}
/>
</label>
<label class="immich-form-label" for="end-date">
<span>END DATE</span>
<input
class="immich-form-input w-full mt-1 hover:cursor-pointer"
type="date"
id="end-date"
name="end-date"
placeholder=""
min={filters.takenAfter}
bind:value={filters.takenBefore}
/>
</label>
</div>