Merge pull request #764 from intuitem/fix/add_library_form_change_det…

…ection

Fix add library form change detection

frontend/src/lib/components/Forms/FileInput.svelte

@@ -9,6 +9,7 @@
  export let helpText: string | undefined = undefined;
  export let form;
  export let allowPaste: boolean = false;
+ export let resetSignal: boolean = false; // Reset the form value if set to true
  // allowPaste should be set to false when we have multiple FileField at the same time (the ideal implementation would be to deduce to which FileInput the paste operation must be forwarded depending on the targetElement of the "paste" event)
 
  const { errors, constraints } = formFieldProxy(form, field);
@@ -69,6 +70,11 @@
  }
  }
  }
+
+ $: if (resetSignal) {
+ const dataTransfer = new DataTransfer();
+ $value = dataTransfer.files; // Empty FileList
+ }
 </script>
 
 <svelte:document on:paste={onPaste} />

frontend/src/routes/(app)/libraries/+page.svelte

@@ -13,6 +13,8 @@
  import { TabGroup, Tab } from '@skeletonlabs/skeleton';
  let tabSet: number = data.loadedLibrariesTable.body.length > 0 ? 0 : 1;
  $: if (data.loadedLibrariesTable.body.length === 0) tabSet = 0;
+
+ let fileResetSignal = false;
 </script>
 
 <div class="card bg-white shadow">
@@ -69,6 +71,10 @@
  onSubmit={() => {
  const fileInput = document.querySelector(`input[type="file"]`);
  fileInput.value = '';
+ fileResetSignal = true;
+ setTimeout(() => {
+ fileResetSignal = false;
+ }, 10);
  }}
  {...$$restProps}
  >
@@ -77,6 +83,7 @@
  helpText={m.libraryFileInYaml()}
  field="file"
  label={m.addYourLibrary()}
+ resetSignal={fileResetSignal}
  />
 
  <button