default editors

app/assets/javascripts/app/services/directives/views/editorMenu.js

@@ -9,24 +9,11 @@ class EditorMenu {
     };
   }
 
-  controller($scope, modelManager, extensionManager, syncManager) {
+  controller($scope, modelManager, editorManager, syncManager) {
     'ngInject';
 
     $scope.formData = {};
-
-    let editorContentType = "SN|Editor";
-
-    let defaultEditor = {
-      default: true,
-      name: "Plain"
-    }
-
-    $scope.sysEditors = [defaultEditor];
-    $scope.editors = modelManager.itemsForContentType(editorContentType);
-
-    $scope.editorForUrl = function(url) {
-      return $scope.editors.filter(function(editor){return editor.url == url})[0];
-    }
+    $scope.editorManager = editorManager;
 
     $scope.selectEditor = function(editor) {
       $scope.callback()(editor);
@@ -34,38 +21,23 @@ class EditorMenu {
 
     $scope.deleteEditor = function(editor) {
       if(confirm("Are you sure you want to delete this editor?")) {
-        modelManager.setItemToBeDeleted(editor);
-        syncManager.sync();
-        _.pull($scope.editors, editor);
+        editorManager.deleteEditor(editor);
       }
     }
 
+    $scope.setDefaultEditor = function(editor) {
+      editorManager.setDefaultEditor(editor);
+    }
+
+    $scope.removeDefaultEditor = function(editor) {
+      editorManager.removeDefaultEditor(editor);
+    }
+
     $scope.submitNewEditorRequest = function() {
-      var editor = createEditor($scope.formData.url);
-      modelManager.addItem(editor);
-      editor.setDirty(true);
-      syncManager.sync();
-      $scope.editors.push(editor);
+      editorManager.addNewEditorFromURL($scope.formData.url);
       $scope.formData = {};
     }
 
-    function createEditor(url) {
-      var name = getParameterByName("name", url);
-      return modelManager.createItem({
-        content_type: editorContentType,
-        url: url,
-        name: name
-      })
-    }
-
-    function getParameterByName(name, url) {
-      name = name.replace(/[\[\]]/g, "\\$&");
-      var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
-          results = regex.exec(url);
-      if (!results) return null;
-      if (!results[2]) return '';
-      return decodeURIComponent(results[2].replace(/\+/g, " "));
-    }
   }
 
 }

app/assets/javascripts/app/services/editorManager.js

@@ -0,0 +1,107 @@
+class EditorManager {
+
+
+  constructor($rootScope, modelManager, syncManager) {
+      this.syncManager = syncManager;
+      this.modelManager = modelManager;
+
+      this.editorType = "SN|Editor";
+      this._systemEditor = {
+        systemEditor: true,
+        name: "Plain"
+      }
+
+      $rootScope.$on("sync:completed", function(){
+        if(this.systemEditor.uuid) {
+          return;
+        }
+
+        var liveSysEditor = _.find(this.allEditors, {systemEditor: true});
+        if(liveSysEditor) {
+          this._systemEditor = liveSysEditor;
+        } else {
+          this._systemEditor = modelManager.createItem({
+            content_type: this.editorType,
+            systemEditor: true,
+            name: "Plain"
+          })
+          modelManager.addItem(this._systemEditor);
+          this._systemEditor.setDirty(true);
+          syncManager.sync();
+        }
+      }.bind(this))
+  }
+
+  get allEditors() {
+    return this.modelManager.itemsForContentType(this.editorType);
+  }
+
+  get externalEditors() {
+    return this.allEditors.filter(function(editor){
+      return !editor.systemEditor;
+    })
+  }
+
+  get systemEditors() {
+    return [this.systemEditor];
+  }
+
+  get systemEditor() {
+    return this._systemEditor;
+  }
+
+  get defaultEditor() {
+    return _.find(this.externalEditors, {default: true});
+  }
+
+  editorForUrl(url) {
+    return this.externalEditors.filter(function(editor){return editor.url == url})[0];
+  }
+
+  setDefaultEditor(editor) {
+    var defaultEditor = this.defaultEditor;
+    if(defaultEditor) {
+      defaultEditor.default = false;
+      defaultEditor.setDirty(true);
+    }
+    editor.default = true;
+    editor.setDirty(true);
+    this.syncManager.sync();
+  }
+
+  removeDefaultEditor(editor) {
+    editor.default = false;
+    editor.setDirty(true);
+    this.syncManager.sync();
+  }
+
+  addNewEditorFromURL(url) {
+    var name = getParameterByName("name", url);
+    var editor = modelManager.createItem({
+      content_type: this.editorType,
+      url: url,
+      name: name
+    })
+
+    this.modelManager.addItem(editor);
+    editor.setDirty(true);
+    this.syncManager.sync();
+  }
+
+  deleteEditor(editor) {
+    this.modelManager.setItemToBeDeleted(editor);
+    this.syncManager.sync();
+  }
+
+  getParameterByName(name, url) {
+    name = name.replace(/[\[\]]/g, "\\$&");
+    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+        results = regex.exec(url);
+    if (!results) return null;
+    if (!results[2]) return '';
+    return decodeURIComponent(results[2].replace(/\+/g, " "));
+  }
+
+}
+
+angular.module('app.frontend').service('editorManager', EditorManager);

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

@@ -208,6 +208,7 @@ class SyncManager {
         }.bind(this), 10); // wait 10ms to allow UI to update
       } else {
         this.callQueuedCallbacksAndCurrent(callback, response);
+        this.$rootScope.$broadcast("sync:completed");
       }
     }.bind(this);