feat: affiche les champs boolean

Fix #4
medialab · Jul 22, 2024 · 8e60355 · 8e60355
1 parent a2ddbba
commit 8e60355
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/Photo.svelte b/src/components/Photo.svelte
@@ -3,6 +3,7 @@
   export let required = false;
   export let initialData: string | undefined;
 
+  let input: HTMLInputElement;
   let previewURI: string | undefined;
 
   function updatePreview(e: Event) {
@@ -25,6 +26,7 @@
   class="form-control"
   {required}
   on:change={updatePreview}
+  bind:this={input}
 />
 {#if initialData}
   <img src={initialData} alt="Profil" style="width: 200px; height: auto;" />
@@ -34,11 +36,20 @@
 {#if previewURI}
   <div
     style="
+    display: inline-block;
     height: 200px;
     background-size: cover;
     width: 200px;
     background-position: center;
     background-image: url({previewURI});
   "
   />
+  <button
+    on:click|capture|stopImmediatePropagation|stopPropagation|preventDefault={() => {
+      input.value = "";
+      previewURI = undefined;
+    }}
+  >
+    ❌
+  </button>
 {/if}