preview action, click outside panel handle

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

@@ -231,10 +231,6 @@ angular.module('app.frontend')
       }
     }
 
-    this.clickedMenu = function() {
-      this.showMenu = !this.showMenu;
-    }
-
     this.deleteNote = function() {
       if(confirm("Are you sure you want to delete this note?")) {
         this.remove()(this.note);

app/assets/javascripts/app/frontend/models/api/item.js

@@ -37,6 +37,7 @@ class Item {
 
   updateFromJSON(json) {
     _.merge(this, json);
+    
     if(this.created_at) {
       this.created_at = new Date(this.created_at);
       this.updated_at = new Date(this.updated_at);

app/assets/javascripts/app/frontend/models/app/extension.js

@@ -79,6 +79,7 @@ class Extension extends Item {
     super.mapContentToLocalProperties(contentObject)
     this.name = contentObject.name;
     this.url = contentObject.url;
+    this.supported_types = contentObject.supported_types;
     this.actions = contentObject.actions.map(function(action){
       return new Action(action);
     })
@@ -99,7 +100,8 @@ class Extension extends Item {
     var params = {
       name: this.name,
       url: this.url,
-      actions: this.actions
+      actions: this.actions,
+      supported_types: this.supported_types
     };
 
     _.merge(params, super.structureParams());

app/assets/javascripts/app/services/dbManager.js

@@ -102,7 +102,6 @@ class DBManager {
     this.openDatabase((db) => {
       var request = db.transaction("items", "readwrite").objectStore("items").delete(item.uuid);
       request.onsuccess = function(event) {
-        console.log("Successfully deleted item", item.uuid);
         if(callback) {
           callback(true);
         }

app/assets/javascripts/app/services/directives/functional/click-outside.js

@@ -0,0 +1,27 @@
+angular
+  .module('app.frontend')
+  .directive('clickOutside', ['$document', function($document) {
+    return {
+      restrict: 'A',
+      replace: false,
+      link : function($scope, $element, attrs) {
+
+        var didApplyClickOutside = false;
+
+        $element.bind('click', function(e) {
+          didApplyClickOutside = false;
+          if (attrs.isOpen) {
+            e.stopPropagation();
+          }
+        });
+
+        $document.bind('click', function() {
+          if(!didApplyClickOutside) {
+            $scope.$apply(attrs.clickOutside);
+            didApplyClickOutside = true;
+          }
+        })
+
+      }
+    }
+  }]);

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

@@ -11,6 +11,8 @@ class ContextualExtensionsMenu {
   controller($scope, modelManager, extensionManager) {
     'ngInject';
 
+    $scope.renderData = {};
+
     $scope.extensions = _.map(extensionManager.extensionsInContextOfItem($scope.item), function(ext){
       return _.cloneDeep(ext);
     });
@@ -27,12 +29,30 @@ class ContextualExtensionsMenu {
     }
 
     $scope.executeAction = function(action, extension) {
+      if(action.verb == "nested") {
+        action.showNestedActions = !action.showNestedActions;
+        return;
+      }
       action.running = true;
       extensionManager.executeAction(action, extension, $scope.item, function(response){
         action.running = false;
+        $scope.handleActionResponse(action, response);
       })
     }
 
+    $scope.handleActionResponse = function(action, response) {
+      switch (action.verb) {
+        case "render": {
+          var item = response.item;
+          if(item.content_type == "Note") {
+            $scope.renderData.title = item.title;
+            $scope.renderData.text = item.text;
+            $scope.renderData.showRenderModal = true;
+          }
+        }
+      }
+    }
+
     $scope.accessTypeForExtension = function(extension) {
       return extensionManager.extensionUsesEncryptedData(extension) ? "encrypted" : "decrypted";
     }

app/assets/javascripts/app/services/extensionManager.js

@@ -28,7 +28,7 @@ class ExtensionManager {
 
   extensionsInContextOfItem(item) {
     return this.extensions.filter(function(ext){
-      return ext.actionsWithContextForItem(item).length > 0;
+      return _.includes(ext.supported_types, item.content_type) || ext.actionsWithContextForItem(item).length > 0;
     })
   }
 
@@ -152,9 +152,29 @@ class ExtensionManager {
       case "get": {
         this.Restangular.oneUrl(action.url, action.url).get().then(function(response){
           action.error = false;
-          var items = response.items;
-          this.modelManager.mapResponseItemsToLocalModels(items);
-          customCallback(items);
+          var items = response.items || [response.item];
+          EncryptionHelper.decryptMultipleItems(items, localStorage.getItem("mk"));
+          items = this.modelManager.mapResponseItemsToLocalModels(items);
+          for(var item of items) {
+            item.setDirty(true);
+          }
+          this.syncManager.sync(null);
+          customCallback({items: items});
+        }.bind(this))
+        .catch(function(response){
+          action.error = true;
+          customCallback(null);
+        })
+
+        break;
+      }
+
+      case "render": {
+        this.Restangular.oneUrl(action.url, action.url).get().then(function(response){
+          action.error = false;
+          EncryptionHelper.decryptItem(response.item, localStorage.getItem("mk"));
+          var item = this.modelManager.createItem(response.item);
+          customCallback({item: item});
         }.bind(this))
         .catch(function(response){
           action.error = true;

app/assets/javascripts/app/services/modelManager.js

@@ -64,10 +64,10 @@ class ModelManager {
       json_obj = _.omit(json_obj, omitFields || [])
       var item = this.findItem(json_obj["uuid"]);
       if(json_obj["deleted"] == true || !_.includes(this.acceptableContentTypes, json_obj["content_type"])) {
-          if(item) {
-            this.removeItemLocally(item)
-          }
-          continue;
+        if(item) {
+          this.removeItemLocally(item)
+        }
+        continue;
       }
 
       _.omit(json_obj, omitFields);