@dualbox/editor 1.0.50 → 1.0.52

package/js/src/GraphEditor.js

@@ -288,6 +288,10 @@ class DualboxEditor {
         }
         return this.packages[name];
     }
+
+    destroy() {
+        this.v.mainVue.destroyed();
+    }
 }
 
 // try to export in window if in browser context

package/js/src/v/templates/addNode.vue

@@ -311,6 +311,13 @@ export default {
         console.log('AddNode updated !');
         this.updateVisibility();
         this.setSearchFocus();
+
+        if( !this.display ) {
+            // make sure the modal disappeared
+            $(this.$el).modal('hide');
+            $('body').removeClass('modal-open');
+            $('.modal-backdrop').remove();
+        }
     },
     mounted: function() {
         var self = this;
@@ -361,10 +368,12 @@ export default {
             case "ui":
                 var selectedNode = $('.node-result.selected')[0];
                 if( selectedNode ) {
-                    // add node to the controller
-                    var packageName = $(selectedNode).data('package');
-                    this.view.c.addNewBox(packageName, this.mousePosition);
                     this.closeModal();
+                    this.$nextTick(() => {
+                        // add node to the controller
+                        var packageName = $(selectedNode).data('package');
+                        this.view.c.addNewBox(packageName, this.mousePosition);
+                    });
                 }
                 else {
                     swal('Please select a node', '', 'error');
@@ -377,12 +386,14 @@ export default {
                 var name = $(this.$el).find('.input-name').val();
                 var desc = $(this.$el).find('.input-description').val();
                 if( type !== undefined && name ) {
-                    this.view.c.addInput(name, type, desc, this.mousePosition);
-                    // reset fields
-                    this.$refs.inputType.resetChanges();
-                    $(this.$el).find('.input-name').val("");
-                    $(this.$el).find('.input-description').val("");
                     this.closeModal();
+                    this.$nextTick(() => {
+                        this.view.c.addInput(name, type, desc, this.mousePosition);
+                        // reset fields
+                        this.$refs.inputType.resetChanges();
+                        $(this.$el).find('.input-name').val("");
+                        $(this.$el).find('.input-description').val("");
+                    });
                 }
                 else {
                     swal('Please complete all fields', '', 'error');
@@ -395,12 +406,14 @@ export default {
                 var type = this.$refs.outputType.get();
                 var desc = $(this.$el).find('.output-description').val();
                 if( type !== undefined && name ) {
-                    this.view.c.addOutput(name, type, desc, this.mousePosition);
-                    // reset fields
-                    this.$refs.outputType.resetChanges();
-                    $(this.$el).find('.output-name').val("");
-                    $(this.$el).find('.output-description').val("");
                     this.closeModal();
+                    this.$nextTick(() => {
+                        this.view.c.addOutput(name, type, desc, this.mousePosition);
+                        // reset fields
+                        this.$refs.outputType.resetChanges();
+                        $(this.$el).find('.output-name').val("");
+                        $(this.$el).find('.output-description').val("");
+                    });
                 }
                 else {
                     swal('Please complete all fields', '', 'error');
@@ -419,8 +432,10 @@ export default {
                 var json = this.metanodeJSON || {};
                 json.description = desc;
 
-                this.view.c.addNewMetabox(name, json, this.mousePosition);
                 this.closeModal();
+                this.$nextTick(() => {
+                    this.view.c.addNewMetabox(name, json, this.mousePosition);
+                });
             default:
             }
         },