track time traveller update times to compare with draft update times,…

… save notify about changes

src/sdk/lsf-sdk.js

@@ -677,24 +677,24 @@ export class LSFWrapper {
   };
 
   draftToast = (status) => {
-
     if (status === 200 || status === 201) this.datamanager.invoke("toast", { message: "Draft saved successfully", type: "info" });
     else if (status !== undefined) this.datamanager.invoke("toast", { message: "There was an error saving your draft", type: "error" });
 
   }
 
+  needsDraftSave = (annotation) =>  annotation?.history?.hasChanges && new Date(annotation.history.lastAdditionTime) > new Date(annotation.draftSaved);
+
   saveDraft = async (target = null) => {
-    const selected = target || this.lsf?.annotationStore?.selected;
-    const hasChanges = selected.history.hasChanges;
-    const submissionInProgress  = selected?.submissionStarted;
-    const draftIsFresh = new Date(selected.draftSaved) > new Date() - selected.autosaveDelay;
+    const annotation = target || this.lsf?.annotationStore?.selected;
+    const hasChanges = this.needsDraftSave(annotation);
+    const submissionInProgress  = annotation?.submissionStarted;
 
-    if (selected?.isDraftSaving || draftIsFresh) {
-      await when(() => !selected.isDraftSaving);
+    if (annotation?.isDraftSaving) {
+      await when(() => !annotation.isDraftSaving);
       this.draftToast(200);
     }
-    else if (hasChanges && selected && !submissionInProgress) {
-      const res = await selected?.saveDraftImmediatelyWithResults();
+    else if (hasChanges && annotation && !submissionInProgress) {
+      const res = await annotation?.saveDraftImmediatelyWithResults();
       const status = res?.$meta?.status;
 
       this.draftToast(status);
@@ -704,6 +704,8 @@ export class LSFWrapper {
   onSubmitDraft = async (studio, annotation, params = {}) => {
     const annotationDoesntExist = !annotation.pk;
     const data = { body: this.prepareData(annotation, { draft: true }) }; // serializedAnnotation
+    const hasChanges = this.needsDraftSave(annotation);
+    const showToast = params?.useToast && hasChanges;
 
     Object.assign(data.body, params);
 
@@ -712,7 +714,8 @@ export class LSFWrapper {
     if (annotation.draftId > 0) {
       // draft has been already created
       const res = await this.datamanager.apiCall("updateDraft", { draftID: annotation.draftId }, data);
-
+
+      showToast && this.draftToast(res?.$meta?.status);
       return res;
 
     } else {
@@ -728,6 +731,8 @@ export class LSFWrapper {
         );
       }
       response?.id && annotation.setDraftId(response?.id);
+      showToast && this.draftToast(response?.$meta?.status);
+
       return response;
     }
   };