Saving status improvements

app/assets/javascripts/app/controllers/editor.js

@@ -276,6 +276,11 @@ angular.module('app')
       let note = this.note;
       note.dummy = false;
 
+      if(note.deleted) {
+        alert("The note you are attempting to edit has been deleted, and is awaiting sync. Changes you make will be disregarded.");
+        return;
+      }
+
       if(!modelManager.findItem(note.uuid)) {
         alert("The note you are attempting to save can not be found or has been deleted. Changes you make will not be synced. Please copy this note's text and start a new note.");
         return;
@@ -330,7 +335,7 @@ angular.module('app')
       if(!error) {
         error = {
           message: "Sync Unreachable",
-          desc: "All changes saved offline"
+          desc: "Changes saved offline"
         }
       }
       this.saveError = true;

app/assets/javascripts/app/controllers/notes.js

@@ -296,6 +296,13 @@ angular.module('app')
         })
       }
 
+      if(note.deleted) {
+        flags.push({
+          text: "Deletion Pending Sync",
+          class: "danger"
+        })
+      }
+
       note.flags = flags;
 
       return flags;

app/assets/javascripts/app/directives/views/revisionPreviewModal.js

@@ -75,6 +75,7 @@ class RevisionPreviewModal {
         var uuid = $scope.uuid;
         item = modelManager.findItem(uuid);
         item.content = Object.assign({}, $scope.content);
+        // mapResponseItemsToLocalModels is async, but we don't need to wait here.
         modelManager.mapResponseItemsToLocalModels([item], SFModelManager.MappingSourceRemoteActionRetrieved);
       }
 

app/assets/javascripts/app/services/syncManager.js

@@ -5,6 +5,8 @@ class SyncManager extends SFSyncManager {
     this.$rootScope = $rootScope;
     this.$compile = $compile;
 
+    // this.loggingEnabled = true;
+
     // Content types appearing first are always mapped first
     this.contentTypeLoadPriority = [
       "SN|UserPreferences", "SN|Privileges",

app/assets/stylesheets/app/_editor.scss

@@ -29,12 +29,15 @@ $heading-height: 75px;
   height: auto;
   overflow: visible;
 
+  $title-width: 70%;
+  $save-status-width: 30%;
+
   > .title {
     font-size: var(--sn-stylekit-font-size-h1);
     font-weight: bold;
     padding-top: 0px;
-    width: 100%;
-    padding-right: 120px; /* make room for save status */
+    width: $title-width;
+    padding-right: 20px; /* make room for save status */
 
     > .input {
       float: left;
@@ -54,7 +57,7 @@ $heading-height: 75px;
   }
 
   #save-status {
-    width: 20%;
+    width: $save-status-width;
     float: right;
     position: absolute;
 
@@ -64,6 +67,7 @@ $heading-height: 75px;
     font-weight: normal;
     margin-top: 4px;
     text-align: right;
+    white-space: nowrap;
 
     .desc, .message:not(.warning):not(.danger) {
       // color: var(--sn-stylekit-editor-foreground-color);