query rewrite

front/js/svelte/records/Edit.svelte

@@ -15,6 +15,7 @@
     // export let isWritable = false;
     // export let users;
     $: validationErrors = null;
+    $: errorMessage = null;
 
     let form;
 
@@ -90,6 +91,8 @@
                     {schema}
                     {record}
                     {isCreateMode}
+                    {errorMessage}
+                    {validationErrors}
                     on:save={save}
             />
 <!--            <Graph {graph} {record}/>-->

front/js/svelte/records/EditHeader.svelte

@@ -20,7 +20,7 @@
     }
 </script>
 
-<h3 class="header-normal mt-5 mb-0">
+<h3 class="header-normal  mb-0">
     <a
             class="text-muted d-block text-decoration-none fs-6 mb-1"
             href="{channel.lucentUrl}/content/{schema.name}"

front/js/svelte/records/PreviewCard.svelte

@@ -11,7 +11,7 @@
     const channel = getContext("channel");
     export let record;
     export let field;
-    export let edge;
+    export let edge = null;
     export let editable = false;
     export let classes = "";
     export let hasDelete = false;
@@ -51,7 +51,7 @@
             </div>
         </div>
 
-        <EdgeData bind:this={edgeData} {field} {edge}/>
+        <EdgeData bind:this={edgeData} {record} {field} bind:edge/>
     {/if}
 
     <div

front/js/svelte/records/deepEquality.js

@@ -1,5 +1,6 @@
 import { deepEqual } from 'fast-equals';
 export function isEqual(obj1, obj2) {
+
     return deepEqual(obj1, obj2);
     // if (obj1 === obj2) return true;
     //

front/js/svelte/records/form/Form.svelte

@@ -7,14 +7,12 @@
     import ReferenceField from "./ReferenceField.svelte";
     import SaveButtons from "./SaveButtons.svelte";
     import EditHeader from "../EditHeader.svelte";
-
     const dispatch = createEventDispatcher();
 
     function save() {
         dispatch("save", {
             status: status
         });
-
     }
 
     export let title = null;
@@ -27,19 +25,18 @@
     let originalContent;
     let activeContentTab = "";
     $: hasUnsavedData = false;
-    $: validationErrors = null;
-    $: errorMessage = validationErrors
+    export let validationErrors = null;
+    export let errorMessage = validationErrors
         ? `Record submission failed. ${
             Object.entries(validationErrors).length
         } error(s)`
         : null;
 
-
     export function setOriginalData() {
         originalContent = {
             data: JSON.parse(JSON.stringify(data)),
             status: status,
-            edges: JSON.parse(JSON.stringify(graph.map(r => r.edge))),
+            edges: JSON.parse(JSON.stringify(graph?.map(r => r.edge.target+r.edge.field) ?? [])),
         };
         hasUnsavedData = checkUnsavedData();
 
@@ -49,7 +46,6 @@
         setOriginalData()
     })
 
-
     afterUpdate(() => {
         hasUnsavedData = checkUnsavedData();
     });
@@ -79,11 +75,9 @@
         return !isEqual(originalContent, {
             data: data,
             status: status,
-            edges: graph.map(r => r.edge),
+            edges: graph?.map(r => r.edge.target+r.edge.field) ?? [],
         });
     }
-
-
 </script>
 
 <svelte:window on:beforeunload={beforeUnload}/>

front/js/svelte/records/form/references/EdgeData.svelte

@@ -3,13 +3,16 @@
     import {getContext} from "svelte";
     import Form from "../Form.svelte";
     import OffCanvas from "../../../common/OffCanvas.svelte";
-    import Preview from "../../../newPreview/Preview.svelte";
+    import PreviewCard from "../../PreviewCard.svelte";
+    import axios from "axios";
 
     export let field;
+    export let record;
     export let edge;
     let form;
     let offCanvas;
-
+    $: validationErrors = null;
+    $: errorMessage = null;
     const channel = getContext("channel");
     let schema  = channel.schemas.find(s => s.name === field.data);
 
@@ -17,20 +20,56 @@
         offCanvas.show();
     }
 
-
-
     function save(e){
         e.preventDefault();
-        console.log("yo")
+        console.log("SAVE: Attempt");
+        validationErrors = null;
+        return new Promise(function (resolve, reject) {
+            axios
+                .put(channel.lucentUrl + "/edges", edge)
+                .then(function (response) {
+                    console.log("SAVE: SAVED");
+                    edge = response.data;
+                    form.setOriginalData();
+                    resolve(null);
+                    offCanvas.hide();
+                })
+                .catch(function (error) {
+                    // setOriginalContent();
+                    if (error.response) {
+                        if (typeof error.response.data.error === "string") {
+                            errorMessage = error.response.data.error;
+                        } else {
+                            validationErrors = error.response.data.error;
+                            console.log(validationErrors)
+                        }
+                    }
+                    resolve(null);
+
+                });
+        });
+
     }
 </script>
 
 <OffCanvas bind:this={offCanvas}>
+    <div class="p-4">
+        <PreviewCard
+                {record}
+                hasDelete={false}
+                editable={false}
+                {field}
+        />
+    </div>
+
     <Form
             bind:this={form}
             data={edge.data}
+            title={"Relational Data for " + field.info.label}
             {schema}
             isCreateMode={false}
+            {errorMessage}
+            {validationErrors}
             on:save={save}
     />
 </OffCanvas>

front/js/svelte/records/form/references/Reference.svelte

@@ -88,7 +88,7 @@
                         hasDelete={true}
                         editable={!!field?.data}
                         {field}
-                        edge={reference.edge}
+                        bind:edge={reference.edge}
                         on:remove={removeReference}
                 />
             </div>

front/js/svelte/records/form/references/reference.js

@@ -10,6 +10,7 @@ export function insertEdges(existingRecords, sourceRecord, targetRecords, fieldN
                 sourceSchema: sourceRecord.schema,
                 targetSchema: r.schema,
                 field: fieldName,
+                data: {},
                 rank: ""
             }