edit form refactor

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

@@ -1,5 +1,5 @@
 <script>
-    import {afterUpdate, createEventDispatcher,  onMount} from "svelte";
+    import {afterUpdate, createEventDispatcher, onMount} from "svelte";
     import {isEqual} from "../deepEquality.js";
     import ContentTabs from "../ContentTabs.svelte"
     import ErrorAlert from "../../common/ErrorAlert.svelte"
@@ -9,8 +9,11 @@
     import EditHeader from "../EditHeader.svelte";
 
     const dispatch = createEventDispatcher();
-     function save(){
-        dispatch("save");
+
+    function save() {
+        dispatch("save", {
+            status: status
+        });
 
     }
 
@@ -32,7 +35,7 @@
         : null;
 
 
-    export function setOriginalData(){
+    export function setOriginalData() {
         originalContent = {
             data: JSON.parse(JSON.stringify(data)),
             status: status,
@@ -42,7 +45,7 @@
 
     }
 
-    onMount(()=>{
+    onMount(() => {
         setOriginalData()
     })
 
@@ -85,11 +88,11 @@
 
 <svelte:window on:beforeunload={beforeUnload}/>
 
-<div >
+<div>
     <EditHeader {schema} {record} {isCreateMode} {title}/>
 
     <div class=" mt-4" style="margin-bottom:150px">
-        <SaveButtons on:save={save} status={status} {hasUnsavedData} />
+        <SaveButtons on:save={save} bind:status {hasUnsavedData} {isCreateMode}/>
         <ErrorAlert message={errorMessage}/>
         <ContentTabs
                 {schema}

front/js/svelte/records/form/FormField.svelte

@@ -32,6 +32,7 @@
     export let data;
     export let validationErrors;
     export let isCreateMode;
+
     let formElement = formElements[field.info.name];
     const uniqueId = `field-${field.name}-id`;
 </script>

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

@@ -3,6 +3,7 @@
     import {getContext} from "svelte";
     import Form from "../Form.svelte";
     import OffCanvas from "../../../common/OffCanvas.svelte";
+    import Preview from "../../../newPreview/Preview.svelte";
 
     export let field;
     export let edge;
@@ -24,7 +25,6 @@
     }
 </script>
 
-
 <OffCanvas bind:this={offCanvas}>
     <Form
             bind:this={form}