all extension type

2017-01-05 19:22:34 -06:00
parent 54ac4ffd15
commit 6306f2a316
16 changed files with 508 additions and 272 deletions
--- a/app/assets/javascripts/app/frontend/controllers/editor.js
+++ b/app/assets/javascripts/app/frontend/controllers/editor.js
@@ -207,7 +207,7 @@ angular.module('app.frontend')

      var original = this.note.presentation_name;
      this.note.presentation_name = this.url.token;
-      this.note.dirty = true;
+      this.note.setDirty(true);

      apiController.sync(function(response){
        if(!response) {
--- a/app/assets/javascripts/app/frontend/controllers/header.js
+++ b/app/assets/javascripts/app/frontend/controllers/header.js
@@ -48,7 +48,9 @@ angular.module('app.frontend')
    }

    this.selectedAction = function(action, extension) {
+      action.running = true;
      extensionManager.executeAction(action, extension, function(response){
+        action.running = false;
        apiController.sync(null);
      })
    }
--- a/app/assets/javascripts/app/frontend/controllers/home.js
+++ b/app/assets/javascripts/app/frontend/controllers/home.js
@@ -54,7 +54,7 @@ angular.module('app.frontend')
    }

    $scope.tagsSave = function(tag, callback) {
-      tag.dirty = true;
+      tag.setDirty(true);
      apiController.sync(callback);
    }

@@ -111,7 +111,7 @@ angular.module('app.frontend')
    */

    $scope.saveNote = function(note, callback) {
-      note.dirty = true;
+      note.setDirty(true);

      apiController.sync(function(){
        note.hasChanges = false;
--- a/app/assets/javascripts/app/frontend/controllers/notes.js
+++ b/app/assets/javascripts/app/frontend/controllers/notes.js
@@ -25,7 +25,7 @@ angular.module('app.frontend')
      }
    }
  })
-  .controller('NotesCtrl', function (apiController, $timeout, $rootScope) {
+  .controller('NotesCtrl', function (apiController, $timeout, $rootScope, modelManager) {

    $rootScope.$on("editorFocused", function(){
      this.showMenu = false;
@@ -110,7 +110,7 @@ angular.module('app.frontend')

    this.createNewNote = function() {
      var title = "New Note" + (this.tag.notes ? (" " + (this.tag.notes.length + 1)) : "");
-      this.newNote = new Note({dummy: true, text: ""});
+      this.newNote = modelManager.createItem({content_type: "Note", dummy: true, text: ""});
      this.newNote.title = title;
      this.selectNote(this.newNote);
      this.addNew()(this.newNote);
--- a/app/assets/javascripts/app/frontend/controllers/tags.js
+++ b/app/assets/javascripts/app/frontend/controllers/tags.js
@@ -33,7 +33,7 @@ angular.module('app.frontend')
      }
    }
  })
-  .controller('TagsCtrl', function () {
+  .controller('TagsCtrl', function (modelManager) {

    var initialLoad = true;

@@ -63,7 +63,7 @@ angular.module('app.frontend')
        return;
      }

-      this.newTag = new Tag({});
+      this.newTag = modelManager.createItem({content_type: "Tag"});
      this.selectedTag = this.newTag;
      this.editingTag = this.newTag;
      this.addNew()(this.newTag);
--- a/app/assets/javascripts/app/frontend/models/api/item.js
+++ b/app/assets/javascripts/app/frontend/models/api/item.js
@@ -4,6 +4,8 @@ class Item {

    this.updateFromJSON(json_obj);

+    this.observers = [];
+
    if(!this.uuid) {
      this.uuid = Neeto.crypto.generateUUID();
    }
@@ -44,6 +46,30 @@ class Item {
    }
  }

+  setDirty(dirty) {
+    this.dirty = dirty;
+
+    if(dirty) {
+      this.notifyObserversOfChange();
+    }
+  }
+
+  addObserver(observer, callback) {
+    if(!_.find(this.observers, observer)) {
+      this.observers.push({observer: observer, callback: callback});
+    }
+  }
+
+  removeObserver(observer) {
+    _.remove(this.observers, {observer: observer})
+  }
+
+  notifyObserversOfChange() {
+    for(var observer of this.observers) {
+      observer.callback(this);
+    }
+  }
+
  mapContentToLocalProperties(contentObj) {

  }
--- a/app/assets/javascripts/app/frontend/models/app/extension.js
+++ b/app/assets/javascripts/app/frontend/models/app/extension.js
@@ -2,11 +2,16 @@ class Action {
  constructor(json) {
      _.merge(this, json);

+      this.actionVerb = this.type;
+
      var comps = this.type.split(":");
-      if(comps.length > 0) {
-        this.repeatable = true;
-        this.repeatType = comps[0]; // 'watch' or 'poll'
-        this.repeatVerb = comps[1]; // http verb
+      if(comps.length > 1) {
+
+        this.actionType = comps[0]; // 'watch', 'poll', or 'all'
+        this.repeatable = this.actionType == "watch" || this.actionType == "poll";
+
+        this.actionVerb = comps[1]; // http verb : "get", "post", "show"
+
        this.repeatFrequency = comps[2];
      }
  }
--- a/app/assets/javascripts/app/frontend/models/app/note.js
+++ b/app/assets/javascripts/app/frontend/models/app/note.js
@@ -51,7 +51,7 @@ class Note extends Item {
  removeAllRelationships() {
    this.tags.forEach(function(tag){
      _.pull(tag.notes, this);
-      tag.dirty = true;
+      tag.setDirty(true);
    }.bind(this))
    this.tags = [];
  }
--- a/app/assets/javascripts/app/frontend/models/app/tag.js
+++ b/app/assets/javascripts/app/frontend/models/app/tag.js
@@ -49,7 +49,7 @@ class Tag extends Item {
  removeAllRelationships() {
    this.notes.forEach(function(note){
      _.pull(note.tags, this);
-      note.dirty = true;
+      note.setDirty(true);
    }.bind(this))

    this.notes = [];
--- a/app/assets/javascripts/app/services/apiController.js
+++ b/app/assets/javascripts/app/services/apiController.js
@@ -312,7 +312,7 @@ angular.module('app.frontend')
          item.presentation_name = "_auto_";
          var needsUpdate = [item].concat(item.referencesAffectedBySharingChange() || []);
          needsUpdate.forEach(function(needingUpdate){
-            needingUpdate.dirty = true;
+            needingUpdate.setDirty(true);
          })
          this.sync();
        }.bind(this)
@@ -339,7 +339,7 @@ angular.module('app.frontend')
        item.presentation_name = null;
        var needsUpdate = [item].concat(item.referencesAffectedBySharingChange() || []);
        needsUpdate.forEach(function(needingUpdate){
-          needingUpdate.dirty = true;
+          needingUpdate.setDirty(true);
        })
        this.sync(null);
      }
@@ -352,7 +352,7 @@ angular.module('app.frontend')
        var data = JSON.parse(jsonString);
        modelManager.mapResponseItemsToLocalModels(data.items);
        modelManager.items.forEach(function(item){
-          item.dirty = true;
+          item.setDirty(true);
        })
        this.syncWithOptions(callback, {additionalFields: ["created_at", "updated_at"]});
      }
@@ -459,7 +459,8 @@ angular.module('app.frontend')
        if(!draftString || draftString == 'undefined') {
          return null;
        }
-        return new Note(JSON.parse(draftString));
+        var jsonObj = _.merge({content_type: "Note"}, JSON.parse(draftString));
+        return modelManager.createItem(jsonObj);
      }


--- a/app/assets/javascripts/app/services/extensionManager.js
+++ b/app/assets/javascripts/app/services/extensionManager.js
@@ -34,7 +34,6 @@ class ExtensionManager {
  retrieveExtensionFromServer(url, callback) {
    console.log("Registering URL", url);
    this.Restangular.oneUrl(url, url).get().then(function(response){
-      console.log("get response", response.plain());
      var ext = this.handleExtensionLoadExternalResponseItem(url, response.plain());
      if(callback) {
        callback(ext);
@@ -49,12 +48,10 @@ class ExtensionManager {
    var extension = _.find(this.extensions, {url: url});
    if(extension) {
      extension.updateFromExternalResponseItem(externalResponseItem);
-      console.log("updated existing ext", extension);
    } else {
-      console.log("creating new ext", externalResponseItem);
      extension = new Extension(externalResponseItem);
      extension.url = url;
-      extension.dirty = true;
+      extension.setDirty(true);
      this.modelManager.addItem(extension);
      this.apiController.sync(null);
    }
@@ -70,12 +67,13 @@ class ExtensionManager {

    for(var ext of this.extensions) {
      this.retrieveExtensionFromServer(ext.url, function(extension){
-        extension.dirty = true;
+        extension.setDirty(true);
      });
    }
  }

  executeAction(action, extension, callback) {
+
    if(action.type == "get") {
      this.Restangular.oneUrl(action.url, action.url).get().then(function(response){
        console.log("Execute action response", response);
@@ -84,6 +82,21 @@ class ExtensionManager {
        callback(items);
      }.bind(this))
    }
+
+     else if(action.type == "show") {
+      var win = window.open(action.url, '_blank');
+      win.focus();
+      callback();
+    }
+
+     else if(action.actionType == "all") {
+      var allItems = this.modelManager.allItems();
+      this.performPost(action, allItems, function(items){
+        callback(items);
+      });
+    }
+
+    action.lastExecuted = new Date();
  }

  isRepeatActionEnabled(action) {
@@ -93,7 +106,7 @@ class ExtensionManager {
  disableRepeatAction(action, extension) {
    console.log("Disabling action", action);
    _.pull(this.enabledRepeatActionUrls, action.url);
-    this.modelManager.removeItemSyncObserver(action.url);
+    this.modelManager.removeItemChangeObserver(action.url);
    console.assert(this.isRepeatActionEnabled(action) == false);
  }

@@ -107,7 +120,7 @@ class ExtensionManager {

    if(action.repeatType == "watch") {
      for(var structure of action.structures) {
-        this.modelManager.addItemSyncObserver(action.url, structure.type, function(changedItems){
+        this.modelManager.addItemChangeObserver(action.url, structure.type, function(changedItems){
          this.triggerWatchAction(action, changedItems);
        }.bind(this))
      }
@@ -117,12 +130,9 @@ class ExtensionManager {
  queueAction(action, delay, changedItems) {
    this.actionQueue = this.actionQueue || [];
    if(_.find(this.actionQueue, action)) {
-      // console.log("Action already queued, skipping.")
      return;
    }

-    // console.log("Adding action to queue", action);
-
    this.actionQueue.push(action);

    setTimeout(function () {
@@ -132,6 +142,10 @@ class ExtensionManager {
    }.bind(this), delay * 1000);
  }

+  outgoingParamsForItem(item) {
+    return this.apiController.paramsForItem(item, false, null, true);
+  }
+
  triggerWatchAction(action, changedItems) {
    // console.log("Watch action triggered", action, changedItems);
    if(action.repeatFrequency > 0) {
@@ -147,21 +161,29 @@ class ExtensionManager {
    }

    console.log("Performing action immediately", action);
+
    action.lastExecuted = new Date();
-    // console.log("setting last exectured", action.lastExecuted)

    if(action.repeatVerb == "post") {
-      var request = this.Restangular.oneUrl(action.url, action.url);
-      request.items = changedItems.map(function(item){
-        var params = {uuid: item.uuid, content_type: item.content_type, content: item.createContentJSONFromProperties()};
-        return params;
-      })
-      request.post().then(function(response){
-        // console.log("watch action response", response);
-      })
+      this.performPost(action, changedItems, null);
    }
  }

+  performPost(action, items, callback) {
+    var request = this.Restangular.oneUrl(action.url, action.url);
+    request.items = items.map(function(item){
+      var params = this.outgoingParamsForItem(item);
+      return params;
+    }.bind(this))
+
+    request.post().then(function(response){
+      // console.log("watch action response", response);
+      if(callback) {
+        callback(response.plain());
+      }
+    })
+  }
+
 }

 angular.module('app.frontend').service('extensionManager', ExtensionManager);
--- a/app/assets/javascripts/app/services/modelManager.js
+++ b/app/assets/javascripts/app/services/modelManager.js
@@ -4,10 +4,15 @@ class ModelManager {
    this.notes = [];
    this.tags = [];
    this.itemSyncObservers = [];
+    this.itemChangeObservers = [];
    this.items = [];
    this.extensions = [];
  }

+  allItems() {
+    return this.items.filter(function(item){return !item.dummy})
+  }
+
  findItem(itemId) {
    return _.find(this.items, {uuid: itemId});
  }
@@ -45,27 +50,47 @@ class ModelManager {
      models.push(item)
    }

+    this.notifySyncObserversOfModels(models);
+
+    this.sortItems();
+    return models;
+  }
+
+  notifySyncObserversOfModels(models) {
    for(var observer of this.itemSyncObservers) {
      var relevantItems = models.filter(function(item){return item.content_type == observer.type});
      if(relevantItems.length > 0) {
        observer.callback(relevantItems);
      }
    }
+  }

-    this.sortItems();
-    return models;
+  notifyItemChangeObserversOfModels(models) {
+    for(var observer of this.itemChangeObservers) {
+      var relevantItems = models.filter(function(item){return item.content_type == observer.type});
+      if(relevantItems.length > 0) {
+        observer.callback(relevantItems);
+      }
+    }
  }

  createItem(json_obj) {
+    var item;
    if(json_obj.content_type == "Note") {
-      return new Note(json_obj);
+      item = new Note(json_obj);
    } else if(json_obj.content_type == "Tag") {
-      return new Tag(json_obj);
+      item = new Tag(json_obj);
    } else if(json_obj.content_type == "Extension") {
-      return new Extension(json_obj);
+      item = new Extension(json_obj);
    } else {
-      return new Item(json_obj);
+      item = new Item(json_obj);
    }
+
+    item.addObserver(this, function(changedItem){
+      this.notifyItemChangeObserversOfModels([changedItem]);
+    }.bind(this));
+
+    return item;
  }

  addItems(items) {
@@ -131,6 +156,14 @@ class ModelManager {
    _.remove(this.itemSyncObservers, _.find(this.itemSyncObservers, {id: id}));
  }

+  addItemChangeObserver(id, type, callback) {
+    this.itemChangeObservers.push({id: id, type: type, callback: callback});
+  }
+
+  removeItemChangeObserver(id) {
+    _.remove(this.itemChangeObservers, _.find(this.itemChangeObservers, {id: id}));
+  }
+
  get filteredNotes() {
    return Note.filterDummyNotes(this.notes);
  }
@@ -141,13 +174,13 @@ class ModelManager {

  clearDirtyItems() {
    this.getDirtyItems().forEach(function(item){
-      item.dirty = false;
+      item.setDirty(false);
    })
  }

  setItemToBeDeleted(item) {
    item.deleted = true;
-    item.dirty = true;
+    item.setDirty(true);
    item.removeAllRelationships();
  }

@@ -171,16 +204,16 @@ class ModelManager {
    itemOne.addItemAsRelationship(itemTwo);
    itemTwo.addItemAsRelationship(itemOne);

-    itemOne.dirty = true;
-    itemTwo.dirty = true;
+    itemOne.setDirty(true);
+    itemTwo.setDirty(true);
  }

  removeRelationshipBetweenItems(itemOne, itemTwo) {
    itemOne.removeItemAsRelationship(itemTwo);
    itemTwo.removeItemAsRelationship(itemOne);

-    itemOne.dirty = true;
-    itemTwo.dirty = true;
+    itemOne.setDirty(true);
+    itemTwo.setDirty(true);
  }
 }

--- a/app/assets/stylesheets/app/_header.scss
+++ b/app/assets/stylesheets/app/_header.scss
@@ -320,7 +320,7 @@ Extensions

        > .execute {
          font-weight: bold;
-          margin-bottom: 3px;
+          margin-bottom: 0px;
          font-size: 12px;
        }

--- a/app/assets/templates/frontend/header.html.haml
+++ b/app/assets/templates/frontend/header.html.haml
@@ -98,21 +98,26 @@
                      .desc{"style" => "font-style: italic;"} {{action.desc}}
                      .execute-type{"ng-if" => "action.repeatable"}
                        Repeats at most once every {{action.repeatFrequency}} seconds
-                      .last-run{"ng-if" => "action.lastExecuted"}
-                        Last executed {{action.lastExecuted | appDate}}
                      .permissions
                        %a{"ng-click" => "action.showPermissions = !action.showPermissions"} {{action.showPermissions ? "Hide permissions" : "Show permissions"}}
                        .permission-model{"ng-if" => "action.showPermissions", "ng-repeat" => "structure in action.structures"}
                          %span{"style" => "font-weight: bold;"} {{structure.type}}s:
-                          %span{"ng-repeat" => "field in structure.fields"}
-                            {{field.name}} ({{field.modifies ? "readwrite" : "read"}})
+                          %span{"ng-if" => "action.actionType == 'all'"} all {{" | "}}
+                          %span{"ng-if" => "action.actionType == 'watch'"} changes {{" | "}}
+                          %span {{structure.mode}}
+                          %span {{" | "}}
+                          %span {{structure.decrypted ? "decrypted" : "encrypted"}}
                      .execute
                        %a{"ng-click" => "ctrl.selectedAction(action, extension)"}
                          %span{"ng-if" => "action.repeatable"}
                            %span{"ng-if" => "ctrl.extensionManager.isRepeatActionEnabled(action)", "ng-click" => "ctrl.extensionManager.disableRepeatAction(action, extension)"} Disable
                            %span{"ng-if" => "!ctrl.extensionManager.isRepeatActionEnabled(action)", "ng-click" => "ctrl.extensionManager.enableRepeatAction(action, extension)"} Enable
-                          %span{"ng-if" => "!action.repeatable"}
-                            Perform Action
+                          %span{"ng-if" => "!action.repeatable && !action.running"}
+                            Run
+                          %span{"ng-if" => "action.running"}
+                            .spinner{"style" => "margin-top: 3px;"}
+                      .last-run{"ng-if" => "action.lastExecuted && !action.running"}
+                        Last executed {{action.lastExecuted | appDateTime}}

              .extension-link
                %a{"ng-click" => "ctrl.toggleExtensionForm()"} Add new extension
--- a/vendor/assets/javascripts/transpiled.js
+++ b/vendor/assets/javascripts/transpiled.js
@@ -656,7 +656,7 @@ angular.module('app.frontend').controller('BaseCtrl', BaseCtrl);

    var original = this.note.presentation_name;
    this.note.presentation_name = this.url.token;
-    this.note.dirty = true;
+    this.note.setDirty(true);

    apiController.sync(function (response) {
      if (!response) {
@@ -760,7 +760,9 @@ angular.module('app.frontend').controller('BaseCtrl', BaseCtrl);
  };

  this.selectedAction = function (action, extension) {
+    action.running = true;
    extensionManager.executeAction(action, extension, function (response) {
+      action.running = false;
      apiController.sync(null);
    });
  };
@@ -973,7 +975,7 @@ angular.module('app.frontend').controller('BaseCtrl', BaseCtrl);
  };

  $scope.tagsSave = function (tag, callback) {
-    tag.dirty = true;
+    tag.setDirty(true);
    apiController.sync(callback);
  };

@@ -1030,7 +1032,7 @@ angular.module('app.frontend').controller('BaseCtrl', BaseCtrl);
  */

  $scope.saveNote = function (note, callback) {
-    note.dirty = true;
+    note.setDirty(true);

    apiController.sync(function () {
      note.hasChanges = false;
@@ -1091,7 +1093,7 @@ angular.module('app.frontend').controller('BaseCtrl', BaseCtrl);
      });
    }
  };
-}).controller('NotesCtrl', function (apiController, $timeout, $rootScope) {
+}).controller('NotesCtrl', function (apiController, $timeout, $rootScope, modelManager) {

  $rootScope.$on("editorFocused", function () {
    this.showMenu = false;
@@ -1174,7 +1176,7 @@ angular.module('app.frontend').controller('BaseCtrl', BaseCtrl);

  this.createNewNote = function () {
    var title = "New Note" + (this.tag.notes ? " " + (this.tag.notes.length + 1) : "");
-    this.newNote = new Note({ dummy: true, text: "" });
+    this.newNote = modelManager.createItem({ content_type: "Note", dummy: true, text: "" });
    this.newNote.title = title;
    this.selectNote(this.newNote);
    this.addNew()(this.newNote);
@@ -1232,7 +1234,7 @@ angular.module('app.frontend').controller('BaseCtrl', BaseCtrl);
      });
    }
  };
-}).controller('TagsCtrl', function () {
+}).controller('TagsCtrl', function (modelManager) {

  var initialLoad = true;

@@ -1262,7 +1264,7 @@ angular.module('app.frontend').controller('BaseCtrl', BaseCtrl);
      return;
    }

-    this.newTag = new Tag({});
+    this.newTag = modelManager.createItem({ content_type: "Tag" });
    this.selectedTag = this.newTag;
    this.editingTag = this.newTag;
    this.addNew()(this.newTag);
@@ -1325,6 +1327,8 @@ var Item = function () {

    this.updateFromJSON(json_obj);

+    this.observers = [];
+
    if (!this.uuid) {
      this.uuid = Neeto.crypto.generateUUID();
    }
@@ -1346,6 +1350,55 @@ var Item = function () {
        this.mapContentToLocalProperties(this.contentObject);
      }
    }
+  }, {
+    key: 'setDirty',
+    value: function setDirty(dirty) {
+      this.dirty = dirty;
+
+      if (dirty) {
+        this.notifyObserversOfChange();
+      }
+    }
+  }, {
+    key: 'addObserver',
+    value: function addObserver(observer, callback) {
+      if (!_.find(this.observers, observer)) {
+        this.observers.push({ observer: observer, callback: callback });
+      }
+    }
+  }, {
+    key: 'removeObserver',
+    value: function removeObserver(observer) {
+      _.remove(this.observers, { observer: observer });
+    }
+  }, {
+    key: 'notifyObserversOfChange',
+    value: function notifyObserversOfChange() {
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = this.observers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var observer = _step.value;
+
+          observer.callback(this);
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+    }
  }, {
    key: 'mapContentToLocalProperties',
    value: function mapContentToLocalProperties(contentObj) {}
@@ -1443,11 +1496,16 @@ var Action = function Action(json) {

  _.merge(this, json);

+  this.actionVerb = this.type;
+
  var comps = this.type.split(":");
-  if (comps.length > 0) {
-    this.repeatable = true;
-    this.repeatType = comps[0]; // 'watch' or 'poll'
-    this.repeatVerb = comps[1]; // http verb
+  if (comps.length > 1) {
+
+    this.actionType = comps[0]; // 'watch', 'poll', or 'all'
+    this.repeatable = this.actionType == "watch" || this.actionType == "poll";
+
+    this.actionVerb = comps[1]; // http verb : "get", "post", "show"
+
    this.repeatFrequency = comps[2];
  }
 };
@@ -1571,7 +1629,7 @@ var Note = function (_Item2) {
    value: function removeAllRelationships() {
      this.tags.forEach(function (tag) {
        _.pull(tag.notes, this);
-        tag.dirty = true;
+        tag.setDirty(true);
      }.bind(this));
      this.tags = [];
    }
@@ -1608,29 +1666,29 @@ var Note = function (_Item2) {
  }, {
    key: 'hasOnePublicTag',
    get: function get() {
-      var _iteratorNormalCompletion = true;
-      var _didIteratorError = false;
-      var _iteratorError = undefined;
+      var _iteratorNormalCompletion2 = true;
+      var _didIteratorError2 = false;
+      var _iteratorError2 = undefined;

      try {
-        for (var _iterator = this.tags[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var tag = _step.value;
+        for (var _iterator2 = this.tags[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var tag = _step2.value;

          if (tag.isPublic()) {
            return true;
          }
        }
      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
      } finally {
        try {
-          if (!_iteratorNormalCompletion && _iterator.return) {
-            _iterator.return();
+          if (!_iteratorNormalCompletion2 && _iterator2.return) {
+            _iterator2.return();
          }
        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
+          if (_didIteratorError2) {
+            throw _iteratorError2;
          }
        }
      }
@@ -1718,7 +1776,7 @@ var Tag = function (_Item3) {
    value: function removeAllRelationships() {
      this.notes.forEach(function (note) {
        _.pull(note.tags, this);
-        note.dirty = true;
+        note.setDirty(true);
      }.bind(this));

      this.notes = [];
@@ -2049,7 +2107,7 @@ var User = function User(json_obj) {
        item.presentation_name = "_auto_";
        var needsUpdate = [item].concat(item.referencesAffectedBySharingChange() || []);
        needsUpdate.forEach(function (needingUpdate) {
-          needingUpdate.dirty = true;
+          needingUpdate.setDirty(true);
        });
        this.sync();
      }.bind(this);
@@ -2078,7 +2136,7 @@ var User = function User(json_obj) {
      item.presentation_name = null;
      var needsUpdate = [item].concat(item.referencesAffectedBySharingChange() || []);
      needsUpdate.forEach(function (needingUpdate) {
-        needingUpdate.dirty = true;
+        needingUpdate.setDirty(true);
      });
      this.sync(null);
    };
@@ -2091,7 +2149,7 @@ var User = function User(json_obj) {
      var data = JSON.parse(jsonString);
      modelManager.mapResponseItemsToLocalModels(data.items);
      modelManager.items.forEach(function (item) {
-        item.dirty = true;
+        item.setDirty(true);
      });
      this.syncWithOptions(callback, { additionalFields: ["created_at", "updated_at"] });
    };
@@ -2193,7 +2251,8 @@ var User = function User(json_obj) {
      if (!draftString || draftString == 'undefined') {
        return null;
      }
-      return new Note(JSON.parse(draftString));
+      var jsonObj = _.merge({ content_type: "Note" }, JSON.parse(draftString));
+      return modelManager.createItem(jsonObj);
    };

    /*
@@ -2252,13 +2311,13 @@ var User = function User(json_obj) {

    this.decryptItems = function (items) {
      var masterKey = this.retrieveMk();
-      var _iteratorNormalCompletion2 = true;
-      var _didIteratorError2 = false;
-      var _iteratorError2 = undefined;
+      var _iteratorNormalCompletion3 = true;
+      var _didIteratorError3 = false;
+      var _iteratorError3 = undefined;

      try {
-        for (var _iterator2 = items[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-          var item = _step2.value;
+        for (var _iterator3 = items[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+          var item = _step3.value;

          if (item.deleted == true) {
            continue;
@@ -2273,16 +2332,16 @@ var User = function User(json_obj) {
          }
        }
      } catch (err) {
-        _didIteratorError2 = true;
-        _iteratorError2 = err;
+        _didIteratorError3 = true;
+        _iteratorError3 = err;
      } finally {
        try {
-          if (!_iteratorNormalCompletion2 && _iterator2.return) {
-            _iterator2.return();
+          if (!_iteratorNormalCompletion3 && _iterator3.return) {
+            _iterator3.return();
          }
        } finally {
-          if (_didIteratorError2) {
-            throw _iteratorError2;
+          if (_didIteratorError3) {
+            throw _iteratorError3;
          }
        }
      }
@@ -2657,51 +2716,51 @@ var ExtensionManager = function () {
    this.enabledRepeatActionUrls = JSON.parse(localStorage.getItem("enabledRepeatActionUrls")) || [];

    modelManager.addItemSyncObserver("extensionManager", "Extension", function (items) {
-      var _iteratorNormalCompletion3 = true;
-      var _didIteratorError3 = false;
-      var _iteratorError3 = undefined;
+      var _iteratorNormalCompletion4 = true;
+      var _didIteratorError4 = false;
+      var _iteratorError4 = undefined;

      try {
-        for (var _iterator3 = items[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-          var ext = _step3.value;
-          var _iteratorNormalCompletion4 = true;
-          var _didIteratorError4 = false;
-          var _iteratorError4 = undefined;
+        for (var _iterator4 = items[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+          var ext = _step4.value;
+          var _iteratorNormalCompletion5 = true;
+          var _didIteratorError5 = false;
+          var _iteratorError5 = undefined;

          try {
-            for (var _iterator4 = ext.actions[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
-              var action = _step4.value;
+            for (var _iterator5 = ext.actions[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
+              var action = _step5.value;

              if (this.enabledRepeatActionUrls.includes(action.url)) {
                this.enableRepeatAction(action, ext);
              }
            }
          } catch (err) {
-            _didIteratorError4 = true;
-            _iteratorError4 = err;
+            _didIteratorError5 = true;
+            _iteratorError5 = err;
          } finally {
            try {
-              if (!_iteratorNormalCompletion4 && _iterator4.return) {
-                _iterator4.return();
+              if (!_iteratorNormalCompletion5 && _iterator5.return) {
+                _iterator5.return();
              }
            } finally {
-              if (_didIteratorError4) {
-                throw _iteratorError4;
+              if (_didIteratorError5) {
+                throw _iteratorError5;
              }
            }
          }
        }
      } catch (err) {
-        _didIteratorError3 = true;
-        _iteratorError3 = err;
+        _didIteratorError4 = true;
+        _iteratorError4 = err;
      } finally {
        try {
-          if (!_iteratorNormalCompletion3 && _iterator3.return) {
-            _iterator3.return();
+          if (!_iteratorNormalCompletion4 && _iterator4.return) {
+            _iterator4.return();
          }
        } finally {
-          if (_didIteratorError3) {
-            throw _iteratorError3;
+          if (_didIteratorError4) {
+            throw _iteratorError4;
          }
        }
      }
@@ -2711,81 +2770,15 @@ var ExtensionManager = function () {
  _createClass(ExtensionManager, [{
    key: 'actionWithURL',
    value: function actionWithURL(url) {
-      var _iteratorNormalCompletion5 = true;
-      var _didIteratorError5 = false;
-      var _iteratorError5 = undefined;
-
-      try {
-        for (var _iterator5 = this.extensions[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
-          var extension = _step5.value;
-
-          return _.find(extension.actions, { url: url });
-        }
-      } catch (err) {
-        _didIteratorError5 = true;
-        _iteratorError5 = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion5 && _iterator5.return) {
-            _iterator5.return();
-          }
-        } finally {
-          if (_didIteratorError5) {
-            throw _iteratorError5;
-          }
-        }
-      }
-    }
-  }, {
-    key: 'addExtension',
-    value: function addExtension(url) {
-      this.retrieveExtensionFromServer(url, null);
-    }
-  }, {
-    key: 'retrieveExtensionFromServer',
-    value: function retrieveExtensionFromServer(url, callback) {
-      console.log("Registering URL", url);
-      this.Restangular.oneUrl(url, url).get().then(function (response) {
-        console.log("get response", response.plain());
-        var ext = this.handleExtensionLoadExternalResponseItem(url, response.plain());
-        if (callback) {
-          callback(ext);
-        }
-      }.bind(this)).catch(function (response) {
-        console.log("Error registering extension", response);
-      });
-    }
-  }, {
-    key: 'handleExtensionLoadExternalResponseItem',
-    value: function handleExtensionLoadExternalResponseItem(url, externalResponseItem) {
-      var extension = _.find(this.extensions, { url: url });
-      if (extension) {
-        extension.updateFromExternalResponseItem(externalResponseItem);
-        console.log("updated existing ext", extension);
-      } else {
-        console.log("creating new ext", externalResponseItem);
-        extension = new Extension(externalResponseItem);
-        extension.url = url;
-        extension.dirty = true;
-        this.modelManager.addItem(extension);
-        this.apiController.sync(null);
-      }
-
-      return extension;
-    }
-  }, {
-    key: 'refreshExtensionsFromServer',
-    value: function refreshExtensionsFromServer() {
      var _iteratorNormalCompletion6 = true;
      var _didIteratorError6 = false;
      var _iteratorError6 = undefined;

      try {
-        for (var _iterator6 = this.enabledRepeatActionUrls[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
-          var url = _step6.value;
+        for (var _iterator6 = this.extensions[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
+          var extension = _step6.value;

-          var action = this.actionWithURL(url);
-          this.disableRepeatAction(action);
+          return _.find(extension.actions, { url: url });
        }
      } catch (err) {
        _didIteratorError6 = true;
@@ -2801,18 +2794,54 @@ var ExtensionManager = function () {
          }
        }
      }
+    }
+  }, {
+    key: 'addExtension',
+    value: function addExtension(url) {
+      this.retrieveExtensionFromServer(url, null);
+    }
+  }, {
+    key: 'retrieveExtensionFromServer',
+    value: function retrieveExtensionFromServer(url, callback) {
+      console.log("Registering URL", url);
+      this.Restangular.oneUrl(url, url).get().then(function (response) {
+        var ext = this.handleExtensionLoadExternalResponseItem(url, response.plain());
+        if (callback) {
+          callback(ext);
+        }
+      }.bind(this)).catch(function (response) {
+        console.log("Error registering extension", response);
+      });
+    }
+  }, {
+    key: 'handleExtensionLoadExternalResponseItem',
+    value: function handleExtensionLoadExternalResponseItem(url, externalResponseItem) {
+      var extension = _.find(this.extensions, { url: url });
+      if (extension) {
+        extension.updateFromExternalResponseItem(externalResponseItem);
+      } else {
+        extension = new Extension(externalResponseItem);
+        extension.url = url;
+        extension.setDirty(true);
+        this.modelManager.addItem(extension);
+        this.apiController.sync(null);
+      }

+      return extension;
+    }
+  }, {
+    key: 'refreshExtensionsFromServer',
+    value: function refreshExtensionsFromServer() {
      var _iteratorNormalCompletion7 = true;
      var _didIteratorError7 = false;
      var _iteratorError7 = undefined;

      try {
-        for (var _iterator7 = this.extensions[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
-          var ext = _step7.value;
+        for (var _iterator7 = this.enabledRepeatActionUrls[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
+          var url = _step7.value;

-          this.retrieveExtensionFromServer(ext.url, function (extension) {
-            extension.dirty = true;
-          });
+          var action = this.actionWithURL(url);
+          this.disableRepeatAction(action);
        }
      } catch (err) {
        _didIteratorError7 = true;
@@ -2828,10 +2857,38 @@ var ExtensionManager = function () {
          }
        }
      }
+
+      var _iteratorNormalCompletion8 = true;
+      var _didIteratorError8 = false;
+      var _iteratorError8 = undefined;
+
+      try {
+        for (var _iterator8 = this.extensions[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) {
+          var ext = _step8.value;
+
+          this.retrieveExtensionFromServer(ext.url, function (extension) {
+            extension.setDirty(true);
+          });
+        }
+      } catch (err) {
+        _didIteratorError8 = true;
+        _iteratorError8 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion8 && _iterator8.return) {
+            _iterator8.return();
+          }
+        } finally {
+          if (_didIteratorError8) {
+            throw _iteratorError8;
+          }
+        }
+      }
    }
  }, {
    key: 'executeAction',
    value: function executeAction(action, extension, callback) {
+
      if (action.type == "get") {
        this.Restangular.oneUrl(action.url, action.url).get().then(function (response) {
          console.log("Execute action response", response);
@@ -2839,7 +2896,18 @@ var ExtensionManager = function () {
          this.modelManager.mapResponseItemsToLocalModels(items);
          callback(items);
        }.bind(this));
+      } else if (action.type == "show") {
+        var win = window.open(action.url, '_blank');
+        win.focus();
+        callback();
+      } else if (action.actionType == "all") {
+        var allItems = this.modelManager.allItems();
+        this.performPost(action, allItems, function (items) {
+          callback(items);
+        });
      }
+
+      action.lastExecuted = new Date();
    }
  }, {
    key: 'isRepeatActionEnabled',
@@ -2851,7 +2919,7 @@ var ExtensionManager = function () {
    value: function disableRepeatAction(action, extension) {
      console.log("Disabling action", action);
      _.pull(this.enabledRepeatActionUrls, action.url);
-      this.modelManager.removeItemSyncObserver(action.url);
+      this.modelManager.removeItemChangeObserver(action.url);
      console.assert(this.isRepeatActionEnabled(action) == false);
    }
  }, {
@@ -2865,29 +2933,29 @@ var ExtensionManager = function () {
      }

      if (action.repeatType == "watch") {
-        var _iteratorNormalCompletion8 = true;
-        var _didIteratorError8 = false;
-        var _iteratorError8 = undefined;
+        var _iteratorNormalCompletion9 = true;
+        var _didIteratorError9 = false;
+        var _iteratorError9 = undefined;

        try {
-          for (var _iterator8 = action.structures[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) {
-            var structure = _step8.value;
+          for (var _iterator9 = action.structures[Symbol.iterator](), _step9; !(_iteratorNormalCompletion9 = (_step9 = _iterator9.next()).done); _iteratorNormalCompletion9 = true) {
+            var structure = _step9.value;

-            this.modelManager.addItemSyncObserver(action.url, structure.type, function (changedItems) {
+            this.modelManager.addItemChangeObserver(action.url, structure.type, function (changedItems) {
              this.triggerWatchAction(action, changedItems);
            }.bind(this));
          }
        } catch (err) {
-          _didIteratorError8 = true;
-          _iteratorError8 = err;
+          _didIteratorError9 = true;
+          _iteratorError9 = err;
        } finally {
          try {
-            if (!_iteratorNormalCompletion8 && _iterator8.return) {
-              _iterator8.return();
+            if (!_iteratorNormalCompletion9 && _iterator9.return) {
+              _iterator9.return();
            }
          } finally {
-            if (_didIteratorError8) {
-              throw _iteratorError8;
+            if (_didIteratorError9) {
+              throw _iteratorError9;
            }
          }
        }
@@ -2898,12 +2966,9 @@ var ExtensionManager = function () {
    value: function queueAction(action, delay, changedItems) {
      this.actionQueue = this.actionQueue || [];
      if (_.find(this.actionQueue, action)) {
-        // console.log("Action already queued, skipping.")
        return;
      }

-      // console.log("Adding action to queue", action);
-
      this.actionQueue.push(action);

      setTimeout(function () {
@@ -2912,6 +2977,11 @@ var ExtensionManager = function () {
        _.pull(this.actionQueue, action);
      }.bind(this), delay * 1000);
    }
+  }, {
+    key: 'outgoingParamsForItem',
+    value: function outgoingParamsForItem(item) {
+      return this.apiController.paramsForItem(item, false, null, true);
+    }
  }, {
    key: 'triggerWatchAction',
    value: function triggerWatchAction(action, changedItems) {
@@ -2929,20 +2999,29 @@ var ExtensionManager = function () {
      }

      console.log("Performing action immediately", action);
+
      action.lastExecuted = new Date();
-      // console.log("setting last exectured", action.lastExecuted)

      if (action.repeatVerb == "post") {
-        var request = this.Restangular.oneUrl(action.url, action.url);
-        request.items = changedItems.map(function (item) {
-          var params = { uuid: item.uuid, content_type: item.content_type, content: item.createContentJSONFromProperties() };
-          return params;
-        });
-        request.post().then(function (response) {
-          // console.log("watch action response", response);
-        });
+        this.performPost(action, changedItems, null);
      }
    }
+  }, {
+    key: 'performPost',
+    value: function performPost(action, items, callback) {
+      var request = this.Restangular.oneUrl(action.url, action.url);
+      request.items = items.map(function (item) {
+        var params = this.outgoingParamsForItem(item);
+        return params;
+      }.bind(this));
+
+      request.post().then(function (response) {
+        // console.log("watch action response", response);
+        if (callback) {
+          callback(response.plain());
+        }
+      });
+    }
  }, {
    key: 'extensions',
    get: function get() {
@@ -2989,11 +3068,19 @@ var ModelManager = function () {
    this.notes = [];
    this.tags = [];
    this.itemSyncObservers = [];
+    this.itemChangeObservers = [];
    this.items = [];
    this.extensions = [];
  }

  _createClass(ModelManager, [{
+    key: 'allItems',
+    value: function allItems() {
+      return this.items.filter(function (item) {
+        return !item.dummy;
+      });
+    }
+  }, {
    key: 'findItem',
    value: function findItem(itemId) {
      return _.find(this.items, { uuid: itemId });
@@ -3007,13 +3094,13 @@ var ModelManager = function () {
    key: 'mapResponseItemsToLocalModelsOmittingFields',
    value: function mapResponseItemsToLocalModelsOmittingFields(items, omitFields) {
      var models = [];
-      var _iteratorNormalCompletion9 = true;
-      var _didIteratorError9 = false;
-      var _iteratorError9 = undefined;
+      var _iteratorNormalCompletion10 = true;
+      var _didIteratorError10 = false;
+      var _iteratorError10 = undefined;

      try {
-        for (var _iterator9 = items[Symbol.iterator](), _step9; !(_iteratorNormalCompletion9 = (_step9 = _iterator9.next()).done); _iteratorNormalCompletion9 = true) {
-          var json_obj = _step9.value;
+        for (var _iterator10 = items[Symbol.iterator](), _step10; !(_iteratorNormalCompletion10 = (_step10 = _iterator10.next()).done); _iteratorNormalCompletion10 = true) {
+          var json_obj = _step10.value;

          json_obj = _.omit(json_obj, omitFields || []);
          var item = this.findItem(json_obj["uuid"]);
@@ -3040,36 +3127,6 @@ var ModelManager = function () {

          models.push(item);
        }
-      } catch (err) {
-        _didIteratorError9 = true;
-        _iteratorError9 = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion9 && _iterator9.return) {
-            _iterator9.return();
-          }
-        } finally {
-          if (_didIteratorError9) {
-            throw _iteratorError9;
-          }
-        }
-      }
-
-      var _iteratorNormalCompletion10 = true;
-      var _didIteratorError10 = false;
-      var _iteratorError10 = undefined;
-
-      try {
-        for (var _iterator10 = this.itemSyncObservers[Symbol.iterator](), _step10; !(_iteratorNormalCompletion10 = (_step10 = _iterator10.next()).done); _iteratorNormalCompletion10 = true) {
-          var observer = _step10.value;
-
-          var relevantItems = models.filter(function (item) {
-            return item.content_type == observer.type;
-          });
-          if (relevantItems.length > 0) {
-            observer.callback(relevantItems);
-          }
-        }
      } catch (err) {
        _didIteratorError10 = true;
        _iteratorError10 = err;
@@ -3085,21 +3142,96 @@ var ModelManager = function () {
        }
      }

+      this.notifySyncObserversOfModels(models);
+
      this.sortItems();
      return models;
    }
+  }, {
+    key: 'notifySyncObserversOfModels',
+    value: function notifySyncObserversOfModels(models) {
+      var _iteratorNormalCompletion11 = true;
+      var _didIteratorError11 = false;
+      var _iteratorError11 = undefined;
+
+      try {
+        for (var _iterator11 = this.itemSyncObservers[Symbol.iterator](), _step11; !(_iteratorNormalCompletion11 = (_step11 = _iterator11.next()).done); _iteratorNormalCompletion11 = true) {
+          var observer = _step11.value;
+
+          var relevantItems = models.filter(function (item) {
+            return item.content_type == observer.type;
+          });
+          if (relevantItems.length > 0) {
+            observer.callback(relevantItems);
+          }
+        }
+      } catch (err) {
+        _didIteratorError11 = true;
+        _iteratorError11 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion11 && _iterator11.return) {
+            _iterator11.return();
+          }
+        } finally {
+          if (_didIteratorError11) {
+            throw _iteratorError11;
+          }
+        }
+      }
+    }
+  }, {
+    key: 'notifyItemChangeObserversOfModels',
+    value: function notifyItemChangeObserversOfModels(models) {
+      var _iteratorNormalCompletion12 = true;
+      var _didIteratorError12 = false;
+      var _iteratorError12 = undefined;
+
+      try {
+        for (var _iterator12 = this.itemChangeObservers[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
+          var observer = _step12.value;
+
+          var relevantItems = models.filter(function (item) {
+            return item.content_type == observer.type;
+          });
+          if (relevantItems.length > 0) {
+            observer.callback(relevantItems);
+          }
+        }
+      } catch (err) {
+        _didIteratorError12 = true;
+        _iteratorError12 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion12 && _iterator12.return) {
+            _iterator12.return();
+          }
+        } finally {
+          if (_didIteratorError12) {
+            throw _iteratorError12;
+          }
+        }
+      }
+    }
  }, {
    key: 'createItem',
    value: function createItem(json_obj) {
+      var item;
      if (json_obj.content_type == "Note") {
-        return new Note(json_obj);
+        item = new Note(json_obj);
      } else if (json_obj.content_type == "Tag") {
-        return new Tag(json_obj);
+        item = new Tag(json_obj);
      } else if (json_obj.content_type == "Extension") {
-        return new Extension(json_obj);
+        item = new Extension(json_obj);
      } else {
-        return new Item(json_obj);
+        item = new Item(json_obj);
      }
+
+      item.addObserver(this, function (changedItem) {
+        this.notifyItemChangeObserversOfModels([changedItem]);
+      }.bind(this));
+
+      return item;
    }
  }, {
    key: 'addItems',
@@ -3142,13 +3274,13 @@ var ModelManager = function () {
        return;
      }

-      var _iteratorNormalCompletion11 = true;
-      var _didIteratorError11 = false;
-      var _iteratorError11 = undefined;
+      var _iteratorNormalCompletion13 = true;
+      var _didIteratorError13 = false;
+      var _iteratorError13 = undefined;

      try {
-        for (var _iterator11 = contentObject.references[Symbol.iterator](), _step11; !(_iteratorNormalCompletion11 = (_step11 = _iterator11.next()).done); _iteratorNormalCompletion11 = true) {
-          var reference = _step11.value;
+        for (var _iterator13 = contentObject.references[Symbol.iterator](), _step13; !(_iteratorNormalCompletion13 = (_step13 = _iterator13.next()).done); _iteratorNormalCompletion13 = true) {
+          var reference = _step13.value;

          var referencedItem = this.findItem(reference.uuid);
          if (referencedItem) {
@@ -3159,16 +3291,16 @@ var ModelManager = function () {
          }
        }
      } catch (err) {
-        _didIteratorError11 = true;
-        _iteratorError11 = err;
+        _didIteratorError13 = true;
+        _iteratorError13 = err;
      } finally {
        try {
-          if (!_iteratorNormalCompletion11 && _iterator11.return) {
-            _iterator11.return();
+          if (!_iteratorNormalCompletion13 && _iterator13.return) {
+            _iterator13.return();
          }
        } finally {
-          if (_didIteratorError11) {
-            throw _iteratorError11;
+          if (_didIteratorError13) {
+            throw _iteratorError13;
          }
        }
      }
@@ -3192,6 +3324,16 @@ var ModelManager = function () {
    value: function removeItemSyncObserver(id) {
      _.remove(this.itemSyncObservers, _.find(this.itemSyncObservers, { id: id }));
    }
+  }, {
+    key: 'addItemChangeObserver',
+    value: function addItemChangeObserver(id, type, callback) {
+      this.itemChangeObservers.push({ id: id, type: type, callback: callback });
+    }
+  }, {
+    key: 'removeItemChangeObserver',
+    value: function removeItemChangeObserver(id) {
+      _.remove(this.itemChangeObservers, _.find(this.itemChangeObservers, { id: id }));
+    }
  }, {
    key: 'getDirtyItems',
    value: function getDirtyItems() {
@@ -3203,14 +3345,14 @@ var ModelManager = function () {
    key: 'clearDirtyItems',
    value: function clearDirtyItems() {
      this.getDirtyItems().forEach(function (item) {
-        item.dirty = false;
+        item.setDirty(false);
      });
    }
  }, {
    key: 'setItemToBeDeleted',
    value: function setItemToBeDeleted(item) {
      item.deleted = true;
-      item.dirty = true;
+      item.setDirty(true);
      item.removeAllRelationships();
    }
  }, {
@@ -3237,8 +3379,8 @@ var ModelManager = function () {
      itemOne.addItemAsRelationship(itemTwo);
      itemTwo.addItemAsRelationship(itemOne);

-      itemOne.dirty = true;
-      itemTwo.dirty = true;
+      itemOne.setDirty(true);
+      itemTwo.setDirty(true);
    }
  }, {
    key: 'removeRelationshipBetweenItems',
@@ -3246,8 +3388,8 @@ var ModelManager = function () {
      itemOne.removeItemAsRelationship(itemTwo);
      itemTwo.removeItemAsRelationship(itemOne);

-      itemOne.dirty = true;
-      itemTwo.dirty = true;
+      itemOne.setDirty(true);
+      itemTwo.setDirty(true);
    }
  }, {
    key: 'filteredNotes',
--- a/vendor/assets/javascripts/transpiled.js.map
+++ b/vendor/assets/javascripts/transpiled.js.map