records and edgs

front/js/svelte/content/elements/File.svelte

@@ -11,13 +11,8 @@
     // if (edges[0]) {
     //     firstRecord = record._children.find((r) => r.data.id === edges[0].to);
     // }
-
-    console.log(filePreviews)
 </script>
 
-<!-- {#if firstRecord}
-    <Preview record={firstRecord} size="tiny" />
-{/if} -->
 <div class="d-flex me-1">
     {#each filePreviews as file}
         <div class="me-1">

front/js/svelte/dialog/Dialog.svelte

@@ -3,6 +3,7 @@
     import {createEventDispatcher, getContext} from "svelte";
     import Icon from "../common/Icon.svelte";
     import Index from "../content/Index.svelte";
+    import axios from "axios";
 
     let dialogEl;
 
@@ -38,6 +39,7 @@
         dispatch("insert", {
             records: selectedRecords,
             action: "insert",
+            schema: data.schema.name,
         });
     }
 
@@ -49,7 +51,7 @@
         });
     }
 
-    export function open( schema) {
+    export function open(schema) {
         dialogEl.showModal()
         load(schema);
     }

front/js/svelte/records/Preview.js

@@ -3,29 +3,12 @@ import {stripHtml} from "../../helpers";
 
 export function previewTitle(schemas, record, graph) {
     let schema = schemas.find((aSchema) => aSchema.name === record?.schema);
-    if (!schema?.titleTemplate) {
+    if (!schema?.cardTitle) {
         return noTemplate(schema, record);
     }
 
     let recordData = record.data;
-    let template = Mustache.parse(schema.titleTemplate);
-
-    let referencePreviews = template
-        .filter(segment => segment[0] === "name") // keep only template tags
-        .map((segment) => segment[1]) // map to fieldNames
-        .filter(fieldName => { // keep only references
-            let schemaField = schema.fields.find(f => f.name === fieldName)
-            return ["reference","file"].includes(schemaField?.info.name);
-        }).reduce((carry, field) => {  // map to records
-            let edge = graph?.edges.find(edge => edge.source === record.id && edge.field === field)
-            let referenceRecord = graph?.records.find(rec => rec.id === edge?.target)
-            carry[field] = previewTitle(schemas, referenceRecord, graph);
-            return carry;
-        }, {});
-
-    recordData = {...recordData, ...referencePreviews}
-
-    let render = Mustache.render(schema.titleTemplate, recordData);
+    let render = Mustache.render(schema.cardTitle, recordData);
     if (!render || render === "") {
         return noTemplate(schema, record);
     }

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

@@ -6,6 +6,7 @@
     import ReferenceInlineButtons from "./ReferenceInlineButtons.svelte";
     import Sortable from "../../libs/Sortable.svelte";
     import PreviewReference from "../previews/PreviewReference.svelte";
+    import axios from "axios";
 
     const channel = getContext("channel");
     export let record;
@@ -39,7 +40,16 @@
 
     function insert(e) {
         e.preventDefault();
-        graph = insertEdges(graph,record,e.detail.records,field.name,e.detail.action);
+        // axios.post(channel.lucentUrl + "/edges/insert-many", {
+        //     source: record.id,
+        //     sourceSchema: record.schema,
+        //     targetSchema: e.detail.schema,
+        //     field: field.name,
+        //     targets: e.detail.records.map(r => r.id),
+        // }).then(function (response) {
+        //     graph = response.data.graph;
+        // })
+        graph = insertEdges(graph, record, e.detail.records, field.name, e.detail.action);
     }
 
 </script>
@@ -51,10 +61,10 @@
 {/if}
 <div class="inline-card-wrapper">
     <ReferenceInlineButtons
-        recordId={null}
-        schemas={collections}
-        on:insert={insert}
-        on:save={insert}
+            recordId={null}
+            schemas={collections}
+            on:insert={insert}
+            on:save={insert}
     />
 </div>
 {#if references.length > 0}
@@ -63,9 +73,9 @@
             <div>
                 <PreviewReference
                         {graph}
-                    record={reference}
-                    hasDelete={true}
-                    on:remove={removeReference}
+                        record={reference}
+                        hasDelete={true}
+                        on:remove={removeReference}
                 />
             </div>
         {/each}

front/js/svelte/records/elements/ReferenceInlineButtons.svelte

@@ -11,7 +11,6 @@
     const channel = getContext("channel");
     export let schemas;
     export let recordId;
-    $: showOptions = false;
     let browseModal;
     let dialogRecord;
     let inLineCreateRecord;
@@ -35,9 +34,9 @@
     function insert(e) {
         e.preventDefault();
         browseModal.close();
-        showOptions = false;
         dispatch("insert", {
             records: e.detail.records,
+            schema: e.detail.schema,
             after: recordId,
         });
     }
@@ -49,7 +48,6 @@
             .then((response) => {
                 inLineCreateRecord = response.data;
                 dialogRecord.open()
-                showOptions = false;
             })
             .catch((error) => {
                 console.log(error);

front/js/svelte/records/elements/RichEditor.svelte

@@ -26,7 +26,7 @@
 
 
     <Tinymce  bind:this={editor} bind:value {additionalConfig}/>
-    {#if field.collections}
+    {#if field.collections.length > 0}
         <RichEditorFiles
                 bind:graph
                 {record}

front/js/svelte/records/previews/PreviewReference.svelte

@@ -1,9 +1,11 @@
 <script>
     import Icon from "../../common/Icon.svelte";
 
-    import { getContext, createEventDispatcher } from "svelte";
-    import { previewTitle } from "./../Preview";
+    import {createEventDispatcher, getContext} from "svelte";
+    import {previewTitle} from "./../Preview";
     import Status from "./../Status.svelte";
+    import Preview from "../../files/Preview.svelte";
+
     const dispatch = createEventDispatcher();
     const channel = getContext("channel");
     export let graph;
@@ -12,9 +14,11 @@
 
     let schema = channel.schemas.find((aschema) => aschema.name === record.schema);
     let cardTitle = previewTitle(channel.schemas, record, graph);
+    const cardImageEdge = graph.edges.find(e => e.source === record.id  && e.field === schema.cardImage);
+    let cardImageRecord = graph.records.find(r => r.id === cardImageEdge?.target);
+
     function remove(e) {
         e.preventDefault();
-
         dispatch("remove", record.id);
     }
 </script>
@@ -23,6 +27,11 @@
 <div class="preview-reference">
     <div style="display: flex;align-items: center;gap: 10px;">
 
+        {#if cardImageRecord}
+            <div class="image">
+                <Preview record={cardImageRecord} size="small"/>
+            </div>
+        {/if}
         <div class="title">
             <div>
                 <a
@@ -43,7 +52,7 @@
         </div>
     </div>
     {#if hasDelete}
-        <div class="trash-action">
+        <div class="reference-action">
             <button
                     class="button"
                     on:click={remove}