wip upload files and select

front/js/svelte/dialog/FileDialog.svelte

@@ -1,15 +1,14 @@
 <script>
     import { createEventDispatcher, getContext } from "svelte";
     import Icon from "../common/Icon.svelte";
-    import Index from "../content/Index.svelte";
-    import axios from "axios";
+    import FileIndex from "./FileIndex.svelte";
 
     let dialogEl;
 
     const dispatch = createEventDispatcher();
     const channel = getContext("channel");
-    $: data = {};
-    let selectedRecords = [];
+    $: files = [];
+    $: selectedRecords = [];
     // onMount(() => {
     //     load();
     // });
@@ -23,11 +22,11 @@
         selectedRecords = [];
     }
 
-    function load(schema) {
-        axios
-            .get(channel.lucentUrl + "/content/" + schema)
-            .then((response) => {
-                data = response.data;
+    function load(recordId) {
+        fetch(channel.lucentUrl + "/records/files/?recordId=" + recordId)
+            .then((response) => response.json())
+            .then((json) => {
+                files = json;
             })
             .catch((error) => console.log(error));
     }
@@ -37,7 +36,6 @@
         dispatch("insert", {
             records: selectedRecords,
             action: "insert",
-            schema: data.schema.name,
         });
     }
 
@@ -49,49 +47,47 @@
         });
     }
 
-    export function open(schema) {
+    export function open(recordId) {
         dialogEl.showModal();
-        load(schema);
+        load(recordId);
     }
 </script>
 
 <dialog bind:this={dialogEl}>
-    {#if data.schema}
-        <div class="dialog-header">
-            <button
-                type="button"
-                class="button"
-                on:click={insert}
-                disabled={selectedRecords.length === 0}
-            >
-                Insert
-            </button>
-            <button
-                type="button"
-                class="button"
-                on:click={replace}
-                disabled={selectedRecords.length === 0}
-            >
-                Replace
-            </button>
-            {#if selectedRecords.length > 0}
-                <span class="">
-                    {selectedRecords.length} records selected
-                </span>
-            {/if}
+    <div class="dialog-header">
+        <button
+            type="button"
+            class="button"
+            on:click={insert}
+            disabled={selectedRecords.length === 0}
+        >
+            Insert
+        </button>
+        <button
+            type="button"
+            class="button"
+            on:click={replace}
+            disabled={selectedRecords.length === 0}
+        >
+            Replace
+        </button>
+        {#if selectedRecords.length > 0}
+            <span class="">
+                {selectedRecords.length} records selected
+            </span>
+        {/if}
 
-            <button
-                on:click|preventDefault={close}
-                type="button"
-                class="button close"
-                aria-label="Close"
-            >
-                <Icon icon="close"></Icon>
-            </button>
-        </div>
+        <button
+            on:click|preventDefault={close}
+            type="button"
+            class="button close"
+            aria-label="Close"
+        >
+            <Icon icon="close"></Icon>
+        </button>
+    </div>
 
-        <div class="dialog-body">
-            <Index {...data} bind:selected={selectedRecords}></Index>
-        </div>
-    {/if}
+    <div class="dialog-body">
+        <FileIndex {files} bind:selected={selectedRecords}></FileIndex>
+    </div>
 </dialog>