@dualbox/editor 1.0.20 → 1.0.21

package/js/src/v/GraphView.js

@@ -112,7 +112,11 @@ class GraphView {
             }
 
             // add main template
-            this.templateMgr.appendTemplate(this.div, "main", {showLoadSaveButtons: this.attrs.showLoadSaveButtons}, () => {
+            this.templateMgr.appendTemplate(this.div, "main", {
+                showLoadButton: this.attrs.showLoadButton,
+                showSaveButton: this.attrs.showSaveButton,
+                saveButtonFunction: this.attrs.saveButtonFunction
+            }, () => {
                 // for convenience, define thoses once the main div is ready
                 this.div.ready(() => {
                     this.graphContainer = this.div.find('.dualbox-graph-container');

package/js/src/v/templates/main.html

@@ -10,12 +10,14 @@
             </li>
         </ul>
 
-        @if (attrs.showLoadSaveButtons) {
-            <div class="nav navbar-right" style="vertical-align: top; margin-top: 5px; margin-right: 10px; margin-bottom: 5px;">
-                <button class="load-app btn btn-sm btn-light" style="position: relative; bottom: 3px;">Load App</button>
-                <button class="save-app btn btn-sm btn-light" style="position: relative; bottom: 3px;">Save App</button>
-            </div>
-        }
+        <div class="nav navbar-right" style="vertical-align: top; margin-top: 5px; margin-right: 10px; margin-bottom: 5px;">
+            @if (attrs.showLoadButton) {
+            <button class="load-app btn btn-sm btn-light" style="position: relative; bottom: 3px;">Load App</button>
+            }
+            @if (attrs.showSaveButton) {
+            <button class="save-app btn btn-sm btn-light" style="position: relative; bottom: 3px;">Save App</button>
+            }
+        </div>
     </nav>
     <div class="tab-content dualbox-graph-tab" style="width: 100%; height: calc(100% - 46px);">
         <div class="tab-pane active" id="1" style="width: 100%; height: 100%;">

package/js/src/v/templates/main.js

@@ -1,7 +1,7 @@
 const swal = require('sweetalert2');
 var CodeMirror = require('../../libs/CodeMirror.js');
 
-var TemplateBinds = function(view, div) {
+var TemplateBinds = function(view, div, data) {
     // instanciate main settings first
     view.setMainMenu();
 
@@ -32,7 +32,6 @@ var TemplateBinds = function(view, div) {
         })
     });
 
-    // bind the app load
     div.find('.load-app').click(function(e) {
         // create a fake input and click it to select a file
         var input = $('<input/>', { "type": "file", "class": "upload", "accept" : ".json" });
@@ -55,24 +54,33 @@ var TemplateBinds = function(view, div) {
     });
 
     // bind the app load
-    div.find('.save-app').click(function(e) {
-        var app = view.m.getCleanJson();
-        var text = JSON.stringify(app, null, 2);
-        var blob = new Blob([text], { "type" : "application/octet-stream" });
-
-        var a = document.createElement('a');
-        a.href = window.URL.createObjectURL(blob);
-        a.download = "app.json";
-
-        // simulate a click on the link
-        if (document.createEvent) {
-            var event = document.createEvent("MouseEvents");
-            event.initEvent("click", true, true);
-            a.dispatchEvent(event);
-        } else {
-            a.click();
+    if( data.saveButtonFunction ) {
+        var saveButtonFunction = function(e) {
+            var json = view.m.getCleanJson();
+            return data.saveButtonFunction(json);
         }
-    });
+    }
+    else {
+        var saveButtonFunction = function(e) {
+            var app = view.m.getCleanJson();
+            var text = JSON.stringify(app, null, 2);
+            var blob = new Blob([text], { "type" : "application/octet-stream" });
+
+            var a = document.createElement('a');
+            a.href = window.URL.createObjectURL(blob);
+            a.download = "app.json";
+
+            // simulate a click on the link
+            if (document.createEvent) {
+                var event = document.createEvent("MouseEvents");
+                event.initEvent("click", true, true);
+                a.dispatchEvent(event);
+            } else {
+                a.click();
+            }
+        }
+    }
+    div.find('.save-app').click(saveButtonFunction);
 
     div.find('.add-box').click(function(e) {
         $('#add-node-modal').modal();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dualbox/editor",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "Editor of Dualbox apps",
   "browser": "js/dist/GraphEditor.js",
   "main": "js/dist/GraphEditor.js",