updates

front/js/svelte/records/elements/Reference.svelte

@@ -1,6 +1,6 @@
 <script>
     import {getContext} from "svelte";
-    import {uniqBy} from "lodash";
+    import {insertEdges} from "./reference";
     import PreviewCard from "../PreviewCard.svelte";
     import {getErrorMessage} from "./errorMessage";
     import {sortByField} from "../../edges/sortEdges";
@@ -37,26 +37,7 @@
 
     function insert(e) {
         e.preventDefault();
-        const recordsToInsert = e.detail.records;
-        const action = e.detail.action;
-        let newEdges = recordsToInsert.map((r) => {
-            return {
-                target: r.id,
-                source: record.id,
-                sourceSchema: record.schema,
-                targetSchema: r.schema,
-                field: field.name,
-                rank: ""
-            };
-        });
-
-        let replacedEdges = graph.edges;
-        if (action === "replace") {
-            replacedEdges = replacedEdges.filter((edge) => edge.field !== field.name);
-        }
-
-        graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id);
-        graph.edges = uniqBy([...replacedEdges, ...newEdges], (edge) => edge.target + edge.field);
+        graph = insertEdges(graph,record,e.detail.records,field.name,e.detail.action);
     }
 
 </script>
@@ -68,7 +49,6 @@
 {/if}
 <div class="inline-card-wrapper">
     <ReferenceInlineButtons
-        {field}
         buttonClass="mt-2"
         recordId={null}
         schemas={collections}

front/js/svelte/records/elements/ReferenceTable.svelte

@@ -1,6 +1,5 @@
 <script>
     import {getContext} from "svelte";
-    import {uniqBy} from "lodash";
     import {previewTitle} from "../Preview";
     import {getErrorMessage} from "./errorMessage";
     import {sortByField} from "../../edges/sortEdges";
@@ -8,10 +7,10 @@
     import Sortable from "../../libs/Sortable.svelte";
     import RenderField from "../../content/RenderField.svelte";
     import Icon from "../../common/Icon.svelte";
+    import {insertEdges} from "./reference.js";
 
     const channel = getContext("channel");
     export let field;
-
     export let record;
     export let graph;
     export let validationErrors;
@@ -46,26 +45,8 @@
 
     function insert(e) {
         e.preventDefault();
-        const recordsToInsert = e.detail.records;
-        const action = e.detail.action;
-        let newEdges = recordsToInsert.map((r) => {
-            return {
-                target: r.id,
-                source: record.id,
-                sourceSchema: record.schema,
-                targetSchema: r.schema,
-                field: field.name,
-                rank: ""
-            };
-        });
-
-        let replacedEdges = graph.edges;
-        if (action === "replace") {
-            replacedEdges = replacedEdges.filter((edge) => edge.field !== field.name);
-        }
-
-        graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id);
-        graph.edges = uniqBy([...replacedEdges, ...newEdges], (edge) => edge.target + edge.field);
+        graph = insertEdges(graph,record,e.detail.records,field.name,e.detail.action);
+        console.log(graph)
     }
 
     $:visibleColumns = [];
@@ -118,7 +99,7 @@
                                 <div class="d-flex align-items-center">
                                     <a
                                         class="me-2 text-decoration-none text-dark fs-6"
-                                        href="/records/{record.id}"
+                                        href="{channel.lucentUrl}/records/{record.id}"
                                         target="_blank"
                                     >
                                         {previewTitle(channel.schemas, record)}

front/js/svelte/records/elements/ReferenceTags.svelte

@@ -9,6 +9,7 @@
     import RenderField from "../../content/RenderField.svelte";
     import Icon from "../../common/Icon.svelte";
     import Datalist from "./Datalist.svelte";
+    import {insertEdges} from "./reference.js";
 
     const channel = getContext("channel");
     export let field;
@@ -62,26 +63,7 @@
 
     function insert(e, insertRecord) {
         e.preventDefault();
-        const recordsToInsert = [insertRecord];
-        const action = e.detail.action;
-        let newEdges = recordsToInsert.map((r) => {
-            return {
-                target: r.id,
-                source: record.id,
-                sourceSchema: record.schema,
-                targetSchema: r.schema,
-                field: field.name,
-                rank: ""
-            };
-        });
-
-        let replacedEdges = graph.edges;
-        if (action === "replace") {
-            replacedEdges = replacedEdges.filter((edge) => edge.field !== field.name);
-        }
-
-        graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id);
-        graph.edges = uniqBy([...replacedEdges, ...newEdges], (edge) => edge.target + edge.field);
+        graph = insertEdges(graph,record,[insertRecord],field.name,e.detail.action);
     }
 
     const updateResults = debounce((e) => {

front/js/svelte/records/elements/Selectlist.svelte

@@ -2,22 +2,38 @@
     export let field;
     export let value;
     export let search;
-     function select(e, option) {
+
+    function select(e, option) {
         e.preventDefault();
         value = option;
         search = "";
     }
+
+
 </script>
 
 {#if field.selectOptions}
-    {#each field.selectOptions as suggestion (suggestion)}
-        <div
-                on:click={(e) => select(e, suggestion)}
-                on:keypress={(e) => select(e, suggestion)}
-        >
+    {#if Array.isArray(field.selectOptions)}
+        {#each field.selectOptions as suggestion (suggestion)}
+            <div
+                    on:click={(e) => select(e, suggestion)}
+                    on:keypress={(e) => select(e, suggestion)}
+            >
             <span class="dropdown-item">
                {suggestion}
             </span>
-        </div>
-    {/each}
+            </div>
+        {/each}
+    {:else}
+        {#each Object.entries(field.selectOptions) as [k, v] (k)}
+            <div
+                    on:click={(e) => select(e, k)}
+                    on:keypress={(e) => select(e, k)}
+            >
+            <span class="dropdown-item">
+               {v}
+            </span>
+            </div>
+        {/each}
+    {/if}
 {/if}

front/js/svelte/records/elements/Text.svelte

@@ -75,7 +75,6 @@
                     autocomplete="off"
                     readonly={field.readonly && !isCreateMode}
             />
-
             <div class="dropdown-menu w-100">
                     <Selectlist
                             {field}
@@ -87,7 +86,12 @@
         {#if value}
             <span class="badge rounded-pill bg-light text-dark  fs-6 mt-3">
                 <div class="d-flex align-items-center ">
-                    {value}
+                    {#if Array.isArray(field.selectOptions)}
+                        {value}
+                        {:else}
+                        {field.selectOptions[value]}
+                        {/if}
+
                     <button
                             on:click|preventDefault={(e) => (value = "")}
                             type="button"

front/js/svelte/records/elements/reference.js

@@ -0,0 +1,23 @@
+import {uniqBy} from "lodash";
+
+export function insertEdges(graph, sourceRecord, targetRecords, fieldName, action = "") {
+    let newEdges = targetRecords.map((r) => {
+        return {
+            target: r.id,
+            source: sourceRecord.id,
+            sourceSchema: sourceRecord.schema,
+            targetSchema: r.schema,
+            field: fieldName,
+            rank: ""
+        };
+    });
+
+    let replacedEdges = graph.edges;
+    if (action === "replace") {
+        replacedEdges = replacedEdges.filter((edge) => edge.field !== field.name);
+    }
+
+    graph.records = uniqBy([...graph.records, ...targetRecords], (r) => r.id);
+    graph.edges = uniqBy([...replacedEdges, ...newEdges], (edge) =>  edge.source +  edge.target + edge.field);
+    return graph;
+}