refactor fields

front/js/svelte/records/Edit.svelte

@@ -115,7 +115,7 @@
                     console.log("SAVE: SAVED");
 
                     if (isCreateMode) {
-                        window.location = channel.lucentUrl + "/records/" + record.id;
+                        window.location.href = channel.lucentUrl + "/records/" + record.id;
                     } else {
                         record = response.data.records[0] ?? null;
                         if (!record) {
@@ -141,9 +141,7 @@
                         }
                     }
                     resolve(null);
-                    // msgSuccess = null;
-                    // msgError = error.response.data.error;
-                    // submitted = false;
+
                 });
         });
     }

front/js/svelte/records/EditHeader.svelte

@@ -29,7 +29,7 @@
 
     <span class="text-dark d-block">
         {#if !isCreateMode}
-            {previewTitle(channel.schemas, record, graph)}
+            {previewTitle(  record, graph)}
         {:else}
             New Record
         {/if}

front/js/svelte/records/Preview.js

@@ -1,8 +1,10 @@
 import Mustache from "mustache";
 import {stripHtml} from "../../helpers";
+import {getContext} from "svelte";
 
-export function previewTitle(schemas, record, graph) {
-    let schema = schemas.find((aSchema) => aSchema.name === record?.schema);
+export function previewTitle(record, graph) {
+    const channel = getContext("channel");
+    let schema = channel.schemas.find((aSchema) => aSchema.name === record?.schema);
 
     if (!schema?.titleTemplate) {
         return noTemplate(schema, record);
@@ -10,7 +12,7 @@ export function previewTitle(schemas, record, graph) {
 
     let recordData = record.data;
     let template = Mustache.parse(schema.titleTemplate);
-
+    console.log({template})
     let referencePreviews = template
         .filter(segment => segment[0] === "name") // keep only template tags
         .map((segment) => segment[1]) // map to fieldNames
@@ -20,7 +22,7 @@ export function previewTitle(schemas, record, graph) {
         }).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);
+            carry[field] = previewTitle(referenceRecord, graph);
             return carry;
         }, {});
     recordData = {...recordData, ...referencePreviews}
@@ -43,7 +45,7 @@ function noTemplate(schema, record) {
         record?.data[schema.fields.filter((f) => f.info.name === "text")[0]?.name]
     ).slice(0, 300);
 
-    if(title == ""){
+    if(title === ""){
         return "Untitled";
     }
 

front/js/svelte/records/PreviewCard.svelte

@@ -13,10 +13,9 @@
     export let hasDelete = false;
 
     let schema = channel.schemas.find((aschema) => aschema.name === record.schema);
-    let cardTitle = previewTitle(channel.schemas, record, graph);
+    let cardTitle = previewTitle(record, graph);
     function remove(e) {
         e.preventDefault();
-
         dispatch("remove", record.id);
     }
 </script>

front/js/svelte/records/PreviewCardSmall.svelte

@@ -7,7 +7,7 @@
     export let graph;
     $: schema = channel.schemas.find((aschema) => aschema.name === record.schema);
 
-    $: title = previewTitle(channel.schemas, record, graph);
+    $: title = previewTitle(  record, graph);
 </script>
 
 {#if record?.data}

front/js/svelte/records/elements/File.svelte

@@ -5,6 +5,7 @@
     import PreviewCard from "../PreviewCard.svelte";
     import Sortable from "../../libs/Sortable.svelte";
     import BrowseModal from "./BrowseModal.svelte";
+    import Preview from "../../newPreview/Preview.svelte";
 
     const channel = getContext("channel");
     export let field;
@@ -16,8 +17,11 @@
     $: references = graph?.edges
         .filter((edge) => edge.field === field.name)
         .map((edge) => {
-            return graph.records.find((increc) => increc.id == edge.target && record.id == edge.source);
-        }).filter((rec) => (rec?.id ? true : false)) ?? [];
+            return {
+                record:  graph.records.find((increc) => increc.id === edge.target && record.id === edge.source),
+                edge: edge,
+            }
+        }).filter((recordEdge) => (!!recordEdge.record?.id)) ?? [];
 
     let collections = channel.schemas.filter((aschema) =>
         field.collections.includes(aschema.name)
@@ -101,14 +105,22 @@
 </div>
 {#if references.length > 0}
     <Sortable sortableClass="row row-cols-3 mt-3" on:update={reorder}>
-        {#each references as reference (reference.id)}
+        {#each references as reference (reference.record.id)}
             <div class="col mb-3">
                 <PreviewCard
                     classes="h-100"
-                    record={reference}
+                    record={reference.record}
                     hasDelete={true}
                     on:remove={removeReference}
                 />
+<!--                <Preview-->
+<!--                        classes="h-100"-->
+<!--                        record={reference.record}-->
+<!--                        edge={reference.edge}-->
+<!--                        hasDelete={true}-->
+<!--                        {field}-->
+<!--                        on:remove={removeReference}-->
+<!--                />-->
             </div>
         {/each}
     </Sortable>