refactor(web): search box (#7397)

* 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>
2024-02-26 22:45:08 +01:00
parent 45ecb629a1
commit 3e8af16270
9 changed files with 468 additions and 491 deletions
@@ -0,0 +1,47 @@
+<script lang="ts">
+  import { MediaType } from './search-filter-box.svelte';
+
+  export let filteredMedia: MediaType;
+</script>
+
+<div id="media-type-selection">
+  <p class="immich-form-label">MEDIA TYPE</p>
+
+  <div class="flex gap-5 mt-1 text-base">
+    <label for="type-all" class="flex items-center gap-1">
+      <input
+        bind:group={filteredMedia}
+        value={MediaType.All}
+        type="radio"
+        name="radio-type"
+        id="type-all"
+        class="size-4"
+      />
+      <span class="pt-0.5">All</span>
+    </label>
+
+    <label for="type-image" class="flex items-center gap-1">
+      <input
+        bind:group={filteredMedia}
+        value={MediaType.Image}
+        type="radio"
+        name="media-type"
+        id="type-image"
+        class="size-4"
+      />
+      <span class="pt-0.5">Image</span>
+    </label>
+
+    <label for="type-video" class="flex items-center gap-1">
+      <input
+        bind:group={filteredMedia}
+        value={MediaType.Video}
+        type="radio"
+        name="radio-type"
+        id="type-video"
+        class="size-4"
+      />
+      <span class="pt-0.5">Video</span>
+    </label>
+  </div>
+</div>