aboutsummaryrefslogtreecommitdiffstats
path: root/dgbuilder/public/red
diff options
context:
space:
mode:
authorTimoney, Dan (dt5972) <dtimoney@att.com>2018-11-06 14:15:05 -0500
committerTimoney, Dan (dt5972) <dtimoney@att.com>2018-11-06 14:16:18 -0500
commitd9642fafddbaa28789339e1989c4583af003a193 (patch)
tree0442af1ba4e793433fac5871dd8e69c98a056446 /dgbuilder/public/red
parent33d814f236d4c3e4246851c810bdbbab5090abbb (diff)
Fix license issues
Fix license definition in package.json files Remove obsolete dgbuilder from SDNC (dgbuilder now in CCSDK) Change-Id: Iee0bf9468f081c5957eae2e873efbea6fb6be354 Issue-ID: SDNC-489 Signed-off-by: Timoney, Dan (dt5972) <dtimoney@att.com> Former-commit-id: 4e104ac4183dd46124753c4571939e765a124508
Diffstat (limited to 'dgbuilder/public/red')
-rw-r--r--dgbuilder/public/red/comms.js93
-rw-r--r--dgbuilder/public/red/history.js99
-rw-r--r--dgbuilder/public/red/main.js1620
-rw-r--r--dgbuilder/public/red/main.js.orig323
-rw-r--r--dgbuilder/public/red/nodes.js553
-rw-r--r--dgbuilder/public/red/ui/editor.js665
-rw-r--r--dgbuilder/public/red/ui/keyboard.js68
-rw-r--r--dgbuilder/public/red/ui/library.js370
-rw-r--r--dgbuilder/public/red/ui/menu.js122
-rw-r--r--dgbuilder/public/red/ui/notifications.js59
-rw-r--r--dgbuilder/public/red/ui/palette.js230
-rw-r--r--dgbuilder/public/red/ui/sidebar.js154
-rw-r--r--dgbuilder/public/red/ui/state.js26
-rw-r--r--dgbuilder/public/red/ui/tab-config.js84
-rw-r--r--dgbuilder/public/red/ui/tab-info.js90
-rw-r--r--dgbuilder/public/red/ui/tabs.js127
-rw-r--r--dgbuilder/public/red/ui/touch/radialMenu.js184
-rw-r--r--dgbuilder/public/red/ui/view.js2053
-rw-r--r--dgbuilder/public/red/ui/view.js.orig1639
-rw-r--r--dgbuilder/public/red/validators.js19
20 files changed, 0 insertions, 8578 deletions
diff --git a/dgbuilder/public/red/comms.js b/dgbuilder/public/red/comms.js
deleted file mode 100644
index 64912476..00000000
--- a/dgbuilder/public/red/comms.js
+++ /dev/null
@@ -1,93 +0,0 @@
-/**
- * Copyright 2014 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-RED.comms = (function() {
-
- var errornotification = null;
- var subscriptions = {};
- var ws;
- function connectWS() {
- var path = location.hostname+":"+location.port+document.location.pathname;
- path = path+(path.slice(-1) == "/"?"":"/")+"comms";
- path = "ws"+(document.location.protocol=="https:"?"s":"")+"://"+path;
- ws = new WebSocket(path);
- ws.onopen = function() {
- if (errornotification) {
- errornotification.close();
- errornotification = null;
- }
- for (var t in subscriptions) {
- if (subscriptions.hasOwnProperty(t)) {
- ws.send(JSON.stringify({subscribe:t}));
- }
- }
- }
- ws.onmessage = function(event) {
- var msg = JSON.parse(event.data);
- if (msg.topic) {
- for (var t in subscriptions) {
- if (subscriptions.hasOwnProperty(t)) {
- var re = new RegExp("^"+t.replace(/([\[\]\?\(\)\\\\$\^\*\.|])/g,"\\$1").replace(/\+/g,"[^/]+").replace(/\/#$/,"(\/.*)?")+"$");
- if (re.test(msg.topic)) {
- var subscribers = subscriptions[t];
- if (subscribers) {
- for (var i=0;i<subscribers.length;i++) {
- subscribers[i](msg.topic,msg.data);
- }
- }
- }
- }
- }
- }
- };
- ws.onclose = function() {
- if (errornotification == null) {
- errornotification = RED.notify("<b>Error</b>: Lost connection to server","error",true);
- }
- setTimeout(connectWS,1000);
- }
- }
-
- function subscribe(topic,callback) {
- if (subscriptions[topic] == null) {
- subscriptions[topic] = [];
- }
- subscriptions[topic].push(callback);
- if (ws && ws.readyState == 1) {
- ws.send(JSON.stringify({subscribe:topic}));
- }
- }
-
- function unsubscribe(topic,callback) {
- if (subscriptions.topic) {
- for (var i=0;i<subscriptions.topic.length;i++) {
- if (subscriptions.topic[i] === callback) {
- subscriptions.topic.splice(i,1);
- break;
- }
- }
- if (subscriptions.topic.length === 0) {
- delete subscriptions.topic;
- }
- }
- }
-
- return {
- connect: connectWS,
- subscribe: subscribe,
- unsubscribe:unsubscribe
- }
-})();
diff --git a/dgbuilder/public/red/history.js b/dgbuilder/public/red/history.js
deleted file mode 100644
index 3a6d5513..00000000
--- a/dgbuilder/public/red/history.js
+++ /dev/null
@@ -1,99 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.history = (function() {
- var undo_history = [];
-
- return {
- //TODO: this function is a placeholder until there is a 'save' event that can be listened to
- markAllDirty: function() {
- for (var i=0;i<undo_history.length;i++) {
- undo_history[i].dirty = true;
- }
- },
- depth: function() {
- return undo_history.length;
- },
- push: function(ev) {
- undo_history.push(ev);
- },
- pop: function() {
- var ev = undo_history.pop();
- var i;
- if (ev) {
- if (ev.t == 'add') {
- if (ev.nodes) {
- for (i=0;i<ev.nodes.length;i++) {
- RED.nodes.remove(ev.nodes[i]);
- }
- }
- if (ev.links) {
- for (i=0;i<ev.links.length;i++) {
- RED.nodes.removeLink(ev.links[i]);
- }
- }
- if (ev.workspaces) {
- for (i=0;i<ev.workspaces.length;i++) {
- RED.nodes.removeWorkspace(ev.workspaces[i].id);
- RED.view.removeWorkspace(ev.workspaces[i]);
- }
- }
- } else if (ev.t == "delete") {
- if (ev.workspaces) {
- for (i=0;i<ev.workspaces.length;i++) {
- RED.nodes.addWorkspace(ev.workspaces[i]);
- RED.view.addWorkspace(ev.workspaces[i]);
- }
- }
- if (ev.nodes) {
- for (i=0;i<ev.nodes.length;i++) {
- RED.nodes.add(ev.nodes[i]);
- }
- }
- if (ev.links) {
- for (i=0;i<ev.links.length;i++) {
- RED.nodes.addLink(ev.links[i]);
- }
- }
- } else if (ev.t == "move") {
- for (i=0;i<ev.nodes.length;i++) {
- var n = ev.nodes[i];
- n.n.x = n.ox;
- n.n.y = n.oy;
- n.n.dirty = true;
- }
- } else if (ev.t == "edit") {
- for (i in ev.changes) {
- if (ev.changes.hasOwnProperty(i)) {
- ev.node[i] = ev.changes[i];
- }
- }
- RED.editor.updateNodeProperties(ev.node);
- if (ev.links) {
- for (i=0;i<ev.links.length;i++) {
- RED.nodes.addLink(ev.links[i]);
- }
- }
- RED.editor.validateNode(ev.node);
- ev.node.dirty = true;
- ev.node.changed = ev.changed;
- }
- RED.view.dirty(ev.dirty);
- RED.view.redraw();
- }
- }
- }
-
-})();
diff --git a/dgbuilder/public/red/main.js b/dgbuilder/public/red/main.js
deleted file mode 100644
index 27032a26..00000000
--- a/dgbuilder/public/red/main.js
+++ /dev/null
@@ -1,1620 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-var RED = (function() {
-
- function hideDropTarget() {
- $("#dropTarget").hide();
- RED.keyboard.remove(/* ESCAPE */ 27);
- }
-
- $('#chart').on("dragenter",function(event) {
- if ($.inArray("text/plain",event.originalEvent.dataTransfer.types) != -1) {
- $("#dropTarget").css({display:'table'});
- RED.keyboard.add(/* ESCAPE */ 27,hideDropTarget);
- }
- });
-
- $('#dropTarget').on("dragover",function(event) {
- if ($.inArray("text/plain",event.originalEvent.dataTransfer.types) != -1) {
- event.preventDefault();
- }
- })
- .on("dragleave",function(event) {
- hideDropTarget();
- })
- .on("drop",function(event) {
- var data = event.originalEvent.dataTransfer.getData("text/plain");
- hideDropTarget();
- RED.view.importNodes(data);
- event.preventDefault();
- });
-
-
- function save(force) {
- if (RED.view.dirty()) {
- //$("#debug-tab-clear").click(); // uncomment this to auto clear debug on deploy
-
- if (!force) {
- var invalid = false;
- var unknownNodes = [];
- RED.nodes.eachNode(function(node) {
- invalid = invalid || !node.valid;
- if (node.type === "unknown") {
- if (unknownNodes.indexOf(node.name) == -1) {
- unknownNodes.push(node.name);
- }
- invalid = true;
- }
- });
- if (invalid) {
- if (unknownNodes.length > 0) {
- $( "#node-dialog-confirm-deploy-config" ).hide();
- $( "#node-dialog-confirm-deploy-unknown" ).show();
- var list = "<li>"+unknownNodes.join("</li><li>")+"</li>";
- $( "#node-dialog-confirm-deploy-unknown-list" ).html(list);
- } else {
- $( "#node-dialog-confirm-deploy-config" ).show();
- $( "#node-dialog-confirm-deploy-unknown" ).hide();
- }
- $( "#node-dialog-confirm-deploy" ).dialog( "open" );
- return;
- }
- }
- var nns = RED.nodes.createCompleteNodeSet();
- /****************************************/
- /*added new code to save the Tabs order */
- /****************************************/
- //console.log("nns before changes.");
- //console.dir(nns);
- var allTabsObj={};
- var allTabsList=[];
- var nnsTabIdsArr = [];
- var guiTabIdsArr = [];
- nns.forEach(function(n) {
- if(n.type == 'tab'){
- allTabsObj[n.id] = n;
- allTabsList.push(n);
- nnsTabIdsArr.push(n.id);
- }
- });
- var idx =0;
- $("#workspace-tabs li a").each(function(){
- var href = $(this).prop("href");
- var indexOfHash = href.indexOf("#");
- var idVal = href.slice(indexOfHash+1);
- guiTabIdsArr.push(idVal);
- nns.splice(idx,1,allTabsObj[idVal]);;
- idx++;
- });
- //console.log(nnsTabIdsArr.join(","));
- //console.log(guiTabIdsArr.join(","));
- //console.log("nns after changes.");
- //console.dir(nns);
- /****************************/
- $("#btn-icn-deploy").removeClass('fa-download');
- $("#btn-icn-deploy").addClass('spinner');
- RED.view.dirty(false);
-
- $.ajax({
- url:"flows",
- type: "POST",
- data: JSON.stringify(nns),
- contentType: "application/json; charset=utf-8"
- }).done(function(data,textStatus,xhr) {
- RED.notify("Successfully saved","success");
- RED.nodes.eachNode(function(node) {
- if (node.changed) {
- node.dirty = true;
- node.changed = false;
- }
- if(node.credentials) {
- delete node.credentials;
- }
- });
- RED.nodes.eachConfig(function (confNode) {
- if (confNode.credentials) {
- delete confNode.credentials;
- }
- });
- // Once deployed, cannot undo back to a clean state
- RED.history.markAllDirty();
- RED.view.redraw();
- }).fail(function(xhr,textStatus,err) {
- RED.view.dirty(true);
- if (xhr.responseText) {
- RED.notify("<strong>Error</strong>: "+xhr.responseText,"error");
- } else {
- RED.notify("<strong>Error</strong>: no response from server","error");
- }
- }).always(function() {
- $("#btn-icn-deploy").removeClass('spinner');
- $("#btn-icn-deploy").addClass('fa-download');
- });
- }
- }
-
- $('#btn-deploy').click(function() { save(); });
-
- $( "#node-dialog-confirm-deploy" ).dialog({
- title: "Confirm deploy",
- modal: true,
- autoOpen: false,
- width: 530,
- height: 230,
- buttons: [
- {
- text: "Confirm deploy",
- click: function() {
- save(true);
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ]
- });
-
- function loadSettings() {
- $.get('settings', function(data) {
- RED.settings = data;
- console.log("Node-RED: "+data.version);
- loadNodeList();
- });
- }
-
- function loadNodeList() {
- $.ajax({
- headers: {
- "Accept":"application/json"
- },
- cache: false,
- url: 'nodes',
- success: function(data) {
- RED.nodes.setNodeList(data);
- loadNodes();
- }
- });
- }
-
- function loadNodes() {
- $.ajax({
- headers: {
- "Accept":"text/html"
- },
- cache: false,
- url: 'nodes',
- success: function(data) {
- $("body").append(data);
- $(".palette-spinner").hide();
- $(".palette-scroll").show();
- $("#palette-search").show();
- loadFlows();
- }
- });
- }
-
- function loadFlows() {
- $.ajax({
- headers: {
- "Accept":"application/json"
- },
- cache: false,
- url: 'flows',
- success: function(nodes) {
- RED.nodes.import(nodes);
- RED.view.dirty(false);
- RED.view.redraw();
- RED.comms.subscribe("status/#",function(topic,msg) {
- var parts = topic.split("/");
- var node = RED.nodes.node(parts[1]);
- if (node) {
- node.status = msg;
- if (statusEnabled) {
- node.dirty = true;
- RED.view.redraw();
- }
- }
- });
- RED.comms.subscribe("node/#",function(topic,msg) {
- var i,m;
- var typeList;
- var info;
-
- if (topic == "node/added") {
- var addedTypes = [];
- for (i=0;i<msg.length;i++) {
- m = msg[i];
- var id = m.id;
- RED.nodes.addNodeSet(m);
- if (m.loaded) {
- addedTypes = addedTypes.concat(m.types);
- $.get('nodes/'+id, function(data) {
- $("body").append(data);
- });
- }
- }
- if (addedTypes.length) {
- typeList = "<ul><li>"+addedTypes.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(addedTypes.length!=1 ? "s":"")+" added to palette:"+typeList,"success");
- }
- } else if (topic == "node/removed") {
- for (i=0;i<msg.length;i++) {
- m = msg[i];
- info = RED.nodes.removeNodeSet(m.id);
- if (info.added) {
- typeList = "<ul><li>"+m.types.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(m.types.length!=1 ? "s":"")+" removed from palette:"+typeList,"success");
- }
- }
- } else if (topic == "node/enabled") {
- if (msg.types) {
- info = RED.nodes.getNodeSet(msg.id);
- if (info.added) {
- RED.nodes.enableNodeSet(msg.id);
- typeList = "<ul><li>"+msg.types.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(msg.types.length!=1 ? "s":"")+" enabled:"+typeList,"success");
- } else {
- $.get('nodes/'+msg.id, function(data) {
- $("body").append(data);
- typeList = "<ul><li>"+msg.types.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(msg.types.length!=1 ? "s":"")+" added to palette:"+typeList,"success");
- });
- }
- }
- } else if (topic == "node/disabled") {
- if (msg.types) {
- RED.nodes.disableNodeSet(msg.id);
- typeList = "<ul><li>"+msg.types.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(msg.types.length!=1 ? "s":"")+" disabled:"+typeList,"success");
- }
- }
- });
- }
- });
- }
-
- var statusEnabled = false;
- function toggleStatus(state) {
- statusEnabled = state;
- RED.view.status(statusEnabled);
- }
-
- function performLoopDetection(state) {
- loopDetectionEnabled = state;
- console.log("loopDetectionEnabled:" + loopDetectionEnabled);
- }
-
- var dgNumberEnabled = false;
- function toggleDgNumberDisplay(state) {
- dgNumberEnabled = state;
- RED.view.showNumbers(dgNumberEnabled);
- }
-
- var nodePaletteDisplay = false;
- function toggleNodePaletteDisplay(state) {
- nodePaletteDisplay = state;
- RED.view.showNodePalette(nodePaletteDisplay);
- }
- function displayAllDGs(state) {
- //defined showSLa() in dgstart.html
- showSLA();
- }
-
-
- function showHelp() {
-
- var dialog = $('#node-help');
-
- //$("#node-help").draggable({
- // handle: ".modal-header"
- //});
-
- dialog.on('show',function() {
- RED.keyboard.disable();
- });
- dialog.on('hidden',function() {
- RED.keyboard.enable();
- });
-
- dialog.modal();
- }
-
-
-//Custom Functions Added here
- function showCodeCloudFlows(){
- codeCloudFlowFiles=[];
- var divStyle="<style>#codecloud-data-container a { color: #067ab4; font-size: 0.75em;} #codecloud-data-container a:hover { text-decoration: underline; padding: -15px -15px -15px 15px; } .header { height: 40px; border-bottom: 1px solid #EEE; background-color: #ffffff; height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .footer { height: 40px; background-color: whiteSmoke; border-top: 1px solid #DDD; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }</style>";
- $.get( "/getCodeCloudFlows")
- .done(function( data ) {
-
- var header="<div class='header'>List of DG Flows in Code Cloud</div><div><input id='flowFilterBoxId' type='text' onkeyup='filterFlows(this.value)'></div>";
- var html= divStyle + header + "<div id='codecloud-data-container'>";
- html+="<ul>";
- if(data != null){
- var files=data.files;
- codeCloudFlowFiles=files;
- //console.dir(files);
- files.sort(function (a,b){
- if(a > b){
- return 1;
- }else if(a < b){
- return -1;
- }else{
- return 0;
- }
- });
- for(var i=0;files != null && i<files.length;i++){
- html+="<li><a href=\"#\" onclick=\"getCommits('" + files[i] + "')\">" + files[i] + "</a></li>";
- }
- }
- html+="</ul>";
- html+="</div>";
- $( "#codecloud-browser-dialog" ).dialog({
- title: "Code Cloud DG Flow Browser",
- modal: true,
- autoOpen: true,
- width: 830,
- height: 630,
- buttons: [
- {
- text: "Close",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- close: function(ev,ui){
- $(this).dialog("destroy");
- }
- }).html(html);
- $("#codecloud-browser-dialog").show();
- })
- .fail(function(err) {
- RED.notify("Failed to get users.");
- })
- .always(function() {
- });
- }
- /*
- function listYangFiles(){
- yangFilesList=[];
- var divStyle="<style>#list-yang-data-container a { color: #067ab4; font-size: 0.75em;} #list-yang-data-container a:hover { text-decoration: underline; padding: -15px -15px -15px 15px; } .header { height: 40px; border-bottom: 1px solid #EEE; background-color: #ffffff; height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .footer { height: 40px; background-color: whiteSmoke; border-top: 1px solid #DDD; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }</style>";
- $.get( "/getYangFiles")
- .done(function( data ) {
-
- var header="<div class='header'>List of Yang Files </div><div><input id='flowFilterBoxId' type='text' onkeyup='filterYangFiles(this.value)'></div>";
- var html= divStyle + header + "<div id='list-yang-data-container'>";
- html+="<ul>";
- if(data != null){
- var files=data.files;
- yangFilesList=files;
- //console.dir(files);
- files.sort(function (a,b){
- if(a > b){
- return 1;
- }else if(a < b){
- return -1;
- }else{
- return 0;
- }
- });
- for(var i=0;files != null && i<files.length;i++){
- html+="<li><a href=\"#\" onclick=\"getYangFile('" + files[i] + "')\">" + files[i] + "</a></li>";
- }
- }
- html+="</ul>";
- html+="</div>";
- $( "#list-yang-browser-dialog" ).dialog({
- title: "List Yang Files",
- modal: true,
- autoOpen: true,
- width: 830,
- height: 630,
- buttons: [
- {
- text: "Close",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- close: function(ev,ui){
- $(this).dialog("destroy");
- }
- }).html(html);
- $("#list-yang-browser-dialog").show();
- })
- .fail(function(err) {
- RED.notify("Failed to get yang files.");
- })
- .always(function() {
- });
- }
- */
-
- function listYangFiles(){
- yangFilesList=[];
-
- var divStyle="<style>#yang-files-data-container a { color: #067ab4; font-size: 0.75em;} #yang-files-data-container a:hover { text-decoration: underline; padding: -15px -15px -15px 15px; } .header { height: 40px; border-bottom: 1px solid #EEE; background-color: #ffffff; height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .footer { height: 40px; background-color: whiteSmoke; border-top: 1px solid #DDD; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } table#yang-file-list-table { width:100%; } table#yang-file-list-table th,table#yang-file-list-table td { border: 1px solid black; border-collapse: collapse; } table#yang-file-list-table th,table#yang-file-list-table td { padding: 5px; text-align: left; } table#yang-file-list-table tr:nth-child(even) { background-color: #eee; } table#yang-file-list-table tr:nth-child(odd) { background-color:#fff; } table#yang-file-list-table th { background-color: #65a9d7; color: white; } table#yang-file-list-table a { color: #337ab7; } table#yang-file-list-table a:link { color: #65a9d7; } table#yang-file-list-table a:visited { color: #636; } table#yang-file-list-table a:hover { color: #3366CC; cursor: pointer } table#yang-file-list-table a:active { color: #65a9d7 }</style>";
- $.get( "/getYangFiles")
- .done(function( data ) {
-
- var header="<div class='header'>List of Yang Files </div><div><input id='flowFilterBoxId' type='text' onkeyup='filterYangFiles(this.value)'></div>";
- var html= divStyle + header + "<div id='yang-files-data-container'>";
- html+="<table id='yang-file-list-table' border=1>";
- html+="<tr>";
- html+="<th>File</th>";
- html+="<th>Delete</th>";
- html+="</tr>";
- if(data != null){
- var files=data.files;
- yangFilesList=files;
- //console.dir(files);
- files.sort(function (a,b){
- if(a > b){
- return 1;
- }else if(a < b){
- return -1;
- }else{
- return 0;
- }
- });
- for(var i=0;files != null && i<files.length;i++){
- html+="<tr><td><a href=\"#\" onclick=\"getYangFile('" + files[i] + "')\">" + files[i] + "</a></td><td>" + "<input type='button' onclick='deleteYangFile(\"" + files[i] + "\")' value='Delete'></td></td></td></tr>";
- }
- }
- html+="</table>";
- html+="</div>";
- $( "#list-yang-browser-dialog" ).dialog({
- title: "List Yang Files",
- modal: true,
- autoOpen: true,
- width: 830,
- height: 630,
- buttons: [
- {
- text: "Close",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- close: function(ev,ui){
- $(this).dialog("destroy");
- }
- }).html(html);
- $("#list-yang-browser-dialog").show();
- })
- .fail(function(err) {
- RED.notify("Failed to get yang files.");
- })
- .always(function() {
- });
- }
-
-
- function showGitPullDialog(){
- $.get( "/getCurrentGitBranch")
- .done(function( data ) {
- if(data != null){
- if(data.output == "GIT_LOCAL_REPOSITORY_NOT_SET" ){
- RED.notify("Git Local Repository path is not set. Please set it by choosing Configuration from the menu.");
- return;
- }
-
- var html= "<div id='gitcheckout-container'>";
- html+="<table>";
- html+="<tr>";
- html+="<td>Branch</td>";
- html+="<td>" + data.output + "</td>";
- html+="</tr>";
- html+="<tr>";
- html+="<td><input id='gitPullBtnId' type='button' value='Pull' onclick='performGitPull()'></td>";
- html+="<td>&nbsp;&nbsp;</td>"
- html+="</tr>";
- html+="<tr>";
- //html+="<td colspan=3><textarea readonly='1' rows='5' cols='200' id='responseId'></textarea></td>";
- html+="</tr>";
- html+="</table>";
- html+="<br><div id='responseId'></div>";
- html+="</div>";
- $( "#gitcommands-dialog" ).dialog({
- title: "Git Pull",
- modal: true,
- autoOpen: true,
- width: 630,
- height: 500,
- buttons: [
- {
- text: "Close",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- close: function(ev,ui){
- $(this).dialog("destroy");
- }
- }).html(html);
- $("#responseId").css({width:'550',height:'275px', border: '2px solid lightgrey',overflow:'scroll', padding: '20px' });
- $("#responseId").hide();
- $("#gitcommands-dialog").show();
- }
- })
- .fail(function(err) {
- RED.notify("Failed to get gitBranch.");
- })
- .always(function() {
- });
- }
-
- function showGitStatusDialog(){
- $.get( "/getCurrentGitBranch")
- .done(function( data ) {
- if(data != null){
- if(data.output == "GIT_LOCAL_REPOSITORY_NOT_SET" ){
- RED.notify("Git Local Repository path is not set. Please set it by choosing Configuration from the menu.");
- return;
- }
-
- var html= "<div id='gitcheckout-container'>";
- html+="<table>";
- html+="<tr>";
- html+="<td>Branch</td>";
- html+="<td>" + data.output + "</td>";
- html+="</tr>";
- html+="<tr>";
- html+="<td><input id='gitStatusBtnId' type='button' value='Status' onclick='performGitStatus()'></td>";
- html+="<td>&nbsp;&nbsp;</td>"
- html+="</tr>";
- html+="<tr>";
- //html+="<td colspan=3><textarea readonly='1' rows='5' cols='200' id='responseId'></textarea></td>";
- html+="</tr>";
- html+="</table>";
- html+="<br><div id='responseId'></div>";
- html+="</div>";
- $( "#gitcommands-dialog" ).dialog({
- title: "Git Status",
- modal: true,
- autoOpen: true,
- width: 630,
- height: 500,
- buttons: [
- {
- text: "Close",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- close: function(ev,ui){
- $(this).dialog("destroy");
- }
- }).html(html);
- //$("#responseId").css({width:'600px',height:'100px','border-radius' : '25px', border: '2px solid lightgrey', padding: '20px' });
- $("#responseId").css({width:'550px',height:'100px', border: '2px solid lightgrey',overflow:'scroll', padding: '20px' });
- $("#responseId").hide();
- $("#gitcommands-dialog").show();
- }
- })
- .fail(function(err) {
- RED.notify("Failed to get gitBranch.");
- })
- .always(function() {
- });
- }
-
- function showGitCheckoutDialog(){
- $.get( "/getCurrentGitBranch")
- .done(function( data ) {
- if(data != null){
- if(data.output == "GIT_LOCAL_REPOSITORY_NOT_SET" ){
- RED.notify("Git Local Repository path is not set. Please set it by choosing Configuration from the menu.");
- return;
- }
-
- var html= "<div id='gitcheckout-container'>";
- html+="<table>";
- html+="<tr>";
- html+="<td>Branch</td>";
- html+="<td><input id='branchId' type='text' value='" + data.output + "'></td>";
- html+="</tr>";
- html+="<tr>";
- html+="<td><input id='checkoutBtnId' type='button' value='Checkout' onclick='performGitCheckout()'></td>";
- html+="<td>&nbsp;&nbsp;</td>"
- html+="</tr>";
- html+="<tr>";
- //html+="<td colspan=3><textarea readonly='1' rows='5' cols='200' id='responseId'></textarea></td>";
- html+="</tr>";
- html+="</table>";
- html+="<br><div id='responseId'></div>";
- html+="</div>";
- $( "#gitcommands-dialog" ).dialog({
- title: "Git Checkout",
- modal: true,
- autoOpen: true,
- width: 430,
- height: 350,
- buttons: [
- {
- text: "Close",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- close: function(ev,ui){
- $(this).dialog("destroy");
- }
- }).html(html);
- $("#responseId").css({width:'300',height:'100px', border: '2px solid lightgrey',overflow:'scroll', padding: '20px' });
- $("#responseId").hide();
- $("#gitcommands-dialog").show();
- }
- })
- .fail(function(err) {
- RED.notify("Failed to get gitBranch.");
- })
- .always(function() {
- });
- }
-
- function showGitLocalFlows(){
- giLocalFlowFiles=[];
- var divStyle="<style>#gitlocal-data-container a { color: #067ab4; font-size: 0.75em;} #gitlocal-data-container a:hover { text-decoration: underline; padding: -15px -15px -15px 15px; } .header { height: 40px; border-bottom: 1px solid #EEE; background-color: #ffffff; height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .footer { height: 40px; background-color: whiteSmoke; border-top: 1px solid #DDD; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }</style>";
- $.get( "/getGitLocalFlows")
- .done(function( data ) {
- if(data != null && data.files != null && data.files.length == 1){
- if(data.files[0] == "GIT_LOCAL_REPOSITORY_NOT_SET" ){
- RED.notify("Git Local Repository path is not set. Please set it by choosing Configuration from the menu.");
- return;
- }
- }
- //console.log("got response from server.");
-
- var header="<div class='header'>List of DG Flows from Git Local Repository </div><div><input id='flowFilterBoxId' type='text' onkeyup='filterGitLocalFlows(this.value)'></div>";
- var html= divStyle + header + "<div id='gitlocal-data-container'>";
- html+="<ul>";
- if(data != null){
- var files=data.files;
- gitLocalFlowFiles=files;
- //console.dir(files);
- files.sort(function (a,b){
- if(a > b){
- return 1;
- }else if(a < b){
- return -1;
- }else{
- return 0;
- }
- });
- for(var i=0;files != null && i<files.length;i++){
- html+="<li><a href=\"#\" onclick=\"importGitLocalFlow('" + files[i] + "')\">" + files[i] + "</a></li>";
- }
- }
- html+="</ul>";
- html+="</div>";
- $( "#gitlocal-browser-dialog" ).dialog({
- title: "Git Local Repository DG Flow Browser",
- modal: true,
- autoOpen: true,
- width: 830,
- height: 630,
- buttons: [
- {
- text: "Close",
- click: function() {
- $(this).dialog("close");
- }
- }
- ]
- }).html(html);
- $("#gitlocal-browser-dialog").show();
- /*
- if ($("#gitlocal-browser-dialog").dialog( "isOpen" )===true) {
- console.log("gitlocal dialog box is open");
- //true
- } else {
- console.log("gitlocal dialog box is not open");
- // $( "#gitlocal-browser-dialog" ).dialog("destroy").remove();
- console.log($("#gitlocal-browser-dialog").dialog( "widget" ));
- $("#gitlocal-browser-dialog").dialog( "open" );
- if ($("#gitlocal-browser-dialog").dialog( "isOpen" )===true) {
- console.log("gitlocal dialog box is now open");
- }
- $("#gitlocal-browser-dialog").show();
- //false
- }
- */
- })
- .fail(function(err) {
- RED.notify("Failed to get flows.");
- })
- .always(function() {
- console.log("Done displaying");
- });
- }
-
- function showFlowShareUsers(){
- var divStyle="<style>#data-container a { color: #067ab4; font-size: 0.75em;} #data-container a:hover { text-decoration: underline; padding: -15px -15px -15px 15px; } .header { height: 40px; border-bottom: 1px solid #EEE; background-color: #ffffff; height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .footer { height: 40px; background-color: whiteSmoke; border-top: 1px solid #DDD; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }</style>";
- $.get("/flowShareUsers")
- .done(function (data){
-
- var header="<div class='header'>List of Downloaded DG Flows</div>";
- var html= divStyle + header + "<div id='data-container'>";
- html+="<ul>";
- if(data != null){
- var users=data.flowShareUsers;
- users.sort(function (a,b){
- if(a.name > b.name){
- return 1;
- }else if(a.name < b.name){
- return -1;
- }else{
- return 0;
- }
- });
- for(var i=0;users != null && i<users.length;i++){
- html+="<li><a href=\"#\" onclick=\"showFlowFiles('" + users[i].rootDir + "')\">" + users[i].name + "</a></li>";
- }
- }
- html+="</ul>";
- html+="</div>";
- $( "#dgflow-browser-dialog" ).dialog({
- title: "Downloaded DG Flows Browser",
- modal: true,
- autoOpen: true,
- width: 530,
- height: 530,
- buttons: [
- {
- text: "Close",
- click: function() {
- $( this ).dialog( "close" );
- //$(this).dialog('destroy').remove();
- }
- }
- ]
- }).html(html);
- $("#dgflow-browser-dialog").show();
- /*
- if ($("#dgflow-browser-dialog").dialog( "isOpen" )===true) {
- console.log("dgflow dialog box is open");
- //true
- } else {
- console.log("dgflow dialog box is not open");
- $("#dgflow-browser-dialog").dialog( "open" );
- $("#dgflow-browser-dialog").show();
- //false
- }
- */
- })
- .fail(function(err) {
- RED.notify("Failed to get users.");
- })
- .always(function() {
- });
- }
-
-/* function showFlowShareUsers(){
- var divStyle="<style>#data-container a { color: #067ab4; font-size: 0.75em;} #data-container a:hover { text-decoration: underline; padding: -15px -15px -15px 15px; } .header { height: 40px; border-bottom: 1px solid #EEE; background-color: #ffffff; height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .footer { height: 40px; background-color: whiteSmoke; border-top: 1px solid #DDD; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }</style>";
- $.get( "/flowShareUsers")
- .done(function( data ) {
-
- var header="<div class='header'>List of Downloaded DG Flows</div>";
- var html= divStyle + header + "<div id='data-container'>";
- html+="<ul>";
- if(data != null){
- var users=data.flowShareUsers;
- users.sort(function (a,b){
- if(a.name > b.name){
- return 1;
- }else if(a.name < b.name){
- return -1;
- }else{
- return 0;
- }
- });
- for(var i=0;users != null && i<users.length;i++){
- html+="<li><a href=\"#\" onclick=\"showFlowFiles('" + users[i].rootDir + "')\">" + users[i].name + "</a></li>";
- }
- }
- html+="</ul>";
- html+="</div>";
- $( "#dgflow-browser-dialog" ).dialog({
- title: "Downloaded DG Flows Browser",
- modal: true,
- autoOpen: true,
- width: 530,
- height: 530,
- buttons: [
- {
- text: "Close",
- click: function() {
- //$( this ).dialog( "close" );
- $(this).dialog('destroy').remove();
- }
- }
- ]
- }).html(html);
- //$("#dgflow-browser-dialog").show();
- $( "#dgflow-browser-dialog" ).dialog( "open" );
- })
- .fail(function(err) {
- RED.notify("Failed to get users.");
- })
- .always(function() {
- });
- }
- */
-
-
-function detectLoopInFlow(){
- var errList = [];
- var activeWorkspace=RED.view.getWorkspace();
- var nSet=[];
-
- RED.nodes.eachNode(function(n) {
- if (n.z == activeWorkspace) {
- nSet.push({n:n});
- }
- });
-
- var nodeSet = RED.nodes.createExportableNodeSet(nSet);
-
- var isLoopDetected = false;
- var dgStartNode = getDgStartNode(nodeSet);
- if(dgStartNode == null || dgStartNode == undefined) {
- console.log("dgstart node not linked.");
- return null;
- }
-
- var wires = dgStartNode.wires;
- var nodesInPath = {};
- var dgStartNodeId = dgStartNode.id;
- if(wires != null && wires != undefined && wires[0] != undefined){
- for(var k=0;k<wires[0].length;k++){
- var val = wires[0][k];
- nodesInPath[dgStartNodeId + "->" + val] = "";
- }
- }else{
- nodesInPath[dgStartNodeId + "->" + ""] = "";
- }
-
- var loopDetectedObj = {};
- /* the nodes will not be in order so will need to loop thru again */
- for(var m=0;nodeSet != null && m<nodeSet.length;m++){
- for(var i=0;nodeSet != null && i<nodeSet.length;i++){
- var link=nodeSet[i].id;
- //console.log("NAME:" + nodeSet[i].name + ":" + link);
- if(link == dgStartNodeId) continue;
- var wires = nodeSet[i].wires;
- //console.log("link:" + link);
- var delKeys = [];
- if(wires != null && wires != undefined && wires[0] != undefined){
- for(var k=0;k<wires[0].length;k++){
- var val = (wires[0])[k];
- var keys = Object.keys(nodesInPath);
- //console.log("keys:" + keys);
- for (var j=0;j<keys.length;j++){
- //console.log("key:" + keys[j]);
- //console.log("val:" + val);
- var index = keys[j].indexOf("->" + link);
- var lastIndex = keys[j].lastIndexOf("->");
- if(index != -1 && index == lastIndex){
- //delete nodesInPath[key];
- var previousNodeId = keys[j].substr(lastIndex +2);
- var indexOfArrow = -1;
- if(previousNodeId != ""){
- indexOfArrow = previousNodeId.indexOf("->");
- }
- if(previousNodeId != null && indexOfArrow != -1){
- previousNodeId = previousNodeId.substr(0,indexOfArrow);
- }
- nodesInPath[keys[j] + "->" + val] = "";
- //console.log("keys[j]:" + keys[j]);
- delKeys.push(keys[j]);
- var prevNodeIdIndex = keys[j].indexOf("->" + previousNodeId);
- var priorOccurence = keys[j].indexOf(val + "->");
- if(priorOccurence != -1 && priorOccurence<prevNodeIdIndex){
- //console.log("previousNodeId:" + previousNodeId);
- //console.log("val:" + val);
- var n1 = getNode(nodeSet,previousNodeId);
- var n2 = getNode(nodeSet,val);
- //console.log("loop detected for node " + n1.name + " and " + n2.name);
- loopDetectedObj[n1.name + "->" + n2.name] ="looped";
- console.dir(loopDetectedObj);
- errList.push("Loop detected between " + n1.name + " and " + n2.name);
- isLoopDetected = true;
- }
- }
- }
- }
- }
- for(var l=0;delKeys != null && l<delKeys.length;l++){
- delete nodesInPath[delKeys[l]];
- }
- }
-
-
- }
- /*
- if(loopDetectedObj != null ){
- var msg = "";
- for(var key in loopDetectedObj){
- if(loopDetectedObj.hasOwnProperty(key)) {
- console.log("Loop detected " + key);
- msg += "<strong>Loop detected for:" + key + "</strong><br>";
- }
- }
- if(msg != ""){
- isLoopDetected = true;
- //RED.notify(msg);
- }
- }
- */
- //images/page-loading.gif
- return errList;
-}
-
-function showLoopDetectionBox(){
- $(function() {
- var htmlStr="<div id='loop-box-div' style='width:375;height:225'><p>Loop detection in Progress ...</p><img src='images/page-loading.gif'></div>"
- $("#loop-detection-dialog").dialog({
- modal:true,
- autoOpen :true,
- title: "DG Flow Loop Detection",
- width: 400,
- height: 250,
- minWidth : 400,
- minHeight :200,
- }).html(htmlStr);
- if($("#loop-detection-dialog").dialog("isOpen") == true){
- var errList = detectLoopInFlow();
- var errList=[];
- if(errList == null){
- $("#loop-detection-dialog").dialog("close");
- }
- var msgHtml = "";
- for(var i=0;errList != null && i<errList.length;i++){
- msgHtml += "<p>" + errList[i] + "</p>";
- }
- if(msgHtml == ""){
- $("loop-box-div").html("<p>SUCCESS. No Loop detected.</p>");
- }else{
- $("loop-box-div").html(msgHtml);
- }
- }
- });
-
-}
-
-function showSelectedTabs(){
- var tabSheets = [];
- var beforeTabsOrder=[];
- $(".red-ui-tabs li a").each(function(i){
- var id=$(this).attr("href").replace('#','');
- var title=$(this).attr("title");
- var isVisible = $(this).parent().is(":visible");
- if(title != 'info'){
- tabSheets.push({"id" : id ,"title":title,"module":"NOT_SET","version" : "NOT_SET","rpc":"NOT_SET","isVisible":isVisible});
- beforeTabsOrder.push(id);
- }
- });
-
- RED.nodes.eachNode(function(n) {
- if(n.type == 'service-logic'){
- var id = n.z;
- var module = n.module;
- tabSheets.forEach(function(tab){
- if(tab.id == id){
- tab.module=module;
- tab.version=n.version;
- }
- });
- }else if(n.type == 'method'){
- var id = n.z;
- tabSheets.forEach(function(tab){
- if(tab.id == id){
- var rpc=getAttributeValue(n.xml,"rpc");
- tab.rpc=rpc;
- }
- });
- }
- });
- //console.dir(tabSheets);
- var htmlStr = getHtmlStr(tabSheets);
- $("#filter-tabs-dialog").dialog({
- modal:true,
- title: "DG Builder Tabs",
- width: 1200,
- height: 750,
- minWidth : 600,
- minHeight :450,
- }).html(htmlStr);
-/* This code allows for the drag-drop of the rows in the table */
- var fixHelperModified = function(e, tr) {
- var $originals = tr.children();
- var $helper = tr.clone();
- $helper.children().each(function(index) {
- $(this).width($originals.eq(index).width())
- });
- return $helper;
- },
- updateIndex = function(e, ui) {
- var afterTabsOrder=[];
- $('td.index', ui.item.parent()).each(function (i) {
- $(this).html(i + 1);
- });
- //RE-ARRANGE the tabs
- var ul = $("#workspace-tabs");
- $("#ftab02 tr td:nth-child(1)").each(function(i){
- var idStr = $(this).prop("id").replace("tab-td_","");
- afterTabsOrder.push(idStr);
- link = ul.find("a[href='#"+ idStr+"']");
- li = link.parent();
- //li.remove();
- firstTab = $("#workspace-tabs li:first-child");
- lastTab = $("#workspace-tabs li:last-child");
- li.insertAfter(lastTab);
- //console.log( idStr);
- });
- var beforeTabsStr = beforeTabsOrder.join(",");
- var afterTabsStr = afterTabsOrder.join(",");
- //console.log("beforeTabsStr:" +beforeTabsStr);
- //console.log("afterTabsStr:" +afterTabsStr);
- if(beforeTabsStr !== afterTabsStr){
- //activate only when order has changed
- //activate the deploy button
- RED.view.dirty(true);
- $("#btn-deploy").removeClass("disabled");
- }
- };
-
- $("#ftab02 tbody").sortable({
- helper: fixHelperModified,
- stop: updateIndex
- }).disableSelection();
-
-}
-
-function getHtmlStr(rows){
- var styleStr = "<style> " +
- "table#ftab02 { width:100%; } \n" +
- "table#ftab02 th,table#ftab02 td { border: 1px solid black; border-collapse: collapse; } \n" +
- /*"table, th, td { border: 1px solid #65a9d7; border-collapse: collapse; } \n" +*/
- "table#ftab02 th,table#ftab02 td { padding: 5px; text-align: left; } \n" +
- "table#ftab02 tr:nth-child(even) { background-color: #eee; }\n" +
- "table#ftab02 tr:nth-child(odd) { background-color:#fff; }\n" +
- "table#ftab02 th { background-color: #65a9d7; color: white; }\n" +
- "table#ftab02 a { color: #337ab7; }\n" +
- "table#ftab02 a:link { color: #65a9d7; }\n" +
- "table#ftab02 a:visited { color: #636; }\n" +
- "table#ftab02 a:hover { color: #3366CC; cursor: pointer }\n" +
- "table#ftab02 a:active { color: #65a9d7 }\n" +
- "</style>";
- if(rows != null && rows != undefined){
- //var alertDialog = '<div id="confdialog"></div>';
- //htmlStr= alertDialog + "<div style='width:1050;height:650'>" + styleStr;
- var alertDialog = '<div id="tabAlertDialog"></div>';
- htmlStr= alertDialog + "<div id='tabs-div' style='width:1050;height:650'>" + styleStr;
- htmlStr += "<table id='ftab02' >";
- htmlStr += "<tr>";
- htmlStr += "<th class='index'>No.</th>" ;
- htmlStr += "<th>Tab Title</th>" ;
- htmlStr += "<th>Module</th>" ;
- htmlStr += "<th>RPC</th>" ;
- htmlStr += "<th>Version</th>" ;
- htmlStr += "<th>Rename</th>" ;
- htmlStr += "<th>Delete</th>" ;
- htmlStr += "</tr>";
- htmlStr += "<tbody>";
- if(rows != null && rows.length == 0){
- htmlStr += "<tr>";
- htmlStr += "<td><b>No rows found</b></td>";
- htmlStr += "</tr></table></div>";
- return htmlStr;
- }
- for(var i=0;i<rows.length;i++){
- var row = rows[i];
- var title = row.title;
- var _module = row.module;
- var version = row.version;
- var rpc = row.rpc;
- var idVal = row.id;
- var isVisible = row.isVisible;
- htmlStr += "<tr id='tab-tr_" + idVal + "'>";
- //htmlStr += "<td id=" + "'tab-td_" + idVal + "' ><a href='javascript:activateClickedTab(\"" + idVal + "\")'>" + (i+1) + "</a></td>";
- htmlStr += "<td class='index' id=" + "'tab-td_" + idVal + "' >" + (i+1) + "</td>";
- htmlStr += "<td><a href='javascript:activateClickedTab(\"" + idVal + "\")'>" + title + "</a></td>";
- htmlStr += "<td>" + _module + "</td>";
- htmlStr += "<td>" + rpc + "</td>";
- htmlStr += "<td>" + version + "</td>";
- //htmlStr += "<td><a href='javascript:deleteOrRenameTab(\"" + idVal + "\")'>Delete/Rename</a></td>";
- htmlStr += "<td><input type='button' onclick='renameSelectedTab(\"" + idVal + "\",\"" + title + "\",\"" + _module + "\",\"" + rpc + "\",\"" + version + "\")' value='Rename'></td>";
- if(rows.length == 1){
- htmlStr += "<td><input type='button' disabled='1' onclick='deleteSelectedTab(\"" + idVal + "\",\"" + title + "\",\"" + _module + "\",\"" + rpc + "\",\"" + version + "\")' value='Delete'></td>";
- }else{
- htmlStr += "<td><input type='button' onclick='deleteSelectedTab(\"" + idVal + "\",\"" + title + "\",\"" + _module + "\",\"" + rpc + "\",\"" + version + "\")' value='Delete'></td>";
- }
- /*
- if(isVisible){
- htmlStr += "<td><input type='checkbox' onclick=\"showOrHideTab(this,'" + idVal + "')\" checked='true'></td>";
- }else{
- htmlStr += "<td><input type='checkbox' onclick=\"showOrHideTab(this,'" + idVal + "')\"></td>";
- }
- */
- htmlStr += "</tr>";
- }
- htmlStr += "</tbody>";
- htmlStr += "</table>";
- htmlStr += "</div>";
- }
- return htmlStr;
-}
-/*
-Added this logic because , when the configuration item is choosen in the menu the other dialog boxes were not poping up
-*/
-(function(){
- //var msecs1= Date.now();
- $( "#gitlocal-browser-dialog" ).dialog();
- $( "#gitlocal-browser-dialog" ).dialog("close");
- $( "#dgflow-browser-dialog" ).dialog();
- $( "#dgflow-browser-dialog" ).dialog("close");
- $( "#update-password-dialog" ).dialog();
- $( "#update-password-dialog" ).dialog("close");
- $( "#codecloud-browser-dialog" ).dialog();
- $( "#codecloud-browser-dialog" ).dialog("close");
- $( "#update-configuration-dialog" ).dialog();
- $( "#update-configuration-dialog" ).dialog("close");
- $( "#gitcommands-dialog" ).dialog();
- $( "#gitcommands-dialog" ).dialog("close");
- $("#filter-tabs-dialog").dialog();
- $("#filter-tabs-dialog").dialog("close");
- $("#loop-detection-dialog").dialog();
- $("#loop-detection-dialog").dialog("close");
- $("#dgstart-generate-xml-dialog").dialog();
- $("#dgstart-generate-xml-dialog").dialog("close");
- $("#xmldialog").dialog();
- $("#xmldialog").dialog("close");
- $("#upload-xml-status-dialog").dialog();
- $("#upload-xml-status-dialog").dialog("close");
- $("#flow-design-err-dialog").dialog();
- $("#flow-design-err-dialog").dialog("close");
- $("#sli-values-dialog").dialog();
- $("#sli-values-dialog").dialog("close");
- $("#comments-dialog").dialog();
- $("#comments-dialog").dialog("close");
- $("#show-errors-dialog").dialog();
- $("#show-errors-dialog").dialog("close");
- $("#dgnumber-find-dialog").dialog();
- $("#dgnumber-find-dialog").dialog("close");
- $("#search-text-dialog").dialog();
- $("#search-text-dialog").dialog("close");
- $("#yang-upload-dialog").dialog();
- $("#yang-upload-dialog").dialog("close");
- $("#yang-modules-browser-dialog").dialog();
- $("#yang-modules-browser-dialog").dialog("close");
- $("#list-yang-browser-dialog").dialog();
- $("#list-yang-browser-dialog").dialog("close");
- $("#request-input-dialog").dialog();
- $("#request-input-dialog").dialog("close");
- //var msecs2= Date.now();
- //console.log("Time taken for dialog boxes:" + (msecs2 - msecs1));
-})();
-
- function updateConfiguration(){
- //console.log("in updateConfiguration");
- $.get("/getCurrentSettings",function (data){
- var dbHost = data.dbHost;
- var dbPort = data.dbPort;
- var dbName = data.dbName;
- var dbUser = data.dbUser;
- var dbPassword = data.dbPassword;
- var gitLocalRepository = data.gitLocalRepository;
- var performGitPull = data.performGitPull;
-
- if(dbHost == undefined) dbHost="";
- if(dbPort == undefined) dbPort="";
- if(dbName == undefined) dbName="";
- if(dbUser == undefined) dbUser="";
- if(dbPassword == undefined) dbPassword="";
- if(gitLocalRepository == undefined) gitLocalRepository="";
- if(performGitPull == undefined || performGitPull == null) performGitPull="N";
-
- var divStyle="border: 1px solid #a1a1a1; padding: 10px 40px; background: #dddddd; width: 500px; border-radius: 25px;";
- //var divStyle="border: 2px solid #a1a1a1; padding: 10px 40px; background: #99CCFF; width: 400px; border-radius: 25px;";
-
-
- var html = "<div>";
- html += "<script>function changeType(obj,targetId){if( obj.checked== true){$('#' + targetId).prop('type','password');}else{$('#'+ targetId).prop('type','text');}} function changeTitle(){ document.getElementById(\"gitLocalRepository\").title=document.getElementById(\"gitLocalRepository\").value;}</script>";
- html += "<div style='" + divStyle + "' >";
- html += "<table border='0' cellpadding='5' >";
- html += "<tr>";
- html += "<td style='font-size:12px;align:center'><b>DB Host IP</b></td>";
- html += "<td><input style='align:center;font-size:11px;font-weight:bold' id='dbhost' name='dbhost' type='text' value='" + dbHost + "'></td>";
- html += "</tr>";
- html += "<tr>";
- html += "<td style='font-size:12px;align:center'><b>DB Port</b></td>";
- html += "<td><input style='align:center;font-size:11px;font-weight:bold' id='dbport' name='dbport' type='text' value='" + dbPort + "'></td>";
- html += "</tr>";
- html += "<tr>";
- html += "<td style='font-size:12px;align:center'><b>DB Name</b></td>";
- html += "<td><input style='align:center;font-size:11px;font-weight:bold' id='dbname' name='dbname' type='text' value='" + dbName + "'></td>";
- html += "</tr>";
- html += "<tr>";
- html += "<td style='font-size:12px;align:center'><b>DB UserName</b></td>";
- html += "<td><input style='align:center;font-size:11px;font-weight:bold' id='dbuser' name='dbuser' type='password' value='" + dbUser + "'></td>";
- html += "<td><input style='background:background:white;width:20px;height:20px' type='checkbox' checked value='1' onclick=\"changeType(this,'dbuser')\">Hide</td>";
- html += "</tr>";
- html += "<tr>";
- html += "<td style='font-size:12px;align:center'><b>DB Password</b></td>";
- html += "<td><input style='align:center;font-size:11px;font-weight:bold' id='dbpassword' name='dbpassword' type='password' value='" + dbPassword + "'></td>";
- html += "<td><input style='background:background:white;width:20px;height:20px' type='checkbox' checked value='1' onclick=\"changeType(this,'dbpassword')\">Hide</td>";
- html += "</tr>";
- html += "</table>";
- html += "</div>";
- html += "<div style='fill:both;clear:both'></div><br>";
-
- html += "<div style='" + divStyle + "' >";
- html += "<table border='0' cellpadding='5' >";
- html += "<tr>";
- html += "<td style='font-size:12px;align:center'><b>Git Local Repository Path</b></td>";
- html += "<td><textarea style='align:center;font-size:14px;' cols='50' rows='4' id='gitLocalRepository' name='gitLocalRepository' onkeyup='changeTitle()' title='" + gitLocalRepository + "'>" + gitLocalRepository + "</textarea></td>";
- html += "</tr>";
- html += "</table>";
- html += "<table border='0' cellpadding='5' >";
- html += "<tr>";
- if(performGitPull == "N"){
- html += "<td style='align:center;'><input style='color:blue;width:20px;height:20px;' id='performGitPull' type='checkbox' value='Y'>Perform Git Pull in Local Git Repository prior to import</td>";
- }else{
- html += "<td style='align:center;'><input style='color:blue;width:20px;height:20px;' id='performGitPull' type='checkbox' value='Y' checked>Perform Git Pull in Local Git Repository prior to import</td>";
- }
- html += "</tr>";
- html += "</table>";
- html += "</div>";
- html += "</div>";
- //console.log("html:" + html);
- $( "#update-configuration-dialog" ).dialog({
- title: "Configuration",
- modal: true,
- autoOpen: true,
- width: 630,
- height: 630,
- buttons: [
- {
- text: "Save",
- click: function() {
- var newDBHost = $("#dbhost").val().trim();
- var newDBPort = $("#dbport").val().trim();
- var newDBName = $("#dbname").val().trim();
- var newDBUser = $("#dbuser").val().trim();
- var newDBPassword = $("#dbpassword").val().trim();
- var newGitLocalRepository = $("#gitLocalRepository").val().trim();
- var isPerformGitPullChecked = $('#performGitPull').is(':checked');
- var newPerformGitPull = "N";
- if(isPerformGitPullChecked){
- newPerformGitPull = "Y";
- }
- if(newDBHost == ""){
- RED.notify("Error: DB Host is required.");
- $("#dbhost").focus();
- return;
- }else if(newDBPort == ""){
- RED.notify("Error: DB Port is required.");
- $("#dbport").focus();
- return;
- }else if(newDBName == ""){
- RED.notify("Error: DB Name is required.");
- $("#dbname").focus();
- return;
- }else if(newDBUser == ""){
- RED.notify("Error: DB User is required.");
- $("#dbuser").focus();
- return;
- }else if(newDBPassword == ""){
- RED.notify("Error: DB Password is required.");
- $("#dbpassword").focus();
- return;
- }else{
- console.log("newGitLocalRepository:" + newGitLocalRepository);
- var reqData= {"dbHost":newDBHost,
- "dbPort" : newDBPort,
- "dbName" : newDBName,
- "dbUser" : newDBUser,
- "dbPassword" : newDBPassword,
- "gitLocalRepository" : newGitLocalRepository,
- "performGitPull" : newPerformGitPull
- };
- $.post( "/updateConfiguration",reqData )
- .done(function( data ) {
- RED.notify("Configuration updated successfully");
- //loadSettings();
- //RED.comms.connect();
- //$( "#update-configuration-dialog" ).dialog('close');
- $("#update-configuration-dialog").dialog("close");
- //location.reload();
-
- })
- .fail(function(err) {
- console.log( "error" + err );
- RED.notify("Failed to update the Configuration.");
- })
- .always(function() {
- });
- }
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ]
- }).html(html);
- //$("#update-configuration-dialog").show();
- $("#gitLocalRepository").css({"width" : 300});
-
- });
- }
-
- function updatePassword(){
- var html="<div>";
- html += "<div><span><b>New Password</b></span><br>";
- html += "<input id='passwd1' name='passwd1' type='password' value=''>";
- html += "</div>";
- html += "<div><span><b>Confirm Password</b></span><br>";
- html += "<input id='passwd2' name='passwd2' type='password' value=''>";
- html += "</div>";
- $( "#update-password-dialog" ).dialog({
- title: "Update Password",
- modal: true,
- autoOpen: true,
- width: 530,
- height: 230,
- buttons: [
- {
- text: "Update Password",
- click: function() {
- var passwd1 = $("#passwd1").val().trim();
- var passwd2 = $("#passwd2").val().trim();
- if((passwd1 != passwd2) || (passwd1 == "" || passwd2 == "")){
- RED.notify("Error:Passwords entered must be same and must be populated.");
- return;
- }else{
- var reqData= {"password":passwd1};
- $.post( "/updatePassword",reqData )
- .done(function( data ) {
- RED.notify("Password updated successfully");
- //loadSettings();
- $( "#update-password-dialog" ).dialog('close');
- })
- .fail(function(err) {
- console.log( "error" + err );
- RED.notify("Failed to update the password.");
- })
- .always(function() {
- });
- }
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ]
- }).html(html);
- $("#update-password-dialog").show();
-
- }
-
- function showAvailableYangModules(){
- availableYangModules=[];
- var divStyle="<style>#yang-modules-data-container a { color: #067ab4; font-size: 0.75em;} #yang-modules-data-container a:hover { text-decoration: underline; padding: -15px -15px -15px 15px; } .header { height: 40px; border-bottom: 1px solid #EEE; background-color: #ffffff; height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .footer { height: 40px; background-color: whiteSmoke; border-top: 1px solid #DDD; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } table#yang-list-table { width:100%; } table#yang-list-table th,table#yang-list-table td { border: 1px solid black; border-collapse: collapse; } table#yang-list-table th,table#yang-list-table td { padding: 5px; text-align: left; } table#yang-list-table tr:nth-child(even) { background-color: #eee; } table#yang-list-table tr:nth-child(odd) { background-color:#fff; } table#yang-list-table th { background-color: #65a9d7; color: white; } table#yang-list-table a { color: #337ab7; } table#yang-list-table a:link { color: #65a9d7; } table#yang-list-table a:visited { color: #636; } table#yang-list-table a:hover { color: #3366CC; cursor: pointer } table#yang-list-table a:active { color: #65a9d7 }</style>";
- $.get( "/listAvailableModules")
- .done(function( data ) {
- var header="<div class='header'>List of Available Yang Modules</div>";
- header += "<div><p><i>Check the modules that you want to load and click on the Load button.</i></p></div>";
- //header += "<div><input id='yangModuleFilterBoxId' type='text' onkeyup='filterYangModules(this.value)'></div>";
- var html= divStyle + header + "<div id='yang-modules-data-container'>";
- html+="<table id='yang-list-table' border=1>";
- html+="<tr>";
- html+="<th>#</th>";
- html+="<th>Load</th>";
- html+="<th>Module</th>";
- html+="</tr>";
- if(data != null){
- var files=data.files;
- availableYangModules=files;
- //console.dir(files);
- files.sort(function (a,b){
- if(a > b){
- return 1;
- }else if(a < b){
- return -1;
- }else{
- return 0;
- }
- });
- var count=1;
- for(var i=0;files != null && i<files.length;i++){
- var val = files[i].replace(/:.*/,"");
- if(files[i].indexOf(":checked") != -1){
- html+="<tr><td>" + count + "</td><td><input type='checkbox' checked value='" + val + "'></td><td>" + val + "</td></tr>";
- }else{
- html+="<tr><td>" + count + "</td><td><input type='checkbox' value='" + val + "'></td><td>" + val + "</td></tr>";
- }
- count++;
- }
- }
- html+="</table>";
- html+="</div>";
- $( "#yang-modules-browser-dialog" ).dialog({
- title: "Available Yang Modules",
- modal: true,
- autoOpen: true,
- width: 830,
- height: 630,
- buttons: [
- {
- text: "Load",
- click: function() {
- var allVals = [];
- function getValuesForSelected() {
- $('#yang-modules-data-container :checked').each(function() {
- allVals.push($(this).val());
- });
- return allVals;
- }
- var selectedModules = getValuesForSelected().toString();
- console.log(selectedModules);
- $.ajax({
- type: 'GET',
- /*contentType: "application/x-www-form-urlencoded",*/
- url: '/loadSelectedModules?selectedModules=' + selectedModules,
- success: function(data) {
- RED.notify("Modules Loaded successfully");
- //emptying existing g;obal variables
- sliValuesObj = {};
- rpcValues = {};
- reqInputValues = {};
-
- if(data != undefined && data != null){
- for(var i=0;i<data.sliValuesObj.length;i++){
- var moduleName = data.sliValuesObj[i].moduleName;
- sliValuesObj[moduleName] = data.sliValuesObj[i][moduleName + '_PROPS'];
- rpcValues[moduleName] = data.sliValuesObj[i][ moduleName +'_RPCS'];
- for(var k=0;rpcValues[moduleName] != undefined && k<rpcValues[moduleName].length;k++){
- var rpcName = rpcValues[moduleName][k];
- reqInputValues[moduleName + "_" + rpcName] = data.sliValuesObj[i][rpcName +"-input"];
- //console.dir(reqInputValues);
- }
- }
- }
- $( "#yang-modules-browser-dialog" ).dialog('close');
- console.log('success');
- //console.log(JSON.stringify(data));
- },
- error: function(error) {
- RED.notify("Failed to load modules.");
- console.log("some error in fetching the notifications");
- }
- });
- }
- },
- {
- text: "Close",
- click: function() {
- $(this).dialog("close");
- }
- }
- ]
- }).html(html);
- $("#yang-modules-browser-dialog").show();
- })
- .fail(function(err) {
- RED.notify("Failed to get yang modules.");
- })
- .always(function() {
- console.log("Done displaying");
- });
- }
-
-
- $(function() {
- RED.menu.init({id:"btn-sidemenu",
- options: [
- {id:"btn-sidebar",icon:"fa fa-columns",label:"Sidebar (Ctrl+Space)",toggle:true,onselect:RED.sidebar.toggleSidebar},
- null,
- {id:"btn-manage-yang-modules-menu",icon:"fa fa-sign-in",label:"Manage Yang Modules",options:[
- {id:"btn-yang-upload",icon:"fa fa-clipboard",label:"Upload Yang File",onselect:RED.view.showYangUploadDialog},
- {id:"btn-available-yang-modules",icon:"fa fa-clipboard",label:"Available Yang Modules",onselect:showAvailableYangModules},
- {id:"btn-list-yang-files",icon:"fa fa-clipboard",label:"List Yang Files",onselect:listYangFiles},
- ]},
- null,
- {id:"btn-configure-upload",icon:"fa fa-book",label:"Configuration",toggle:false,onselect:updateConfiguration},
- null,
- {id:"btn-manage-tabs",icon:"fa fa-info",label:"Manage Tabs",toggle:false,onselect:showSelectedTabs},
- null,
- {id:"btn-search-text",icon:"fa fa-info",label:"Search Text (Ctrl+[)",toggle:false,onselect:RED.view.showSearchTextDialog},
- null,
- {id:"btn-find-dgnumber",icon:"fa fa-info",label:"Find Node (Ctrl+B)",toggle:false,onselect:RED.view.showDgNumberDialog},
- null,
- {id:"btn-request-input",icon:"fa fa-info",label:"RPC Input (Ctrl+O)",toggle:false,onselect:RED.view.showRequestTemplateDialog},
- null,
- {id:"btn-node-status",icon:"fa fa-info",label:"Node Status",toggle:true,onselect:toggleStatus},
- null,
- {id:"btn-node-dgnumber",icon:"fa fa-info",label:"Show Node Numbers",toggle:true,onselect:toggleDgNumberDisplay},
- null,
- {id:"btn-node-panel",icon:"fa fa-columns",label:"Node Palette (Ctrl+M)",toggle:true,onselect:toggleNodePaletteDisplay},
- null,
- {id:"btn-node-viewdgs",icon:"fa fa-info",label:"View All DG List",toggle:false,onselect:displayAllDGs},
- null,
- /*
- {id:"btn-node-gitmenu",icon:"fa fa-info",label:"Git Commands",options: [
- {id:"btn-node-gitcheckout",icon:"fa fa-info",label:"Git Checkout",onselect:showGitCheckoutDialog},
- {id:"btn-node-gitpull",icon:"fa fa-info",label:"Git Pull",onselect:showGitPullDialog},
- {id:"btn-node-gitstatus",icon:"fa fa-info",label:"Git Status",onselect:showGitStatusDialog}
- ]},
- null,
- */
- {id:"btn-import-menu",icon:"fa fa-sign-in",label:"Import...",options:[
- /*{id:"btn-import-codecloud",icon:"fa fa-clipboard",label:"Code Cloud",onselect:showCodeCloudFlows},
- */
- {id:"btn-import-codecloud",icon:"fa fa-clipboard",label:"Git Local Repository",onselect:showGitLocalFlows},
- {id:"btn-import-userflows",icon:"fa fa-clipboard",label:"Downloaded DG Flows...",onselect:showFlowShareUsers},
- {id:"btn-import-clipboard",icon:"fa fa-clipboard",label:"Clipboard...",onselect:RED.view.showImportNodesDialog},
- {id:"btn-import-library",icon:"fa fa-book",label:"Library",options:[]}
- ]},
- {id:"btn-export-menu",icon:"fa fa-sign-out",label:"Export...",disabled:true,options:[
- {id:"btn-export-clipboard",icon:"fa fa-clipboard",label:"Clipboard...",disabled:true,onselect:RED.view.showExportNodesDialog},
- {id:"btn-export-library",icon:"fa fa-book",label:"Library...",disabled:true,onselect:RED.view.showExportNodesLibraryDialog}
- ]},
- null,
- {id:"btn-change-password",icon:"fa fa-columns",label:"Change Password",toggle:false,onselect:updatePassword},
- null,
- /*{id:"btn-config-nodes",icon:"fa fa-th-list",label:"Configuration nodes...",onselect:RED.sidebar.config.show},
- null,*/
- {id:"btn-workspace-menu",icon:"fa fa-th-large",label:"Workspaces",options:[
- {id:"btn-workspace-add",icon:"fa fa-plus",label:"Add"},
- {id:"btn-workspace-edit",icon:"fa fa-pencil",label:"Rename"},
- {id:"btn-workspace-delete",icon:"fa fa-minus",label:"Delete"},
- null
- ]},
- null,
- {id:"btn-keyboard-shortcuts",icon:"fa fa-keyboard-o",label:"Keyboard Shortcuts",onselect:showHelp}
- /*{id:"btn-help",icon:"fa fa-question",label:"Help...", href:"http://nodered.org/docs"}*/
- ]
- });
-
- //Making default loop detection on and display check mark in the menu
- //$("#btn-loop-detection").addClass("active");
-
- RED.keyboard.add(/* ? */ 191,{shift:true},function(){showHelp();d3.event.preventDefault();});
- loadSettings();
- RED.comms.connect();
- });
-
- return {
- };
-})();
diff --git a/dgbuilder/public/red/main.js.orig b/dgbuilder/public/red/main.js.orig
deleted file mode 100644
index a47e9958..00000000
--- a/dgbuilder/public/red/main.js.orig
+++ /dev/null
@@ -1,323 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-var RED = (function() {
-
- function hideDropTarget() {
- $("#dropTarget").hide();
- RED.keyboard.remove(/* ESCAPE */ 27);
- }
-
- $('#chart').on("dragenter",function(event) {
- if ($.inArray("text/plain",event.originalEvent.dataTransfer.types) != -1) {
- $("#dropTarget").css({display:'table'});
- RED.keyboard.add(/* ESCAPE */ 27,hideDropTarget);
- }
- });
-
- $('#dropTarget').on("dragover",function(event) {
- if ($.inArray("text/plain",event.originalEvent.dataTransfer.types) != -1) {
- event.preventDefault();
- }
- })
- .on("dragleave",function(event) {
- hideDropTarget();
- })
- .on("drop",function(event) {
- var data = event.originalEvent.dataTransfer.getData("text/plain");
- hideDropTarget();
- RED.view.importNodes(data);
- event.preventDefault();
- });
-
- function save(force) {
- if (RED.view.dirty()) {
- //$("#debug-tab-clear").click(); // uncomment this to auto clear debug on deploy
-
- if (!force) {
- var invalid = false;
- var unknownNodes = [];
- RED.nodes.eachNode(function(node) {
- invalid = invalid || !node.valid;
- if (node.type === "unknown") {
- if (unknownNodes.indexOf(node.name) == -1) {
- unknownNodes.push(node.name);
- }
- invalid = true;
- }
- });
- if (invalid) {
- if (unknownNodes.length > 0) {
- $( "#node-dialog-confirm-deploy-config" ).hide();
- $( "#node-dialog-confirm-deploy-unknown" ).show();
- var list = "<li>"+unknownNodes.join("</li><li>")+"</li>";
- $( "#node-dialog-confirm-deploy-unknown-list" ).html(list);
- } else {
- $( "#node-dialog-confirm-deploy-config" ).show();
- $( "#node-dialog-confirm-deploy-unknown" ).hide();
- }
- $( "#node-dialog-confirm-deploy" ).dialog( "open" );
- return;
- }
- }
- var nns = RED.nodes.createCompleteNodeSet();
-
- $("#btn-icn-deploy").removeClass('fa-download');
- $("#btn-icn-deploy").addClass('spinner');
- RED.view.dirty(false);
-
- $.ajax({
- url:"flows",
- type: "POST",
- data: JSON.stringify(nns),
- contentType: "application/json; charset=utf-8"
- }).done(function(data,textStatus,xhr) {
- RED.notify("Successfully deployed","success");
- RED.nodes.eachNode(function(node) {
- if (node.changed) {
- node.dirty = true;
- node.changed = false;
- }
- if(node.credentials) {
- delete node.credentials;
- }
- });
- RED.nodes.eachConfig(function (confNode) {
- if (confNode.credentials) {
- delete confNode.credentials;
- }
- });
- // Once deployed, cannot undo back to a clean state
- RED.history.markAllDirty();
- RED.view.redraw();
- }).fail(function(xhr,textStatus,err) {
- RED.view.dirty(true);
- if (xhr.responseText) {
- RED.notify("<strong>Error</strong>: "+xhr.responseText,"error");
- } else {
- RED.notify("<strong>Error</strong>: no response from server","error");
- }
- }).always(function() {
- $("#btn-icn-deploy").removeClass('spinner');
- $("#btn-icn-deploy").addClass('fa-download');
- });
- }
- }
-
- $('#btn-deploy').click(function() { save(); });
-
- $( "#node-dialog-confirm-deploy" ).dialog({
- title: "Confirm deploy",
- modal: true,
- autoOpen: false,
- width: 530,
- height: 230,
- buttons: [
- {
- text: "Confirm deploy",
- click: function() {
- save(true);
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ]
- });
-
- function loadSettings() {
- $.get('settings', function(data) {
- RED.settings = data;
- console.log("Node-RED: "+data.version);
- loadNodeList();
- });
- }
- function loadNodeList() {
- $.ajax({
- headers: {
- "Accept":"application/json"
- },
- cache: false,
- url: 'nodes',
- success: function(data) {
- RED.nodes.setNodeList(data);
- loadNodes();
- }
- });
- }
-
- function loadNodes() {
- $.ajax({
- headers: {
- "Accept":"text/html"
- },
- cache: false,
- url: 'nodes',
- success: function(data) {
- $("body").append(data);
- $(".palette-spinner").hide();
- $(".palette-scroll").show();
- $("#palette-search").show();
- loadFlows();
- }
- });
- }
-
- function loadFlows() {
- $.ajax({
- headers: {
- "Accept":"application/json"
- },
- cache: false,
- url: 'flows',
- success: function(nodes) {
- RED.nodes.import(nodes);
- RED.view.dirty(false);
- RED.view.redraw();
- RED.comms.subscribe("status/#",function(topic,msg) {
- var parts = topic.split("/");
- var node = RED.nodes.node(parts[1]);
- if (node) {
- node.status = msg;
- if (statusEnabled) {
- node.dirty = true;
- RED.view.redraw();
- }
- }
- });
- RED.comms.subscribe("node/#",function(topic,msg) {
- var i,m;
- var typeList;
- var info;
-
- if (topic == "node/added") {
- var addedTypes = [];
- for (i=0;i<msg.length;i++) {
- m = msg[i];
- var id = m.id;
- RED.nodes.addNodeSet(m);
- if (m.loaded) {
- addedTypes = addedTypes.concat(m.types);
- $.get('nodes/'+id, function(data) {
- $("body").append(data);
- });
- }
- }
- if (addedTypes.length) {
- typeList = "<ul><li>"+addedTypes.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(addedTypes.length!=1 ? "s":"")+" added to palette:"+typeList,"success");
- }
- } else if (topic == "node/removed") {
- for (i=0;i<msg.length;i++) {
- m = msg[i];
- info = RED.nodes.removeNodeSet(m.id);
- if (info.added) {
- typeList = "<ul><li>"+m.types.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(m.types.length!=1 ? "s":"")+" removed from palette:"+typeList,"success");
- }
- }
- } else if (topic == "node/enabled") {
- if (msg.types) {
- info = RED.nodes.getNodeSet(msg.id);
- if (info.added) {
- RED.nodes.enableNodeSet(msg.id);
- typeList = "<ul><li>"+msg.types.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(msg.types.length!=1 ? "s":"")+" enabled:"+typeList,"success");
- } else {
- $.get('nodes/'+msg.id, function(data) {
- $("body").append(data);
- typeList = "<ul><li>"+msg.types.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(msg.types.length!=1 ? "s":"")+" added to palette:"+typeList,"success");
- });
- }
- }
- } else if (topic == "node/disabled") {
- if (msg.types) {
- RED.nodes.disableNodeSet(msg.id);
- typeList = "<ul><li>"+msg.types.join("</li><li>")+"</li></ul>";
- RED.notify("Node"+(msg.types.length!=1 ? "s":"")+" disabled:"+typeList,"success");
- }
- }
- });
- }
- });
- }
-
- var statusEnabled = false;
- function toggleStatus(state) {
- statusEnabled = state;
- RED.view.status(statusEnabled);
- }
-
- function showHelp() {
-
- var dialog = $('#node-help');
-
- //$("#node-help").draggable({
- // handle: ".modal-header"
- //});
-
- dialog.on('show',function() {
- RED.keyboard.disable();
- });
- dialog.on('hidden',function() {
- RED.keyboard.enable();
- });
-
- dialog.modal();
- }
-
- $(function() {
- RED.menu.init({id:"btn-sidemenu",
- options: [
- {id:"btn-sidebar",icon:"fa fa-columns",label:"Sidebar",toggle:true,onselect:RED.sidebar.toggleSidebar},
- null,
- {id:"btn-node-status",icon:"fa fa-info",label:"Node Status",toggle:true,onselect:toggleStatus},
- null,
- {id:"btn-import-menu",icon:"fa fa-sign-in",label:"Import...",options:[
- {id:"btn-import-clipboard",icon:"fa fa-clipboard",label:"Clipboard...",onselect:RED.view.showImportNodesDialog},
- {id:"btn-import-library",icon:"fa fa-book",label:"Library",options:[]}
- ]},
- {id:"btn-export-menu",icon:"fa fa-sign-out",label:"Export...",disabled:true,options:[
- {id:"btn-export-clipboard",icon:"fa fa-clipboard",label:"Clipboard...",disabled:true,onselect:RED.view.showExportNodesDialog},
- {id:"btn-export-library",icon:"fa fa-book",label:"Library...",disabled:true,onselect:RED.view.showExportNodesLibraryDialog}
- ]},
- null,
- {id:"btn-config-nodes",icon:"fa fa-th-list",label:"Configuration nodes...",onselect:RED.sidebar.config.show},
- null,
- {id:"btn-workspace-menu",icon:"fa fa-th-large",label:"Workspaces",options:[
- {id:"btn-workspace-add",icon:"fa fa-plus",label:"Add"},
- {id:"btn-workspace-edit",icon:"fa fa-pencil",label:"Rename"},
- {id:"btn-workspace-delete",icon:"fa fa-minus",label:"Delete"},
- null
- ]},
- null,
- {id:"btn-keyboard-shortcuts",icon:"fa fa-keyboard-o",label:"Keyboard Shortcuts",onselect:showHelp},
- {id:"btn-help",icon:"fa fa-question",label:"Help...", href:"http://nodered.org/docs"}
- ]
- });
-
- RED.keyboard.add(/* ? */ 191,{shift:true},function(){showHelp();d3.event.preventDefault();});
- loadSettings();
- RED.comms.connect();
- });
-
- return {
- };
-})();
diff --git a/dgbuilder/public/red/nodes.js b/dgbuilder/public/red/nodes.js
deleted file mode 100644
index dc0827a6..00000000
--- a/dgbuilder/public/red/nodes.js
+++ /dev/null
@@ -1,553 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.nodes = (function() {
-
- var node_defs = {};
- var nodes = [];
- var configNodes = {};
- var links = [];
- var defaultWorkspace;
- var workspaces = {};
-
- var registry = (function() {
- var nodeList = [];
- var nodeSets = {};
- var typeToId = {};
- var nodeDefinitions = {};
-
- var exports = {
- getNodeList: function() {
- return nodeList;
- },
- setNodeList: function(list) {
- nodeList = [];
- for(var i=0;i<list.length;i++) {
- var ns = list[i];
- exports.addNodeSet(ns);
- }
- },
- addNodeSet: function(ns) {
- ns.added = false;
- nodeSets[ns.id] = ns;
- for (var j=0;j<ns.types.length;j++) {
- typeToId[ns.types[j]] = ns.id;
- }
- nodeList.push(ns);
- },
- removeNodeSet: function(id) {
- var ns = nodeSets[id];
- for (var j=0;j<ns.types.length;j++) {
- if (ns.added) {
- // TODO: too tightly coupled into palette UI
- RED.palette.remove(ns.types[j]);
- var def = nodeDefinitions[ns.types[j]];
- if (def.onpaletteremove && typeof def.onpaletteremove === "function") {
- def.onpaletteremove.call(def);
- }
- }
- delete typeToId[ns.types[j]];
- }
- delete nodeSets[id];
- for (var i=0;i<nodeList.length;i++) {
- if (nodeList[i].id == id) {
- nodeList.splice(i,1);
- break;
- }
- }
- return ns;
- },
- getNodeSet: function(id) {
- return nodeSets[id];
- },
- enableNodeSet: function(id) {
- var ns = nodeSets[id];
- ns.enabled = true;
- for (var j=0;j<ns.types.length;j++) {
- // TODO: too tightly coupled into palette UI
- RED.palette.show(ns.types[j]);
- var def = nodeDefinitions[ns.types[j]];
- if (def.onpaletteadd && typeof def.onpaletteadd === "function") {
- def.onpaletteadd.call(def);
- }
- }
- },
- disableNodeSet: function(id) {
- var ns = nodeSets[id];
- ns.enabled = false;
- for (var j=0;j<ns.types.length;j++) {
- // TODO: too tightly coupled into palette UI
- RED.palette.hide(ns.types[j]);
- var def = nodeDefinitions[ns.types[j]];
- if (def.onpaletteremove && typeof def.onpaletteremove === "function") {
- def.onpaletteremove.call(def);
- }
- }
- },
- registerNodeType: function(nt,def) {
- nodeDefinitions[nt] = def;
- nodeSets[typeToId[nt]].added = true;
- // TODO: too tightly coupled into palette UI
- RED.palette.add(nt,def);
- if (def.onpaletteadd && typeof def.onpaletteadd === "function") {
- def.onpaletteadd.call(def);
- }
- },
- getNodeType: function(nt) {
- return nodeDefinitions[nt];
- }
- };
- return exports;
- })();
-
- function getID() {
- return (1+Math.random()*4294967295).toString(16);
- }
-
- function addNode(n) {
- if (n._def.category == "config") {
- configNodes[n.id] = n;
- RED.sidebar.config.refresh();
- } else {
- n.dirty = true;
- nodes.push(n);
- var updatedConfigNode = false;
- for (var d in n._def.defaults) {
- if (n._def.defaults.hasOwnProperty(d)) {
- var property = n._def.defaults[d];
- if (property.type) {
- var type = registry.getNodeType(property.type);
- if (type && type.category == "config") {
- var configNode = configNodes[n[d]];
- if (configNode) {
- updatedConfigNode = true;
- configNode.users.push(n);
- }
- }
- }
- }
- }
- if (updatedConfigNode) {
- RED.sidebar.config.refresh();
- }
- }
- }
- function addLink(l) {
- links.push(l);
- }
- function addConfig(c) {
- configNodes[c.id] = c;
- }
-
- function getNode(id) {
- if (id in configNodes) {
- return configNodes[id];
- } else {
- for (var n in nodes) {
- if (nodes[n].id == id) {
- return nodes[n];
- }
- }
- }
- return null;
- }
-
- function removeNode(id) {
- var removedLinks = [];
- if (id in configNodes) {
- delete configNodes[id];
- RED.sidebar.config.refresh();
- } else {
- var node = getNode(id);
- if (node) {
- nodes.splice(nodes.indexOf(node),1);
- removedLinks = links.filter(function(l) { return (l.source === node) || (l.target === node); });
- removedLinks.map(function(l) {links.splice(links.indexOf(l), 1); });
- }
- var updatedConfigNode = false;
- for (var d in node._def.defaults) {
- if (node._def.defaults.hasOwnProperty(d)) {
- var property = node._def.defaults[d];
- if (property.type) {
- var type = registry.getNodeType(property.type);
- if (type && type.category == "config") {
- var configNode = configNodes[node[d]];
- if (configNode) {
- updatedConfigNode = true;
- var users = configNode.users;
- users.splice(users.indexOf(node),1);
- }
- }
- }
- }
- }
- if (updatedConfigNode) {
- RED.sidebar.config.refresh();
- }
- }
- return removedLinks;
- }
-
- function removeLink(l) {
- var index = links.indexOf(l);
- if (index != -1) {
- links.splice(index,1);
- }
- }
-
- function refreshValidation() {
- for (var n=0;n<nodes.length;n++) {
- RED.editor.validateNode(nodes[n]);
- }
- }
-
- function addWorkspace(ws) {
- workspaces[ws.id] = ws;
- }
- function getWorkspace(id) {
- return workspaces[id];
- }
- function removeWorkspace(id) {
- delete workspaces[id];
- var removedNodes = [];
- var removedLinks = [];
- var n;
- for (n=0;n<nodes.length;n++) {
- var node = nodes[n];
- if (node.z == id) {
- removedNodes.push(node);
- }
- }
- for (n=0;n<removedNodes.length;n++) {
- var rmlinks = removeNode(removedNodes[n].id);
- removedLinks = removedLinks.concat(rmlinks);
- }
- return {nodes:removedNodes,links:removedLinks};
- }
-
- function getAllFlowNodes(node) {
- var visited = {};
- visited[node.id] = true;
- var nns = [node];
- var stack = [node];
- while(stack.length !== 0) {
- var n = stack.shift();
- var childLinks = links.filter(function(d) { return (d.source === n) || (d.target === n);});
- for (var i=0;i<childLinks.length;i++) {
- var child = (childLinks[i].source === n)?childLinks[i].target:childLinks[i].source;
- if (!visited[child.id]) {
- visited[child.id] = true;
- nns.push(child);
- stack.push(child);
- }
- }
- }
- return nns;
- }
-
- /**
- * Converts a node to an exportable JSON Object
- **/
- function convertNode(n, exportCreds) {
- exportCreds = exportCreds || false;
- var node = {};
- node.id = n.id;
- node.type = n.type;
- for (var d in n._def.defaults) {
- if (n._def.defaults.hasOwnProperty(d)) {
- node[d] = n[d];
- }
- }
- if(exportCreds && n.credentials) {
- node.credentials = {};
- for (var cred in n._def.credentials) {
- if (n._def.credentials.hasOwnProperty(cred)) {
- if (n.credentials[cred] != null) {
- node.credentials[cred] = n.credentials[cred];
- }
- }
- }
- }
- if (n._def.category != "config") {
- node.x = n.x;
- node.y = n.y;
- node.z = n.z;
- node.wires = [];
- for(var i=0;i<n.outputs;i++) {
- node.wires.push([]);
- }
- var wires = links.filter(function(d){return d.source === n;});
- for (var j=0;j<wires.length;j++) {
- var w = wires[j];
- node.wires[w.sourcePort].push(w.target.id);
- }
- }
- return node;
- }
-
- /**
- * Converts the current node selection to an exportable JSON Object
- **/
- function createExportableNodeSet(set) {
- var nns = [];
- var exportedConfigNodes = {};
- for (var n=0;n<set.length;n++) {
- var node = set[n].n;
- var convertedNode = RED.nodes.convertNode(node);
- for (var d in node._def.defaults) {
- if (node._def.defaults[d].type && node[d] in configNodes) {
- var confNode = configNodes[node[d]];
- var exportable = registry.getNodeType(node._def.defaults[d].type).exportable;
- if ((exportable == null || exportable)) {
- if (!(node[d] in exportedConfigNodes)) {
- exportedConfigNodes[node[d]] = true;
- nns.unshift(RED.nodes.convertNode(confNode));
- }
- } else {
- convertedNode[d] = "";
- }
- }
- }
-
- nns.push(convertedNode);
- }
- return nns;
- }
-
- //TODO: rename this (createCompleteNodeSet)
- function createCompleteNodeSet() {
- var nns = [];
- var i;
- for (i in workspaces) {
- if (workspaces.hasOwnProperty(i)) {
- nns.push(workspaces[i]);
- }
- }
- for (i in configNodes) {
- if (configNodes.hasOwnProperty(i)) {
- nns.push(convertNode(configNodes[i], true));
- }
- }
- for (i=0;i<nodes.length;i++) {
- var node = nodes[i];
- nns.push(convertNode(node, true));
- }
- return nns;
- }
-
- function importNodes(newNodesObj,createNewIds) {
- try {
- var i;
- var n;
- var newNodes;
- if (typeof newNodesObj === "string") {
- if (newNodesObj === "") {
- return;
- }
- newNodes = JSON.parse(newNodesObj);
- } else {
- newNodes = newNodesObj;
- }
-
- if (!$.isArray(newNodes)) {
- newNodes = [newNodes];
- }
- var unknownTypes = [];
- for (i=0;i<newNodes.length;i++) {
- n = newNodes[i];
- // TODO: remove workspace in next release+1
- if (n.type != "workspace" && n.type != "tab" && !registry.getNodeType(n.type)) {
- // TODO: get this UI thing out of here! (see below as well)
- n.name = n.type;
- n.type = "unknown";
- if (unknownTypes.indexOf(n.name)==-1) {
- unknownTypes.push(n.name);
- }
- if (n.x == null && n.y == null) {
- // config node - remove it
- newNodes.splice(i,1);
- i--;
- }
- }
- }
- if (unknownTypes.length > 0) {
- var typeList = "<ul><li>"+unknownTypes.join("</li><li>")+"</li></ul>";
- var type = "type"+(unknownTypes.length > 1?"s":"");
- RED.notify("<strong>Imported unrecognised "+type+":</strong>"+typeList,"error",false,10000);
- //"DO NOT DEPLOY while in this state.<br/>Either, add missing types to Node-RED, restart and then reload page,<br/>or delete unknown "+n.name+", rewire as required, and then deploy.","error");
- }
-
- var new_workspaces = [];
- var workspace_map = {};
-
- for (i=0;i<newNodes.length;i++) {
- n = newNodes[i];
- // TODO: remove workspace in next release+1
- if (n.type === "workspace" || n.type === "tab") {
- if (n.type === "workspace") {
- n.type = "tab";
- }
- if (defaultWorkspace == null) {
- defaultWorkspace = n;
- }
- if (createNewIds) {
- var nid = getID();
- workspace_map[n.id] = nid;
- n.id = nid;
- }
- addWorkspace(n);
- RED.view.addWorkspace(n);
- new_workspaces.push(n);
- }
- }
- if (defaultWorkspace == null) {
- defaultWorkspace = { type:"tab", id:getID(), label:"Sheet 1" };
- addWorkspace(defaultWorkspace);
- RED.view.addWorkspace(defaultWorkspace);
- new_workspaces.push(defaultWorkspace);
- }
-
- var node_map = {};
- var new_nodes = [];
- var new_links = [];
-
- for (i=0;i<newNodes.length;i++) {
- n = newNodes[i];
- // TODO: remove workspace in next release+1
- if (n.type !== "workspace" && n.type !== "tab") {
- var def = registry.getNodeType(n.type);
- if (def && def.category == "config") {
- if (!RED.nodes.node(n.id)) {
- var configNode = {id:n.id,type:n.type,users:[]};
- for (var d in def.defaults) {
- if (def.defaults.hasOwnProperty(d)) {
- configNode[d] = n[d];
- }
- }
- configNode.label = def.label;
- configNode._def = def;
- RED.nodes.add(configNode);
- }
- } else {
- var node = {x:n.x,y:n.y,z:n.z,type:0,wires:n.wires,changed:false};
- if (createNewIds) {
- node.z = workspace_map[node.z];
- if (!workspaces[node.z]) {
- node.z = RED.view.getWorkspace();
- }
- node.id = getID();
- } else {
- node.id = n.id;
- if (node.z == null || !workspaces[node.z]) {
- node.z = RED.view.getWorkspace();
- }
- }
- node.type = n.type;
- node._def = def;
- if (!node._def) {
- node._def = {
- color:"#fee",
- defaults: {},
- label: "unknown: "+n.type,
- labelStyle: "node_label_italic",
- outputs: n.outputs||n.wires.length
- }
- }
- node.outputs = n.outputs||node._def.outputs;
-
- for (var d2 in node._def.defaults) {
- if (node._def.defaults.hasOwnProperty(d2)) {
- node[d2] = n[d2];
- }
- }
-
- addNode(node);
- RED.editor.validateNode(node);
- node_map[n.id] = node;
- new_nodes.push(node);
- }
- }
- }
- for (i=0;i<new_nodes.length;i++) {
- n = new_nodes[i];
- for (var w1=0;w1<n.wires.length;w1++) {
- var wires = (n.wires[w1] instanceof Array)?n.wires[w1]:[n.wires[w1]];
- for (var w2=0;w2<wires.length;w2++) {
- if (wires[w2] in node_map) {
- var link = {source:n,sourcePort:w1,target:node_map[wires[w2]]};
- addLink(link);
- new_links.push(link);
- }
- }
- }
- delete n.wires;
- }
- return [new_nodes,new_links,new_workspaces];
- } catch(error) {
- //TODO: get this UI thing out of here! (see above as well)
- RED.notify("<strong>Error</strong>: "+error,"error");
- return null;
- }
-
- }
-
- return {
- registry:registry,
- setNodeList: registry.setNodeList,
-
- getNodeSet: registry.getNodeSet,
- addNodeSet: registry.addNodeSet,
- removeNodeSet: registry.removeNodeSet,
- enableNodeSet: registry.enableNodeSet,
- disableNodeSet: registry.disableNodeSet,
-
- registerType: registry.registerNodeType,
- getType: registry.getNodeType,
- convertNode: convertNode,
- add: addNode,
- addLink: addLink,
- remove: removeNode,
- removeLink: removeLink,
- addWorkspace: addWorkspace,
- removeWorkspace: removeWorkspace,
- workspace: getWorkspace,
- eachNode: function(cb) {
- for (var n=0;n<nodes.length;n++) {
- cb(nodes[n]);
- }
- },
- eachLink: function(cb) {
- for (var l=0;l<links.length;l++) {
- cb(links[l]);
- }
- },
- eachConfig: function(cb) {
- for (var id in configNodes) {
- if (configNodes.hasOwnProperty(id)) {
- cb(configNodes[id]);
- }
- }
- },
- node: getNode,
- import: importNodes,
- refreshValidation: refreshValidation,
- getAllFlowNodes: getAllFlowNodes,
- createExportableNodeSet: createExportableNodeSet,
- createCompleteNodeSet: createCompleteNodeSet,
- id: getID,
- nodes: nodes, // TODO: exposed for d3 vis
- links: links // TODO: exposed for d3 vis
- };
-})();
diff --git a/dgbuilder/public/red/ui/editor.js b/dgbuilder/public/red/ui/editor.js
deleted file mode 100644
index c5f7986e..00000000
--- a/dgbuilder/public/red/ui/editor.js
+++ /dev/null
@@ -1,665 +0,0 @@
-/**
- * Copyright 2013, 2014 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.editor = (function() {
- var editing_node = null;
- // TODO: should IMPORT/EXPORT get their own dialogs?
-
- function getCredentialsURL(nodeType, nodeID) {
- var dashedType = nodeType.replace(/\s+/g, '-');
- return 'credentials/' + dashedType + "/" + nodeID;
- }
-
- /**
- * Validate a node
- * @param node - the node being validated
- * @returns {boolean} whether the node is valid. Sets node.dirty if needed
- */
- function validateNode(node) {
- var oldValue = node.valid;
- node.valid = validateNodeProperties(node, node._def.defaults, node);
- if (node._def._creds) {
- node.valid = node.valid && validateNodeProperties(node, node._def.credentials, node._def._creds);
- }
- if (oldValue != node.valid) {
- node.dirty = true;
- }
- }
-
- /**
- * Validate a node's properties for the given set of property definitions
- * @param node - the node being validated
- * @param definition - the node property definitions (either def.defaults or def.creds)
- * @param properties - the node property values to validate
- * @returns {boolean} whether the node's properties are valid
- */
- function validateNodeProperties(node, definition, properties) {
- var isValid = true;
- for (var prop in definition) {
- if (definition.hasOwnProperty(prop)) {
- if (!validateNodeProperty(node, definition, prop, properties[prop])) {
- isValid = false;
- }
- }
- }
- return isValid;
- }
-
- /**
- * Validate a individual node property
- * @param node - the node being validated
- * @param definition - the node property definitions (either def.defaults or def.creds)
- * @param property - the property name being validated
- * @param value - the property value being validated
- * @returns {boolean} whether the node proprty is valid
- */
- function validateNodeProperty(node,definition,property,value) {
- var valid = true;
- if ("required" in definition[property] && definition[property].required) {
- valid = value !== "";
- }
- if (valid && "validate" in definition[property]) {
- valid = definition[property].validate.call(node,value);
- }
- if (valid && definition[property].type && RED.nodes.getType(definition[property].type) && !("validate" in definition[property])) {
- if (!value || value == "_ADD_") {
- valid = false;
- } else {
- var v = RED.nodes.node(value).valid;
- valid = (v==null || v);
- }
- }
- return valid;
- }
-
- /**
- * Called when the node's properties have changed.
- * Marks the node as dirty and needing a size check.
- * Removes any links to non-existant outputs.
- * @param node - the node that has been updated
- * @returns {array} the links that were removed due to this update
- */
- function updateNodeProperties(node) {
- node.resize = true;
- node.dirty = true;
- var removedLinks = [];
- if (node.outputs < node.ports.length) {
- while (node.outputs < node.ports.length) {
- node.ports.pop();
- }
- RED.nodes.eachLink(function(l) {
- if (l.source === node && l.sourcePort >= node.outputs) {
- removedLinks.push(l);
- }
- });
- for (var l=0;l<removedLinks.length;l++) {
- RED.nodes.removeLink(removedLinks[l]);
- }
- } else if (node.outputs > node.ports.length) {
- while (node.outputs > node.ports.length) {
- node.ports.push(node.ports.length);
- }
- }
- return removedLinks;
- }
-
-
-
- $( "#dialog" ).dialog({
- modal: true,
- autoOpen: false,
- closeOnEscape: false,
- width: 500,
- buttons: [
- {
- id: "node-dialog-ok",
- text: "Ok",
- click: function() {
- if (editing_node) {
- var changes = {};
- var changed = false;
- var wasDirty = RED.view.dirty();
- var d;
-
- if (editing_node._def.oneditsave) {
- var oldValues = {};
- for (d in editing_node._def.defaults) {
- if (editing_node._def.defaults.hasOwnProperty(d)) {
- if (typeof editing_node[d] === "string" || typeof editing_node[d] === "number") {
- oldValues[d] = editing_node[d];
- } else {
- oldValues[d] = $.extend(true,{},{v:editing_node[d]}).v;
- }
- }
- }
- var rc = editing_node._def.oneditsave.call(editing_node);
- if (rc === true) {
- changed = true;
- }
-
- for (d in editing_node._def.defaults) {
- if (editing_node._def.defaults.hasOwnProperty(d)) {
- if (oldValues[d] === null || typeof oldValues[d] === "string" || typeof oldValues[d] === "number") {
- if (oldValues[d] !== editing_node[d]) {
- changes[d] = oldValues[d];
- changed = true;
- }
- } else {
- if (JSON.stringify(oldValues[d]) !== JSON.stringify(editing_node[d])) {
- changes[d] = oldValues[d];
- changed = true;
- }
- }
- }
- }
-
-
- }
-
- if (editing_node._def.defaults) {
- for (d in editing_node._def.defaults) {
- if (editing_node._def.defaults.hasOwnProperty(d)) {
- var input = $("#node-input-"+d);
- var newValue;
- if (input.attr('type') === "checkbox") {
- newValue = input.prop('checked');
- } else {
- newValue = input.val();
- }
- if (newValue != null) {
- if (editing_node[d] != newValue) {
- if (editing_node._def.defaults[d].type) {
- if (newValue == "_ADD_") {
- newValue = "";
- }
- // Change to a related config node
- var configNode = RED.nodes.node(editing_node[d]);
- if (configNode) {
- var users = configNode.users;
- users.splice(users.indexOf(editing_node),1);
- }
- configNode = RED.nodes.node(newValue);
- if (configNode) {
- configNode.users.push(editing_node);
- }
- }
-
- changes[d] = editing_node[d];
- editing_node[d] = newValue;
- changed = true;
- }
- }
- }
- }
- }
- if (editing_node._def.credentials) {
- var prefix = 'node-input';
- var credDefinition = editing_node._def.credentials;
- var credsChanged = updateNodeCredentials(editing_node,credDefinition,prefix);
- changed = changed || credsChanged;
- }
-
-
- var removedLinks = updateNodeProperties(editing_node);
- if (changed) {
- var wasChanged = editing_node.changed;
- editing_node.changed = true;
- RED.view.dirty(true);
- RED.history.push({t:'edit',node:editing_node,changes:changes,links:removedLinks,dirty:wasDirty,changed:wasChanged});
- }
- editing_node.dirty = true;
- validateNode(editing_node);
- RED.view.redraw();
- } else if (RED.view.state() == RED.state.EXPORT) {
- if (/library/.test($( "#dialog" ).dialog("option","title"))) {
- //TODO: move this to RED.library
- var flowName = $("#node-input-filename").val();
- if (!/^\s*$/.test(flowName)) {
- $.post('library/flows/'+flowName,$("#node-input-filename").attr('nodes'),function() {
- RED.library.loadFlowLibrary();
- RED.notify("Saved nodes","success");
- });
- }
- }
- } else if (RED.view.state() == RED.state.IMPORT) {
- RED.view.importNodes($("#node-input-import").val());
- }
- $( this ).dialog( "close" );
- }
- },
- {
- id: "node-dialog-cancel",
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- resize: function(e,ui) {
- if (editing_node) {
- $(this).dialog('option',"sizeCache-"+editing_node.type,ui.size);
- }
- },
- open: function(e) {
- RED.keyboard.disable();
- if (editing_node) {
- var size = $(this).dialog('option','sizeCache-'+editing_node.type);
- if (size) {
- $(this).dialog('option','width',size.width);
- $(this).dialog('option','height',size.height);
- }
- }
- },
- close: function(e) {
- RED.keyboard.enable();
-
- if (RED.view.state() != RED.state.IMPORT_DRAGGING) {
- RED.view.state(RED.state.DEFAULT);
- }
- $( this ).dialog('option','height','auto');
- $( this ).dialog('option','width','500');
- if (editing_node) {
- RED.sidebar.info.refresh(editing_node);
- }
- RED.sidebar.config.refresh();
- editing_node = null;
- }
- });
-
- /**
- * Create a config-node select box for this property
- * @param node - the node being edited
- * @param property - the name of the field
- * @param type - the type of the config-node
- */
- function prepareConfigNodeSelect(node,property,type) {
- var input = $("#node-input-"+property);
- var node_def = RED.nodes.getType(type);
-
- input.replaceWith('<select style="width: 60%;" id="node-input-'+property+'"></select>');
- updateConfigNodeSelect(property,type,node[property]);
- var select = $("#node-input-"+property);
- select.after(' <a id="node-input-lookup-'+property+'" class="btn"><i class="fa fa-pencil"></i></a>');
- $('#node-input-lookup-'+property).click(function(e) {
- showEditConfigNodeDialog(property,type,select.find(":selected").val());
- e.preventDefault();
- });
- var label = "";
- var configNode = RED.nodes.node(node[property]);
- if (configNode && node_def.label) {
- if (typeof node_def.label == "function") {
- label = node_def.label.call(configNode);
- } else {
- label = node_def.label;
- }
- }
- input.val(label);
- }
-
- /**
- * Populate the editor dialog input field for this property
- * @param node - the node being edited
- * @param property - the name of the field
- * @param prefix - the prefix to use in the input element ids (node-input|node-config-input)
- */
- function preparePropertyEditor(node,property,prefix) {
- var input = $("#"+prefix+"-"+property);
- if (input.attr('type') === "checkbox") {
- input.prop('checked',node[property]);
- } else {
- var val = node[property];
- if (val == null) {
- val = "";
- }
- input.val(val);
- }
- }
-
- /**
- * Add an on-change handler to revalidate a node field
- * @param node - the node being edited
- * @param definition - the definition of the node
- * @param property - the name of the field
- * @param prefix - the prefix to use in the input element ids (node-input|node-config-input)
- */
- function attachPropertyChangeHandler(node,definition,property,prefix) {
- $("#"+prefix+"-"+property).change(function() {
- if (!validateNodeProperty(node, definition, property,this.value)) {
- $(this).addClass("input-error");
- } else {
- $(this).removeClass("input-error");
- }
- });
- }
-
- /**
- * Assign the value to each credential field
- * @param node
- * @param credDef
- * @param credData
- * @param prefix
- */
- function populateCredentialsInputs(node, credDef, credData, prefix) {
- var cred;
- for (cred in credDef) {
- if (credDef.hasOwnProperty(cred)) {
- if (credDef[cred].type == 'password') {
- if (credData[cred]) {
- $('#' + prefix + '-' + cred).val(credData[cred]);
- } else if (credData['has_' + cred]) {
- $('#' + prefix + '-' + cred).val('__PWRD__');
- }
- else {
- $('#' + prefix + '-' + cred).val('');
- }
- } else {
- preparePropertyEditor(credData, cred, prefix);
- }
- attachPropertyChangeHandler(node, credDef, cred, prefix);
- }
- }
- for (cred in credDef) {
- if (credDef.hasOwnProperty(cred)) {
- $("#" + prefix + "-" + cred).change();
- }
- }
- }
-
- /**
- * Update the node credentials from the edit form
- * @param node - the node containing the credentials
- * @param credDefinition - definition of the credentials
- * @param prefix - prefix of the input fields
- * @return {boolean} whether anything has changed
- */
- function updateNodeCredentials(node, credDefinition, prefix) {
- var changed = false;
- if(!node.credentials) {
- node.credentials = {_:{}};
- }
-
- for (var cred in credDefinition) {
- if (credDefinition.hasOwnProperty(cred)) {
- var input = $("#" + prefix + '-' + cred);
- var value = input.val();
- if (credDefinition[cred].type == 'password') {
- node.credentials['has_' + cred] = (value !== "");
- if (value == '__PWRD__') {
- continue;
- }
- changed = true;
-
- }
- node.credentials[cred] = value;
- if (value != node.credentials._[cred]) {
- changed = true;
- }
- }
- }
- return changed;
- }
-
- /**
- * Prepare all of the editor dialog fields
- * @param node - the node being edited
- * @param definition - the node definition
- * @param prefix - the prefix to use in the input element ids (node-input|node-config-input)
- */
- function prepareEditDialog(node,definition,prefix) {
- for (var d in definition.defaults) {
- if (definition.defaults.hasOwnProperty(d)) {
- if (definition.defaults[d].type) {
- prepareConfigNodeSelect(node,d,definition.defaults[d].type);
- } else {
- preparePropertyEditor(node,d,prefix);
- }
- attachPropertyChangeHandler(node,definition.defaults,d,prefix);
- }
- }
- var completePrepare = function() {
- if (definition.oneditprepare) {
- definition.oneditprepare.call(node);
- }
- for (var d in definition.defaults) {
- if (definition.defaults.hasOwnProperty(d)) {
- $("#"+prefix+"-"+d).change();
- }
- }
- }
-
- if (definition.credentials) {
- if (node.credentials) {
- populateCredentialsInputs(node, definition.credentials, node.credentials, prefix);
- completePrepare();
- } else {
- $.getJSON(getCredentialsURL(node.type, node.id), function (data) {
- node.credentials = data;
- node.credentials._ = $.extend(true,{},data);
- populateCredentialsInputs(node, definition.credentials, node.credentials, prefix);
- completePrepare();
- });
- }
- } else {
- completePrepare();
- }
- }
-
- function showEditDialog(node) {
- editing_node = node;
- RED.view.state(RED.state.EDITING);
- $("#dialog-form").html($("script[data-template-name='"+node.type+"']").html());
- $('<input type="text" style="display: none;" />').appendTo("#dialog-form");
- prepareEditDialog(node,node._def,"node-input");
- $( "#dialog" ).dialog("option","title","Edit "+node.type+" node").dialog( "open" );
- }
-
- function showEditConfigNodeDialog(name,type,id) {
- var adding = (id == "_ADD_");
- var node_def = RED.nodes.getType(type);
-
- var configNode = RED.nodes.node(id);
- if (configNode == null) {
- configNode = {
- id: (1+Math.random()*4294967295).toString(16),
- _def: node_def,
- type: type
- }
- for (var d in node_def.defaults) {
- if (node_def.defaults[d].value) {
- configNode[d] = node_def.defaults[d].value;
- }
- }
- }
-
- $("#dialog-config-form").html($("script[data-template-name='"+type+"']").html());
- prepareEditDialog(configNode,node_def,"node-config-input");
-
- var buttons = $( "#node-config-dialog" ).dialog("option","buttons");
- if (adding) {
- if (buttons.length == 3) {
- buttons = buttons.splice(1);
- }
- buttons[0].text = "Add";
- $("#node-config-dialog-user-count").html("").hide();
- } else {
- if (buttons.length == 2) {
- buttons.unshift({
- class: 'leftButton',
- text: "Delete",
- click: function() {
- var configProperty = $(this).dialog('option','node-property');
- var configId = $(this).dialog('option','node-id');
- var configType = $(this).dialog('option','node-type');
- var configNode = RED.nodes.node(configId);
- var configTypeDef = RED.nodes.getType(configType);
-
- if (configTypeDef.ondelete) {
- configTypeDef.ondelete.call(RED.nodes.node(configId));
- }
- RED.nodes.remove(configId);
- for (var i=0;i<configNode.users.length;i++) {
- var user = configNode.users[i];
- for (var d in user._def.defaults) {
- if (user._def.defaults.hasOwnProperty(d) && user[d] == configId) {
- user[d] = "";
- }
- }
- validateNode(user);
- }
- updateConfigNodeSelect(configProperty,configType,"");
- RED.view.dirty(true);
- $( this ).dialog( "close" );
- RED.view.redraw();
- }
- });
- }
- buttons[1].text = "Update";
- $("#node-config-dialog-user-count").html(configNode.users.length+" node"+(configNode.users.length==1?" uses":"s use")+" this config").show();
- }
- $( "#node-config-dialog" ).dialog("option","buttons",buttons);
-
- $( "#node-config-dialog" )
- .dialog("option","node-adding",adding)
- .dialog("option","node-property",name)
- .dialog("option","node-id",configNode.id)
- .dialog("option","node-type",type)
- .dialog("option","title",(adding?"Add new ":"Edit ")+type+" config node")
- .dialog( "open" );
- }
-
- function updateConfigNodeSelect(name,type,value) {
- var select = $("#node-input-"+name);
- var node_def = RED.nodes.getType(type);
- select.children().remove();
- RED.nodes.eachConfig(function(config) {
- if (config.type == type) {
- var label = "";
- if (typeof node_def.label == "function") {
- label = node_def.label.call(config);
- } else {
- label = node_def.label;
- }
- select.append('<option value="'+config.id+'"'+(value==config.id?" selected":"")+'>'+label+'</option>');
- }
- });
-
- select.append('<option value="_ADD_"'+(value===""?" selected":"")+'>Add new '+type+'...</option>');
- window.setTimeout(function() { select.change();},50);
- }
-
- $( "#node-config-dialog" ).dialog({
- modal: true,
- autoOpen: false,
- width: 500,
- closeOnEscape: false,
- buttons: [
- {
- id: "node-config-dialog-ok",
- text: "Ok",
- click: function() {
- var configProperty = $(this).dialog('option','node-property');
- var configId = $(this).dialog('option','node-id');
- var configType = $(this).dialog('option','node-type');
- var configAdding = $(this).dialog('option','node-adding');
- var configTypeDef = RED.nodes.getType(configType);
- var configNode;
- var d;
-
- if (configAdding) {
- configNode = {type:configType,id:configId,users:[]};
- for (d in configTypeDef.defaults) {
- if (configTypeDef.defaults.hasOwnProperty(d)) {
- configNode[d] = $("#node-config-input-"+d).val();
- }
- }
- configNode.label = configTypeDef.label;
- configNode._def = configTypeDef;
- RED.nodes.add(configNode);
- updateConfigNodeSelect(configProperty,configType,configNode.id);
- } else {
- configNode = RED.nodes.node(configId);
- for (d in configTypeDef.defaults) {
- if (configTypeDef.defaults.hasOwnProperty(d)) {
- var input = $("#node-config-input-"+d);
- if (input.attr('type') === "checkbox") {
- configNode[d] = input.prop('checked');
- } else {
- configNode[d] = input.val();
- }
- }
- }
- updateConfigNodeSelect(configProperty,configType,configId);
- }
- if (configTypeDef.credentials) {
- updateNodeCredentials(configNode,configTypeDef.credentials,"node-config-input");
- }
- if (configTypeDef.oneditsave) {
- configTypeDef.oneditsave.call(RED.nodes.node(configId));
- }
- validateNode(configNode);
-
- RED.view.dirty(true);
- $(this).dialog("close");
-
- }
- },
- {
- id: "node-config-dialog-cancel",
- text: "Cancel",
- click: function() {
- var configType = $(this).dialog('option','node-type');
- var configId = $(this).dialog('option','node-id');
- var configAdding = $(this).dialog('option','node-adding');
- var configTypeDef = RED.nodes.getType(configType);
-
- if (configTypeDef.oneditcancel) {
- // TODO: what to pass as this to call
- if (configTypeDef.oneditcancel) {
- var cn = RED.nodes.node(configId);
- if (cn) {
- configTypeDef.oneditcancel.call(cn,false);
- } else {
- configTypeDef.oneditcancel.call({id:configId},true);
- }
- }
- }
- $( this ).dialog( "close" );
- }
- }
- ],
- resize: function(e,ui) {
- },
- open: function(e) {
- if (RED.view.state() != RED.state.EDITING) {
- RED.keyboard.disable();
- }
- },
- close: function(e) {
- $("#dialog-config-form").html("");
- if (RED.view.state() != RED.state.EDITING) {
- RED.keyboard.enable();
- }
- RED.sidebar.config.refresh();
- }
- });
-
-
- return {
- edit: showEditDialog,
- editConfig: showEditConfigNodeDialog,
- validateNode: validateNode,
- updateNodeProperties: updateNodeProperties // TODO: only exposed for edit-undo
- }
-})();
diff --git a/dgbuilder/public/red/ui/keyboard.js b/dgbuilder/public/red/ui/keyboard.js
deleted file mode 100644
index 3bc28c4d..00000000
--- a/dgbuilder/public/red/ui/keyboard.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.keyboard = (function() {
-
- var active = true;
- var handlers = {};
-
- d3.select(window).on("keydown",function() {
- if (!active) { return; }
- var handler = handlers[d3.event.keyCode];
- if (handler && handler.ondown) {
- if (!handler.modifiers ||
- ((!handler.modifiers.shift || d3.event.shiftKey) &&
- (!handler.modifiers.ctrl || d3.event.ctrlKey ) &&
- (!handler.modifiers.alt || d3.event.altKey ) )) {
- handler.ondown();
- }
- }
- });
- d3.select(window).on("keyup",function() {
- if (!active) { return; }
- var handler = handlers[d3.event.keyCode];
- if (handler && handler.onup) {
- if (!handler.modifiers ||
- ((!handler.modifiers.shift || d3.event.shiftKey) &&
- (!handler.modifiers.ctrl || d3.event.ctrlKey ) &&
- (!handler.modifiers.alt || d3.event.altKey ) )) {
- handler.onup();
- }
- }
- });
- function addHandler(key,modifiers,ondown,onup) {
- var mod = modifiers;
- var cbdown = ondown;
- var cbup = onup;
-
- if (typeof modifiers == "function") {
- mod = {};
- cbdown = modifiers;
- cbup = ondown;
- }
- handlers[key] = {modifiers:mod, ondown:cbdown, onup:cbup};
- }
- function removeHandler(key) {
- delete handlers[key];
- }
-
- return {
- add: addHandler,
- remove: removeHandler,
- disable: function(){ active = false;},
- enable: function(){ active = true; }
- }
-
-})();
diff --git a/dgbuilder/public/red/ui/library.js b/dgbuilder/public/red/ui/library.js
deleted file mode 100644
index 0c803bf0..00000000
--- a/dgbuilder/public/red/ui/library.js
+++ /dev/null
@@ -1,370 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.library = (function() {
-
-
- function loadFlowLibrary() {
- $.getJSON("library/flows",function(data) {
- //console.log(data);
-
- var buildMenu = function(data,root) {
- var i;
- var li;
- var a;
- var ul = document.createElement("ul");
- ul.id = "btn-import-library-submenu";
- ul.className = "dropdown-menu";
- if (data.d) {
- for (i in data.d) {
- if (data.d.hasOwnProperty(i)) {
- li = document.createElement("li");
- li.className = "dropdown-submenu pull-left";
- a = document.createElement("a");
- a.href="#";
- a.innerHTML = i;
- li.appendChild(a);
- li.appendChild(buildMenu(data.d[i],root+(root!==""?"/":"")+i));
- ul.appendChild(li);
- }
- }
- }
- if (data.f) {
- for (i in data.f) {
- if (data.f.hasOwnProperty(i)) {
- li = document.createElement("li");
- a = document.createElement("a");
- a.href="#";
- a.innerHTML = data.f[i];
- a.flowName = root+(root!==""?"/":"")+data.f[i];
- a.onclick = function() {
- $.get('library/flows/'+this.flowName, function(data) {
- RED.view.importNodes(data);
- });
- };
- li.appendChild(a);
- ul.appendChild(li);
- }
- }
- }
- return ul;
- };
- var menu = buildMenu(data,"");
- //TODO: need an api in RED.menu for this
- $("#btn-import-library-submenu").replaceWith(menu);
- });
- }
- loadFlowLibrary();
-
-
-
- function createUI(options) {
- var libraryData = {};
- var selectedLibraryItem = null;
- var libraryEditor = null;
-
- function buildFileListItem(item) {
- var li = document.createElement("li");
- li.onmouseover = function(e) { $(this).addClass("list-hover"); };
- li.onmouseout = function(e) { $(this).removeClass("list-hover"); };
- return li;
- }
-
- function buildFileList(root,data) {
- var ul = document.createElement("ul");
- var li;
- for (var i=0;i<data.length;i++) {
- var v = data[i];
- if (typeof v === "string") {
- // directory
- li = buildFileListItem(v);
- li.onclick = (function () {
- var dirName = v;
- return function(e) {
- var bcli = $('<li class="active"><span class="divider">/</span> <a href="#">'+dirName+'</a></li>');
- $("a",bcli).click(function(e) {
- $(this).parent().nextAll().remove();
- $.getJSON("library/"+options.url+root+dirName,function(data) {
- $("#node-select-library").children().first().replaceWith(buildFileList(root+dirName+"/",data));
- });
- e.stopPropagation();
- });
- var bc = $("#node-dialog-library-breadcrumbs");
- $(".active",bc).removeClass("active");
- bc.append(bcli);
- $.getJSON("library/"+options.url+root+dirName,function(data) {
- $("#node-select-library").children().first().replaceWith(buildFileList(root+dirName+"/",data));
- });
- }
- })();
- li.innerHTML = '<i class="fa fa-folder"></i> '+v+"</i>";
- ul.appendChild(li);
- } else {
- // file
- li = buildFileListItem(v);
- li.innerHTML = v.name;
- li.onclick = (function() {
- var item = v;
- return function(e) {
- $(".list-selected",ul).removeClass("list-selected");
- $(this).addClass("list-selected");
- $.get("library/"+options.url+root+item.fn, function(data) {
- selectedLibraryItem = item;
- libraryEditor.setText(data);
- });
- }
- })();
- ul.appendChild(li);
- }
- }
- return ul;
- }
-
-/*
-//Commented this portion as is not used by the DGBuilder application
- $('#node-input-name').addClass('input-append-left').css("width","65%").after(
- '<div class="btn-group" style="margin-left: 0px;">'+
- '<button id="node-input-'+options.type+'-lookup" class="btn input-append-right" data-toggle="dropdown"><i class="fa fa-book"></i> <i class="fa fa-caret-down"></i></button>'+
- '<ul class="dropdown-menu pull-right" role="menu">'+
- '<li><a id="node-input-'+options.type+'-menu-open-library" tabindex="-1" href="#">Open Library...</a></li>'+
- '<li><a id="node-input-'+options.type+'-menu-save-library" tabindex="-1" href="#">Save to Library...</a></li>'+
- '</ul></div>'
- );
-
-
-
- $('#node-input-'+options.type+'-menu-open-library').click(function(e) {
- $("#node-select-library").children().remove();
- var bc = $("#node-dialog-library-breadcrumbs");
- bc.children().first().nextAll().remove();
- libraryEditor.setText('');
-
- $.getJSON("library/"+options.url,function(data) {
- $("#node-select-library").append(buildFileList("/",data));
- $("#node-dialog-library-breadcrumbs a").click(function(e) {
- $(this).parent().nextAll().remove();
- $("#node-select-library").children().first().replaceWith(buildFileList("/",data));
- e.stopPropagation();
- });
- $( "#node-dialog-library-lookup" ).dialog( "open" );
- });
-
- e.preventDefault();
- });
-
- $('#node-input-'+options.type+'-menu-save-library').click(function(e) {
- //var found = false;
- var name = $("#node-input-name").val().replace(/(^\s*)|(\s*$)/g,"");
-
- //var buildPathList = function(data,root) {
- // var paths = [];
- // if (data.d) {
- // for (var i in data.d) {
- // var dn = root+(root==""?"":"/")+i;
- // var d = {
- // label:dn,
- // files:[]
- // };
- // for (var f in data.d[i].f) {
- // d.files.push(data.d[i].f[f].fn.split("/").slice(-1)[0]);
- // }
- // paths.push(d);
- // paths = paths.concat(buildPathList(data.d[i],root+(root==""?"":"/")+i));
- // }
- // }
- // return paths;
- //};
- $("#node-dialog-library-save-folder").attr("value","");
-
- var filename = name.replace(/[^\w-]/g,"-");
- if (filename === "") {
- filename = "unnamed-"+options.type;
- }
- $("#node-dialog-library-save-filename").attr("value",filename+".js");
-
- //var paths = buildPathList(libraryData,"");
- //$("#node-dialog-library-save-folder").autocomplete({
- // minLength: 0,
- // source: paths,
- // select: function( event, ui ) {
- // $("#node-dialog-library-save-filename").autocomplete({
- // minLength: 0,
- // source: ui.item.files
- // });
- // }
- //});
-
- $( "#node-dialog-library-save" ).dialog( "open" );
- e.preventDefault();
- });
- require(["orion/editor/edit"], function(edit) {
- libraryEditor = edit({
- parent:document.getElementById('node-select-library-text'),
- lang:"js",
- readonly: true
- });
- });
-
-
- $( "#node-dialog-library-lookup" ).dialog({
- title: options.type+" library",
- modal: true,
- autoOpen: false,
- width: 800,
- height: 450,
- buttons: [
- {
- text: "Ok",
- click: function() {
- if (selectedLibraryItem) {
- for (var i=0;i<options.fields.length;i++) {
- var field = options.fields[i];
- $("#node-input-"+field).val(selectedLibraryItem[field]);
- }
- options.editor.setText(libraryEditor.getText());
- }
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- open: function(e) {
- var form = $("form",this);
- form.height(form.parent().height()-30);
- $("#node-select-library-text").height("100%");
- $(".form-row:last-child",form).children().height(form.height()-60);
- },
- resize: function(e) {
- var form = $("form",this);
- form.height(form.parent().height()-30);
- $(".form-row:last-child",form).children().height(form.height()-60);
- }
- });
-
- */
- function saveToLibrary(overwrite) {
- var name = $("#node-input-name").val().replace(/(^\s*)|(\s*$)/g,"");
- if (name === "") {
- name = "Unnamed "+options.type;
- }
- var filename = $("#node-dialog-library-save-filename").val().replace(/(^\s*)|(\s*$)/g,"");
- var pathname = $("#node-dialog-library-save-folder").val().replace(/(^\s*)|(\s*$)/g,"");
- if (filename === "" || !/.+\.js$/.test(filename)) {
- RED.notify("Invalid filename","warning");
- return;
- }
- var fullpath = pathname+(pathname===""?"":"/")+filename;
- if (!overwrite) {
- //var pathnameParts = pathname.split("/");
- //var exists = false;
- //var ds = libraryData;
- //for (var pnp in pathnameParts) {
- // if (ds.d && pathnameParts[pnp] in ds.d) {
- // ds = ds.d[pathnameParts[pnp]];
- // } else {
- // ds = null;
- // break;
- // }
- //}
- //if (ds && ds.f) {
- // for (var f in ds.f) {
- // if (ds.f[f].fn == fullpath) {
- // exists = true;
- // break;
- // }
- // }
- //}
- //if (exists) {
- // $("#node-dialog-library-save-type").html(options.type);
- // $("#node-dialog-library-save-name").html(fullpath);
- // $("#node-dialog-library-save-confirm").dialog( "open" );
- // return;
- //}
- }
- var queryArgs = [];
- for (var i=0;i<options.fields.length;i++) {
- var field = options.fields[i];
- if (field == "name") {
- queryArgs.push("name="+encodeURIComponent(name));
- } else {
- queryArgs.push(encodeURIComponent(field)+"="+encodeURIComponent($("#node-input-"+field).val()));
- }
- }
- var queryString = queryArgs.join("&");
-
- var text = options.editor.getText();
- $.post("library/"+options.url+'/'+fullpath+"?"+queryString,text,function() {
- RED.notify("Saved "+options.type,"success");
- });
- }
- $( "#node-dialog-library-save-confirm" ).dialog({
- title: "Save to library",
- modal: true,
- autoOpen: false,
- width: 530,
- height: 230,
- buttons: [
- {
- text: "Ok",
- click: function() {
- saveToLibrary(true);
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ]
- });
- $( "#node-dialog-library-save" ).dialog({
- title: "Save to library",
- modal: true,
- autoOpen: false,
- width: 530,
- height: 230,
- buttons: [
- {
- text: "Ok",
- click: function() {
- saveToLibrary(false);
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ]
- });
-
- }
-
- return {
- create: createUI,
- loadFlowLibrary: loadFlowLibrary
- }
-})();
-
-
diff --git a/dgbuilder/public/red/ui/menu.js b/dgbuilder/public/red/ui/menu.js
deleted file mode 100644
index 07ea5fd2..00000000
--- a/dgbuilder/public/red/ui/menu.js
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * Copyright 2014 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-
-RED.menu = (function() {
-
- var menuItems = {};
-
- function createMenuItem(opt) {
- var item;
- if (opt === null) {
- item = $('<li class="divider"></li>');
- } else {
- item = $('<li></li>');
- var link = $('<a '+(opt.id?'id="'+opt.id+'" ':'')+'tabindex="-1" href="#">'+
- (opt.toggle?'<i class="fa fa-check pull-right"></i>':'')+
- (opt.icon?'<i class="'+opt.icon+'"></i> ':'')+
- opt.label+
- '</a>').appendTo(item);
-
- menuItems[opt.id] = opt;
-
- if (opt.onselect) {
- link.click(function() {
- if ($(this).parent().hasClass("disabled")) {
- return;
- }
- if (opt.toggle) {
- setSelected(opt.id,!isSelected(opt.id));
- } else {
- opt.onselect.call(opt);
- }
- })
- } else if (opt.href) {
- link.attr("target","_blank").attr("href",opt.href);
- }
- if (opt.options) {
- item.addClass("dropdown-submenu pull-left");
- var submenu = $('<ul id="'+opt.id+'-submenu" class="dropdown-menu"></ul>').appendTo(item);
-
- for (var i=0;i<opt.options.length;i++) {
- createMenuItem(opt.options[i]).appendTo(submenu);
- }
- }
- if (opt.disabled) {
- item.addClass("disabled");
- }
- }
-
-
- return item;
-
- }
- function createMenu(options) {
-
- var button = $("#"+options.id);
-
- var topMenu = $("<ul/>",{class:"dropdown-menu"}).insertAfter(button);
-
- for (var i=0;i<options.options.length;i++) {
- var opt = options.options[i];
- createMenuItem(opt).appendTo(topMenu);
- }
- }
-
- function isSelected(id) {
- return $("#"+id).hasClass("active");
- }
- function setSelected(id,state) {
- if (isSelected(id) == state) {
- return;
- }
- var opt = menuItems[id];
- if (state) {
- $("#"+id).addClass("active");
- } else {
- $("#"+id).removeClass("active");
- }
- if (opt.onselect) {
- opt.onselect.call(opt,state);
- }
- }
-
- function setDisabled(id,state) {
- if (state) {
- $("#"+id).parent().addClass("disabled");
- } else {
- $("#"+id).parent().removeClass("disabled");
- }
- }
-
- function addItem(id,opt) {
- createMenuItem(opt).appendTo("#"+id+"-submenu");
- }
- function removeItem(id) {
- $("#"+id).parent().remove();
- }
-
- return {
- init: createMenu,
- setSelected: setSelected,
- isSelected: isSelected,
- setDisabled: setDisabled,
- addItem: addItem,
- removeItem: removeItem
- //TODO: add an api for replacing a submenu - see library.js:loadFlowLibrary
- }
-})();
diff --git a/dgbuilder/public/red/ui/notifications.js b/dgbuilder/public/red/ui/notifications.js
deleted file mode 100644
index c9436c68..00000000
--- a/dgbuilder/public/red/ui/notifications.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.notify = (function() {
- var currentNotifications = [];
- var c = 0;
- return function(msg,type,fixed,timeout) {
- if (currentNotifications.length > 4) {
- var ll = currentNotifications.length;
- for (var i = 0;ll > 4 && i<currentNotifications.length;i+=1) {
- var notifiction = currentNotifications[i];
- if (!notifiction.fixed) {
- window.clearTimeout(notifiction.timeoutid);
- notifiction.close();
- ll -= 1;
- }
- }
- }
- var n = document.createElement("div");
- n.id="red-notification-"+c;
- n.className = "alert";
- n.fixed = fixed;
- if (type) {
- n.className = "alert alert-"+type;
- }
- n.style.display = "none";
- n.innerHTML = msg;
- $("#notifications").append(n);
- $(n).slideDown(300);
- n.close = (function() {
- var nn = n;
- return function() {
- currentNotifications.splice(currentNotifications.indexOf(nn),1);
- $(nn).slideUp(300, function() {
- nn.parentNode.removeChild(nn);
- });
- };
- })();
- if (!fixed) {
- n.timeoutid = window.setTimeout(n.close,timeout||3000);
- }
- currentNotifications.push(n);
- c+=1;
- return n;
- }
-})();
-
diff --git a/dgbuilder/public/red/ui/palette.js b/dgbuilder/public/red/ui/palette.js
deleted file mode 100644
index f0524e55..00000000
--- a/dgbuilder/public/red/ui/palette.js
+++ /dev/null
@@ -1,230 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-RED.palette = (function() {
-
- var exclusion = ['config','unknown','deprecated'];
- //var core = ['input', 'output', 'function', 'social', 'storage', 'analysis', 'advanced'];
- var core = ['DGEmain','DGEoutcome','DGEreturn','DGElogic'];
- function createCategoryContainer(category){
- var escapedCategory = category.replace(" ","_");
- $("#palette-container").append('<div class="palette-category">'+
- '<div id="header-'+category+'" class="palette-header"><i class="expanded fa fa-caret-down"></i><span>'+category.replace("_"," ")+'</span></div>'+
- '<div class="palette-content" id="palette-base-category-'+category+'">'+
- '<div id="palette-'+category+'-input"></div>'+
- '<div id="palette-'+category+'-output"></div>'+
- '<div id="palette-'+category+'-function"></div>'+
- '</div>'+
- '</div>');
-
- $("#header-"+category).on('click', function(e) {
- $(this).next().slideToggle();
- $(this).children("i").toggleClass("expanded");
- });
- }
-
- core.forEach(createCategoryContainer);
-
- function addNodeType(nt,def) {
-
- var nodeTypeId = nt.replace(" ","_");
-
- if ($("#palette_node_"+nodeTypeId).length) {
- return;
- }
-
- if (exclusion.indexOf(def.category)===-1) {
-
- var category = def.category.replace(" ","_");
- var rootCategory = category.split("-")[0];
-
- var d = document.createElement("div");
- d.id = "palette_node_"+nodeTypeId;
- d.type = nt;
-
- // calculate width of label text
- $.fn.textWidth = function(text, font) {
- if (!$.fn.textWidth.fakeEl) {
- $.fn.textWidth.fakeEl = $('<span>').hide().appendTo(document.body);
- }
- $.fn.textWidth.fakeEl.text(text || this.val() || this.text()).css('font', font || this.css('font'));
- return $.fn.textWidth.fakeEl.width();
- };
-
- var label;
-
- if (typeof def.paletteLabel === "undefined") {
- label = /^(.*?)([ -]in|[ -]out)?$/.exec(nt)[1];
- } else {
- label = (typeof def.paletteLabel === "function" ? def.paletteLabel.call(def) : def.paletteLabel)||"";
- }
-
- var pixels = $.fn.textWidth(label, '13px helvetica');
- var nodeWidth = 90;
- var labelWidth = nodeWidth - 10;
- var numLines = Math.ceil(pixels / nodeWidth);
- var multiLine = numLines > 1;
-
- // styles matching with style.css
- var nodeHeight = 25;
- var lineHeight = 16;
- var portHeight = 10;
- var multiLineNodeHeight = lineHeight * numLines + (nodeHeight - lineHeight);
-
- d.innerHTML = '<div class="palette_label"'+
- (multiLine ? 'style="line-height: '+
- lineHeight + 'px; margin-top: 5px"' : '')+
- '>'+label+"</div>";
- d.className="palette_node";
- if (def.icon) {
- d.style.backgroundImage = "url(icons/"+def.icon+")";
- if (multiLine) {
- d.style.backgroundSize = "18px 27px";
- }
- if (def.align == "right") {
- d.style.backgroundPosition = "95% 50%";
- } else if (def.inputs > 0) {
- d.style.backgroundPosition = "10% 50%";
- }
- }
-
- d.style.backgroundColor = def.color;
- d.style.height = multiLineNodeHeight + "px";
-
- if (def.outputs > 0) {
- var portOut = document.createElement("div");
- portOut.className = "palette_port palette_port_output";
- if (multiLine) {
- portOut.style.top = ((multiLineNodeHeight - portHeight) / 2) + "px";
- }
- d.appendChild(portOut);
- }
-
- if (def.inputs > 0) {
- var portIn = document.createElement("div");
- portIn.className = "palette_port";
- if (multiLine) {
- portIn.style.top = ((multiLineNodeHeight - portHeight) / 2) + "px";
- }
- d.appendChild(portIn);
- }
-
- if ($("#palette-base-category-"+rootCategory).length === 0) {
- createCategoryContainer(rootCategory);
- }
-
- if ($("#palette-"+category).length === 0) {
- $("#palette-base-category-"+rootCategory).append('<div id="palette-'+category+'"></div>');
- }
-
- $("#palette-"+category).append(d);
- d.onmousedown = function(e) { e.preventDefault(); };
-
- var popOverContent;
- try {
- popOverContent = $("<p><b>"+label+"</b></p>"+($("script[data-help-name|='"+nt+"']").html().trim()||"<p>no information available</p>")).slice(0,2);
- } catch(err) {
- // Malformed HTML may cause errors. TODO: need to understand what can break
- console.log("Error generating pop-over label for '"+nt+"'.");
- console.log(err.toString());
- popOverContent = "<p><b>"+label+"</b></p><p>no information available</p>";
- }
- $(d).popover({
- title:d.type,
- placement:"right",
- trigger: "hover",
- delay: { show: 750, hide: 50 },
- html: true,
- container:'body',
- content: popOverContent
- });
- $(d).click(function() {
- var help = '<div class="node-help">'+($("script[data-help-name|='"+d.type+"']").html()||"")+"</div>";
- $("#tab-info").html(help);
- });
- $(d).draggable({
- helper: 'clone',
- appendTo: 'body',
- revert: true,
- revertDuration: 50
- });
- }
- }
-
- function removeNodeType(nt) {
- var nodeTypeId = nt.replace(" ","_");
- $("#palette_node_"+nodeTypeId).remove();
- }
- function hideNodeType(nt) {
- var nodeTypeId = nt.replace(" ","_");
- $("#palette_node_"+nodeTypeId).hide();
- }
-
- function showNodeType(nt) {
- var nodeTypeId = nt.replace(" ","_");
- $("#palette_node_"+nodeTypeId).show();
- }
-
- function filterChange() {
- var val = $("#palette-search-input").val();
- if (val === "") {
- $("#palette-search-clear").hide();
- } else {
- $("#palette-search-clear").show();
- }
-
- var re = new RegExp(val);
- $(".palette_node").each(function(i,el) {
- if (val === "" || re.test(el.id)) {
- $(this).show();
- } else {
- $(this).hide();
- }
- });
- }
-
- $("#palette-search-input").focus(function(e) {
- RED.keyboard.disable();
- });
- $("#palette-search-input").blur(function(e) {
- RED.keyboard.enable();
- });
-
- $("#palette-search-clear").on("click",function(e) {
- e.preventDefault();
- $("#palette-search-input").val("");
- filterChange();
- $("#palette-search-input").focus();
- });
-
- $("#palette-search-input").val("");
- $("#palette-search-input").on("keyup",function() {
- filterChange();
- });
-
- $("#palette-search-input").on("focus",function() {
- $("body").one("mousedown",function() {
- $("#palette-search-input").blur();
- });
- });
-
- return {
- add:addNodeType,
- remove:removeNodeType,
- hide:hideNodeType,
- show:showNodeType
- };
-})();
diff --git a/dgbuilder/public/red/ui/sidebar.js b/dgbuilder/public/red/ui/sidebar.js
deleted file mode 100644
index f55e516c..00000000
--- a/dgbuilder/public/red/ui/sidebar.js
+++ /dev/null
@@ -1,154 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.sidebar = (function() {
-
- //$('#sidebar').tabs();
- var sidebar_tabs = RED.tabs.create({
- id:"sidebar-tabs",
- onchange:function(tab) {
- $("#sidebar-content").children().hide();
- $("#"+tab.id).show();
- },
- onremove: function(tab) {
- $("#"+tab.id).remove();
- }
- });
- function addTab(title,content,closeable) {
- $("#sidebar-content").append(content);
- $(content).hide();
- sidebar_tabs.addTab({id:"tab-"+title,label:title,closeable:closeable});
- //content.style.position = "absolute";
- //$('#sidebar').tabs("refresh");
- }
-
- function removeTab(title) {
- sidebar_tabs.removeTab("tab-"+title);
- }
-
- var sidebarSeparator = {};
- $("#sidebar-separator").draggable({
- axis: "x",
- start:function(event,ui) {
- sidebarSeparator.closing = false;
- sidebarSeparator.opening = false;
- var winWidth = $(window).width();
- sidebarSeparator.start = ui.position.left;
- sidebarSeparator.chartWidth = $("#workspace").width();
- sidebarSeparator.chartRight = winWidth-$("#workspace").width()-$("#workspace").offset().left-2;
-
-
- if (!RED.menu.isSelected("btn-sidebar")) {
- sidebarSeparator.opening = true;
- var newChartRight = 15;
- $("#sidebar").addClass("closing");
- $("#workspace").css("right",newChartRight);
- $("#chart-zoom-controls").css("right",newChartRight+20);
- $("#sidebar").width(0);
- RED.menu.setSelected("btn-sidebar",true);
- RED.view.resize();
- }
-
-
- sidebarSeparator.width = $("#sidebar").width();
- },
- drag: function(event,ui) {
- var d = ui.position.left-sidebarSeparator.start;
- var newSidebarWidth = sidebarSeparator.width-d;
- if (sidebarSeparator.opening) {
- newSidebarWidth -= 13;
- }
-
- if (newSidebarWidth > 150) {
- if (sidebarSeparator.chartWidth+d < 200) {
- ui.position.left = 200+sidebarSeparator.start-sidebarSeparator.chartWidth;
- d = ui.position.left-sidebarSeparator.start;
- newSidebarWidth = sidebarSeparator.width-d;
- }
- }
-
- if (newSidebarWidth < 150) {
- if (!sidebarSeparator.closing) {
- $("#sidebar").addClass("closing");
- sidebarSeparator.closing = true;
- }
- if (!sidebarSeparator.opening) {
- newSidebarWidth = 150;
- ui.position.left = sidebarSeparator.width-(150 - sidebarSeparator.start);
- d = ui.position.left-sidebarSeparator.start;
- }
- } else if (newSidebarWidth > 150 && (sidebarSeparator.closing || sidebarSeparator.opening)) {
- sidebarSeparator.closing = false;
- $("#sidebar").removeClass("closing");
- }
-
- var newChartRight = sidebarSeparator.chartRight-d;
- $("#workspace").css("right",newChartRight);
- $("#chart-zoom-controls").css("right",newChartRight+20);
- $("#sidebar").width(newSidebarWidth);
-
- sidebar_tabs.resize();
- RED.view.resize();
-
- },
- stop:function(event,ui) {
- RED.view.resize();
- if (sidebarSeparator.closing) {
- $("#sidebar").removeClass("closing");
- RED.menu.setSelected("btn-sidebar",false);
- if ($("#sidebar").width() < 180) {
- $("#sidebar").width(180);
- $("#workspace").css("right",208);
- $("#chart-zoom-controls").css("right",228);
- }
- }
- $("#sidebar-separator").css("left","auto");
- $("#sidebar-separator").css("right",($("#sidebar").width()+13)+"px");
- }
- });
-
- function toggleSidebar(state) {
- if (!state) {
- $("#main-container").addClass("sidebar-closed");
- } else {
- $("#main-container").removeClass("sidebar-closed");
- }
- }
-
- function showSidebar(id) {
- RED.menu.setSelected("btn-sidebar",true);
- sidebar_tabs.activateTab("tab-"+id);
- }
-
- function containsTab(id) {
- return sidebar_tabs.contains("tab-"+id);
- }
-
-
- $(function() {
- RED.keyboard.add(/* SPACE */ 32,{ctrl:true},function(){RED.menu.setSelected("btn-sidebar",!RED.menu.isSelected("btn-sidebar"));d3.event.preventDefault();});
- showSidebar("info");
- });
-
-
- return {
- addTab: addTab,
- removeTab: removeTab,
- show: showSidebar,
- containsTab: containsTab,
- toggleSidebar: toggleSidebar
- }
-
-})();
diff --git a/dgbuilder/public/red/ui/state.js b/dgbuilder/public/red/ui/state.js
deleted file mode 100644
index 419b04b8..00000000
--- a/dgbuilder/public/red/ui/state.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.state = {
- DEFAULT: 0,
- MOVING: 1,
- JOINING: 2,
- MOVING_ACTIVE: 3,
- ADDING: 4,
- EDITING: 5,
- EXPORT: 6,
- IMPORT: 7,
- IMPORT_DRAGGING: 8
-}
diff --git a/dgbuilder/public/red/ui/tab-config.js b/dgbuilder/public/red/ui/tab-config.js
deleted file mode 100644
index 6ef6ba00..00000000
--- a/dgbuilder/public/red/ui/tab-config.js
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.sidebar.config = (function() {
-
- var content = document.createElement("div");
- content.id = "tab-config";
- content.style.paddingTop = "4px";
- content.style.paddingLeft = "4px";
- content.style.paddingRight = "4px";
-
- var list = $("<ul>",{class:"tab-config-list"}).appendTo(content);
-
- function show() {
- if (!RED.sidebar.containsTab("config")) {
- RED.sidebar.addTab("config",content,true);
- }
- refresh();
- RED.sidebar.show("config");
- }
-
- function refresh() {
- list.empty();
- RED.nodes.eachConfig(function(node) {
- var li = list.find("#tab-config-list-type-"+node.type);
- if (li.length === 0) {
- li = $("<li>",{id:"tab-config-list-type-"+node.type}).appendTo(list);
- $('<div class="tab-config-list-type">'+node.type+'</div>').appendTo(li);
- }
- var label = "";
- if (typeof node._def.label == "function") {
- label = node._def.label.call(node);
- } else {
- label = node._def.label;
- }
- label = label || "&nbsp;";
-
- var entry = $('<div class="tab-config-list-entry"></div>').appendTo(li);
- entry.on('dblclick',function(e) {
- RED.editor.editConfig("", node.type, node.id);
- });
-
- var userArray = node.users.map(function(n) { return n.id });
- entry.on('mouseover',function(e) {
- RED.nodes.eachNode(function(node) {
- if( userArray.indexOf(node.id) != -1) {
- node.highlighted = true;
- node.dirty = true;
- }
- });
- RED.view.redraw();
- });
-
- entry.on('mouseout',function(e) {
- RED.nodes.eachNode(function(node) {
- if(node.highlighted) {
- node.highlighted = false;
- node.dirty = true;
- }
- });
- RED.view.redraw();
- });
-
- $('<div class="tab-config-list-label">'+label+'</div>').appendTo(entry);
- $('<div class="tab-config-list-users">'+node.users.length+'</div>').appendTo(entry);
- });
- }
- return {
- show:show,
- refresh:refresh
- }
-})();
diff --git a/dgbuilder/public/red/ui/tab-info.js b/dgbuilder/public/red/ui/tab-info.js
deleted file mode 100644
index bb8eb044..00000000
--- a/dgbuilder/public/red/ui/tab-info.js
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.sidebar.info = (function() {
-
- var content = document.createElement("div");
- content.id = "tab-info";
- content.style.paddingTop = "4px";
- content.style.paddingLeft = "4px";
- content.style.paddingRight = "4px";
-
- RED.sidebar.addTab("info",content);
-
- function jsonFilter(key,value) {
- if (key === "") {
- return value;
- }
- var t = typeof value;
- if ($.isArray(value)) {
- return "[array:"+value.length+"]";
- } else if (t === "object") {
- return "[object]"
- } else if (t === "string") {
- if (value.length > 30) {
- return value.substring(0,30)+" ...";
- }
- }
- return value;
- }
-
- function refresh(node) {
- var table = '<table class="node-info"><tbody>';
-
- table += '<tr class="blank"><td colspan="2">Node</td></tr>';
- table += "<tr><td>Type</td><td>&nbsp;"+node.type+"</td></tr>";
- table += "<tr><td>ID</td><td>&nbsp;"+node.id+"</td></tr>";
- table += '<tr class="blank"><td colspan="2">Properties</td></tr>';
- for (var n in node._def.defaults) {
- if (node._def.defaults.hasOwnProperty(n)) {
- var val = node[n]||"";
- var type = typeof val;
- if (type === "string") {
- if (val.length > 30) {
- val = val.substring(0,30)+" ...";
- }
- val = val.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
- } else if (type === "number") {
- val = val.toString();
- } else if ($.isArray(val)) {
- val = "[<br/>";
- for (var i=0;i<Math.min(node[n].length,10);i++) {
- var vv = JSON.stringify(node[n][i],jsonFilter," ").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
- val += "&nbsp;"+i+": "+vv+"<br/>";
- }
- if (node[n].length > 10) {
- val += "&nbsp;... "+node[n].length+" items<br/>";
- }
- val += "]";
- } else {
- val = JSON.stringify(val,jsonFilter," ");
- val = val.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
- }
-
- table += "<tr><td>&nbsp;"+n+"</td><td>"+val+"</td></tr>";
- }
- }
- table += "</tbody></table><br/>";
- table += '<div class="node-help">'+($("script[data-help-name|='"+node.type+"']").html()||"")+"</div>";
- $("#tab-info").html(table);
- }
-
- return {
- refresh:refresh,
- clear: function() {
- $("#tab-info").html("");
- }
- }
-})();
diff --git a/dgbuilder/public/red/ui/tabs.js b/dgbuilder/public/red/ui/tabs.js
deleted file mode 100644
index aa207583..00000000
--- a/dgbuilder/public/red/ui/tabs.js
+++ /dev/null
@@ -1,127 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-
-RED.tabs = (function() {
-
-
- function createTabs(options) {
- var tabs = {};
-
- var ul = $("#"+options.id)
- ul.addClass("red-ui-tabs");
- ul.children().first().addClass("active");
- ul.children().addClass("red-ui-tab");
-
- function onTabClick() {
- activateTab($(this));
- return false;
- }
-
- function onTabDblClick() {
- if (options.ondblclick) {
- options.ondblclick(tabs[$(this).attr('href').slice(1)]);
- }
- return false;
- }
-
- function activateTab(link) {
- if (typeof link === "string") {
- link = ul.find("a[href='#"+link+"']");
- }
- if (!link.parent().hasClass("active")) {
- ul.children().removeClass("active");
- link.parent().addClass("active");
- if (options.onchange) {
- options.onchange(tabs[link.attr('href').slice(1)]);
- }
- }
- }
-
- function updateTabWidths() {
- var tabs = ul.find("li.red-ui-tab");
- var width = ul.width();
- var tabCount = tabs.size();
- var tabWidth = (width-6-(tabCount*7))/tabCount;
- var pct = 100*tabWidth/width;
- tabs.css({width:pct+"%"});
- }
-
- ul.find("li.red-ui-tab a").on("click",onTabClick).on("dblclick",onTabDblClick);
- updateTabWidths();
-
-
- function removeTab(id) {
- var li = ul.find("a[href='#"+id+"']").parent();
- if (li.hasClass("active")) {
- var tab = li.prev();
- if (tab.size() === 0) {
- tab = li.next();
- }
- activateTab(tab.find("a"));
- }
- li.remove();
- if (options.onremove) {
- options.onremove(tabs[id]);
- }
- delete tabs[id];
- updateTabWidths();
- }
-
- return {
- addTab: function(tab) {
- tabs[tab.id] = tab;
- var li = $("<li/>",{class:"red-ui-tab"}).appendTo(ul);
- var link = $("<a/>",{href:"#"+tab.id, class:"red-ui-tab-label"}).appendTo(li);
- link.html(tab.label);
-
- link.on("click",onTabClick);
- link.on("dblclick",onTabDblClick);
- if (tab.closeable) {
- var closeLink = $("<a/>",{href:"#",class:"red-ui-tab-close"}).appendTo(li);
- closeLink.html('<i class="fa fa-times" />');
-
- closeLink.on("click",function(event) {
- removeTab(tab.id);
- });
- }
- updateTabWidths();
- if (options.onadd) {
- options.onadd(tab);
- }
- link.attr("title",tab.label);
- if (ul.find("li.red-ui-tab").size() == 1) {
- activateTab(link);
- }
- },
- removeTab: removeTab,
- activateTab: activateTab,
- resize: updateTabWidths,
- count: function() {
- return ul.find("li.red-ui-tab").size();
- },
- contains: function(id) {
- return ul.find("a[href='#"+id+"']").length > 0;
- }
-
- }
- }
-
- return {
- create: createTabs
- }
-})();
diff --git a/dgbuilder/public/red/ui/touch/radialMenu.js b/dgbuilder/public/red/ui/touch/radialMenu.js
deleted file mode 100644
index ffb6a71c..00000000
--- a/dgbuilder/public/red/ui/touch/radialMenu.js
+++ /dev/null
@@ -1,184 +0,0 @@
-/**
- * Copyright 2014 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-RED.touch = RED.touch||{};
-RED.touch.radialMenu = (function() {
-
-
- var touchMenu = null;
- var isActive = false;
- var isOutside = false;
- var activeOption = null;
-
-
- function createRadial(obj,pos,options) {
- isActive = true;
- try {
- var w = $("body").width();
- var h = $("body").height();
-
- touchMenu = d3.select("body").append("div")
- .style({
- position:"absolute",
- top: 0,
- left:0,
- bottom:0,
- right:0,
- "z-index": 1000
- })
- .on('touchstart',function() {
- hide();
- d3.event.preventDefault();
- });
-
-
-
-
- var menu = touchMenu.append("div")
- .style({
- position: "absolute",
- top: (pos[1]-80)+"px",
- left:(pos[0]-80)+"px",
- "border-radius": "80px",
- width: "160px",
- height: "160px",
- background: "rgba(255,255,255,0.6)",
- border: "1px solid #666"
- });
-
- var menuOpts = [];
- var createMenuOpt = function(x,y,opt) {
- opt.el = menu.append("div")
- .style({
- position: "absolute",
- top: (y+80-25)+"px",
- left:(x+80-25)+"px",
- "border-radius": "20px",
- width: "50px",
- height: "50px",
- background: "#fff",
- border: "2px solid #666",
- "text-align": "center",
- "line-height":"50px"
- });
-
- opt.el.html(opt.name);
-
- if (opt.disabled) {
- opt.el.style({"border-color":"#ccc",color:"#ccc"});
- }
- opt.x = x;
- opt.y = y;
- menuOpts.push(opt);
-
- opt.el.on('touchstart',function() {
- opt.el.style("background","#999");
- d3.event.preventDefault();
- d3.event.stopPropagation();
- });
- opt.el.on('touchend',function() {
- hide();
- opt.onselect();
- d3.event.preventDefault();
- d3.event.stopPropagation();
- });
- }
-
- var n = options.length;
- var dang = Math.max(Math.PI/(n-1),Math.PI/4);
- var ang = Math.PI;
- for (var i=0;i<n;i++) {
- var x = Math.floor(Math.cos(ang)*80);
- var y = Math.floor(Math.sin(ang)*80);
- if (options[i].name) {
- createMenuOpt(x,y,options[i]);
- }
- ang += dang;
- }
-
-
- var hide = function() {
- isActive = false;
- activeOption = null;
- touchMenu.remove();
- touchMenu = null;
- }
-
- obj.on('touchend.radial',function() {
- obj.on('touchend.radial',null);
- obj.on('touchmenu.radial',null);
-
- if (activeOption) {
- try {
- activeOption.onselect();
- } catch(err) {
- RED._debug(err);
- }
- hide();
- } else if (isOutside) {
- hide();
- }
- });
-
-
-
- obj.on('touchmove.radial',function() {
- try {
- var touch0 = d3.event.touches.item(0);
- var p = [touch0.pageX - pos[0],touch0.pageY-pos[1]];
- for (var i=0;i<menuOpts.length;i++) {
- var opt = menuOpts[i];
- if (!opt.disabled) {
- if (p[0]>opt.x-30 && p[0]<opt.x+30 && p[1]>opt.y-30 && p[1]<opt.y+30) {
- if (opt !== activeOption) {
- opt.el.style("background","#999");
- activeOption = opt;
- }
- } else if (opt === activeOption) {
- opt.el.style("background","#fff");
- activeOption = null;
- } else {
- opt.el.style("background","#fff");
- }
- }
- }
- if (!activeOption) {
- var d = Math.abs((p[0]*p[0])+(p[1]*p[1]));
- isOutside = (d > 80*80);
- }
-
- } catch(err) {
- RED._debug(err);
- }
-
-
- });
-
- } catch(err) {
- RED._debug(err);
- }
- }
-
-
- return {
- show: createRadial,
- active: function() {
- return isActive;
- }
- }
-
-})();
-
diff --git a/dgbuilder/public/red/ui/view.js b/dgbuilder/public/red/ui/view.js
deleted file mode 100644
index 707bde9e..00000000
--- a/dgbuilder/public/red/ui/view.js
+++ /dev/null
@@ -1,2053 +0,0 @@
-/**
- * Copyright 2013, 2014 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-RED.view = (function() {
- /* increasing the width and height from 5000 to 7500*/
- var space_width = 7500,
- space_height = 7500,
- lineCurveScale = 0.75,
- scaleFactor = 1,
- node_width = 100,
- node_height = 30;
-
- var touchLongPressTimeout = 1000,
- startTouchDistance = 0,
- startTouchCenter = [],
- moveTouchCenter = [],
- touchStartTime = 0;
-
-
- var activeWorkspace = 0;
- var workspaceScrollPositions = {};
-
- var selected_link = null,
- mousedown_link = null,
- mousedown_node = null,
- mousedown_port_type = null,
- mousedown_port_index = 0,
- mouseup_node = null,
- mouse_offset = [0,0],
- mouse_position = null,
- mouse_mode = 0,
- moving_set = [],
- dirty = false,
- lasso = null,
- showStatus = false,
- showNumbers = false,
- showNodePalette = true,
- lastClickNode = null,
- dblClickPrimed = null,
- clickTime = 0,
- clickElapsed = 0;
-
- var clipboard = "";
-
- var status_colours = {
- "red": "#c00",
- "green": "#5a8",
- "yellow": "#F9DF31",
- "blue": "#53A3F3",
- "grey": "#d3d3d3"
- }
-
- var outer = d3.select("#chart")
- .append("svg:svg")
- .attr("width", space_width)
- .attr("height", space_height)
- .attr("pointer-events", "all")
- .style("cursor","crosshair");
-
- var vis = outer
- .append('svg:g')
- .on("dblclick.zoom", null)
- .append('svg:g')
- .on("mousemove", canvasMouseMove)
- .on("mousedown", canvasMouseDown)
- .on("mouseup", canvasMouseUp)
- .on("touchend", function() {
- clearTimeout(touchStartTime);
- touchStartTime = null;
- if (RED.touch.radialMenu.active()) {
- return;
- }
- if (lasso) {
- outer_background.attr("fill","#fff");
- }
- canvasMouseUp.call(this);
- })
- .on("touchcancel", canvasMouseUp)
- .on("touchstart", function() {
- var touch0;
- if (d3.event.touches.length>1) {
- clearTimeout(touchStartTime);
- touchStartTime = null;
- d3.event.preventDefault();
- touch0 = d3.event.touches.item(0);
- var touch1 = d3.event.touches.item(1);
- var a = touch0['pageY']-touch1['pageY'];
- var b = touch0['pageX']-touch1['pageX'];
-
- var offset = $("#chart").offset();
- var scrollPos = [$("#chart").scrollLeft(),$("#chart").scrollTop()];
- startTouchCenter = [
- (touch1['pageX']+(b/2)-offset.left+scrollPos[0])/scaleFactor,
- (touch1['pageY']+(a/2)-offset.top+scrollPos[1])/scaleFactor
- ];
- moveTouchCenter = [
- touch1['pageX']+(b/2),
- touch1['pageY']+(a/2)
- ]
- startTouchDistance = Math.sqrt((a*a)+(b*b));
- } else {
- var obj = d3.select(document.body);
- touch0 = d3.event.touches.item(0);
- var pos = [touch0.pageX,touch0.pageY];
- startTouchCenter = [touch0.pageX,touch0.pageY];
- startTouchDistance = 0;
- var point = d3.touches(this)[0];
- touchStartTime = setTimeout(function() {
- touchStartTime = null;
- showTouchMenu(obj,pos);
- //lasso = vis.append('rect')
- // .attr("ox",point[0])
- // .attr("oy",point[1])
- // .attr("rx",2)
- // .attr("ry",2)
- // .attr("x",point[0])
- // .attr("y",point[1])
- // .attr("width",0)
- // .attr("height",0)
- // .attr("class","lasso");
- //outer_background.attr("fill","#e3e3f3");
- },touchLongPressTimeout);
- }
- })
- .on("touchmove", function(){
- if (RED.touch.radialMenu.active()) {
- d3.event.preventDefault();
- return;
- }
- var touch0;
- if (d3.event.touches.length<2) {
- if (touchStartTime) {
- touch0 = d3.event.touches.item(0);
- var dx = (touch0.pageX-startTouchCenter[0]);
- var dy = (touch0.pageY-startTouchCenter[1]);
- var d = Math.abs(dx*dx+dy*dy);
- if (d > 64) {
- clearTimeout(touchStartTime);
- touchStartTime = null;
- }
- } else if (lasso) {
- d3.event.preventDefault();
- }
- canvasMouseMove.call(this);
- } else {
- touch0 = d3.event.touches.item(0);
- var touch1 = d3.event.touches.item(1);
- var a = touch0['pageY']-touch1['pageY'];
- var b = touch0['pageX']-touch1['pageX'];
- var offset = $("#chart").offset();
- var scrollPos = [$("#chart").scrollLeft(),$("#chart").scrollTop()];
- var moveTouchDistance = Math.sqrt((a*a)+(b*b));
- var touchCenter = [
- touch1['pageX']+(b/2),
- touch1['pageY']+(a/2)
- ];
-
- if (!isNaN(moveTouchDistance)) {
- oldScaleFactor = scaleFactor;
- scaleFactor = Math.min(2,Math.max(0.3, scaleFactor + (Math.floor(((moveTouchDistance*100)-(startTouchDistance*100)))/10000)));
-
- var deltaTouchCenter = [ // Try to pan whilst zooming - not 100%
- startTouchCenter[0]*(scaleFactor-oldScaleFactor),//-(touchCenter[0]-moveTouchCenter[0]),
- startTouchCenter[1]*(scaleFactor-oldScaleFactor) //-(touchCenter[1]-moveTouchCenter[1])
- ];
-
- startTouchDistance = moveTouchDistance;
- moveTouchCenter = touchCenter;
-
- $("#chart").scrollLeft(scrollPos[0]+deltaTouchCenter[0]);
- $("#chart").scrollTop(scrollPos[1]+deltaTouchCenter[1]);
- redraw();
- }
- }
- });
-
- var outer_background = vis.append('svg:rect')
- .attr('width', space_width)
- .attr('height', space_height)
- .attr('fill','#fff');
-
- //var gridScale = d3.scale.linear().range([0,2000]).domain([0,2000]);
- //var grid = vis.append('g');
- //
- //grid.selectAll("line.horizontal").data(gridScale.ticks(100)).enter()
- // .append("line")
- // .attr(
- // {
- // "class":"horizontal",
- // "x1" : 0,
- // "x2" : 2000,
- // "y1" : function(d){ return gridScale(d);},
- // "y2" : function(d){ return gridScale(d);},
- // "fill" : "none",
- // "shape-rendering" : "crispEdges",
- // "stroke" : "#eee",
- // "stroke-width" : "1px"
- // });
- //grid.selectAll("line.vertical").data(gridScale.ticks(100)).enter()
- // .append("line")
- // .attr(
- // {
- // "class":"vertical",
- // "y1" : 0,
- // "y2" : 2000,
- // "x1" : function(d){ return gridScale(d);},
- // "x2" : function(d){ return gridScale(d);},
- // "fill" : "none",
- // "shape-rendering" : "crispEdges",
- // "stroke" : "#eee",
- // "stroke-width" : "1px"
- // });
-
-
- var drag_line = vis.append("svg:path").attr("class", "drag_line");
-
- var workspace_tabs = RED.tabs.create({
- id: "workspace-tabs",
- onchange: function(tab) {
- if (tab.type == "subflow") {
- $("#workspace-toolbar").show();
- } else {
- $("#workspace-toolbar").hide();
- }
- var chart = $("#chart");
- if (activeWorkspace !== 0) {
- workspaceScrollPositions[activeWorkspace] = {
- left:chart.scrollLeft(),
- top:chart.scrollTop()
- };
- }
- var scrollStartLeft = chart.scrollLeft();
- var scrollStartTop = chart.scrollTop();
-
- activeWorkspace = tab.id;
- if (workspaceScrollPositions[activeWorkspace]) {
- chart.scrollLeft(workspaceScrollPositions[activeWorkspace].left);
- chart.scrollTop(workspaceScrollPositions[activeWorkspace].top);
- } else {
- chart.scrollLeft(0);
- chart.scrollTop(0);
- }
- var scrollDeltaLeft = chart.scrollLeft() - scrollStartLeft;
- var scrollDeltaTop = chart.scrollTop() - scrollStartTop;
- if (mouse_position != null) {
- mouse_position[0] += scrollDeltaLeft;
- mouse_position[1] += scrollDeltaTop;
- }
-
- clearSelection();
- RED.nodes.eachNode(function(n) {
- n.dirty = true;
- });
- redraw();
- },
- ondblclick: function(tab) {
- showRenameWorkspaceDialog(tab.id);
- },
- onadd: function(tab) {
- RED.menu.addItem("btn-workspace-menu",{
- id:"btn-workspace-menu-"+tab.id.replace(".","-"),
- label:tab.label,
- onselect:function() {
- workspace_tabs.activateTab(tab.id);
- }
- });
- RED.menu.setDisabled("btn-workspace-delete",workspace_tabs.count() == 1);
- },
- onremove: function(tab) {
- RED.menu.setDisabled("btn-workspace-delete",workspace_tabs.count() == 1);
- RED.menu.removeItem("btn-workspace-menu-"+tab.id.replace(".","-"));
- }
- });
-
- var workspaceIndex = 0;
-
- function addWorkspace() {
- var tabId = RED.nodes.id();
- do {
- workspaceIndex += 1;
- } while($("#workspace-tabs a[title='Sheet "+workspaceIndex+"']").size() !== 0);
-
- var ws = {type:"tab",id:tabId,label:"Sheet "+workspaceIndex};
- RED.nodes.addWorkspace(ws);
- workspace_tabs.addTab(ws);
- workspace_tabs.activateTab(tabId);
- RED.history.push({t:'add',workspaces:[ws],dirty:dirty});
- RED.view.dirty(true);
- }
- $(function() {
- $('#btn-workspace-add-tab').on("click",addWorkspace);
- $('#btn-workspace-add').on("click",addWorkspace);
- $('#btn-workspace-edit').on("click",function() {
- showRenameWorkspaceDialog(activeWorkspace);
- });
- $('#btn-workspace-delete').on("click",function() {
- deleteWorkspace(activeWorkspace);
- });
- });
-
- function deleteWorkspace(id) {
- if (workspace_tabs.count() == 1) {
- return;
- }
- var ws = RED.nodes.workspace(id);
- $( "#node-dialog-delete-workspace" ).dialog('option','workspace',ws);
- $( "#node-dialog-delete-workspace-name" ).text(ws.label);
- $( "#node-dialog-delete-workspace" ).dialog('open');
- }
-
- function canvasMouseDown() {
- if (!mousedown_node && !mousedown_link) {
- selected_link = null;
- updateSelection();
- }
- if (mouse_mode === 0) {
- if (lasso) {
- lasso.remove();
- lasso = null;
- }
-
- if (!touchStartTime) {
- var point = d3.mouse(this);
- lasso = vis.append('rect')
- .attr("ox",point[0])
- .attr("oy",point[1])
- .attr("rx",2)
- .attr("ry",2)
- .attr("x",point[0])
- .attr("y",point[1])
- .attr("width",0)
- .attr("height",0)
- .attr("class","lasso");
- d3.event.preventDefault();
- }
- }
- }
-
- function canvasMouseMove() {
- mouse_position = d3.touches(this)[0]||d3.mouse(this);
-
- // Prevent touch scrolling...
- //if (d3.touches(this)[0]) {
- // d3.event.preventDefault();
- //}
-
- // TODO: auto scroll the container
- //var point = d3.mouse(this);
- //if (point[0]-container.scrollLeft < 30 && container.scrollLeft > 0) { container.scrollLeft -= 15; }
- //console.log(d3.mouse(this),container.offsetWidth,container.offsetHeight,container.scrollLeft,container.scrollTop);
-
- if (lasso) {
- var ox = parseInt(lasso.attr("ox"));
- var oy = parseInt(lasso.attr("oy"));
- var x = parseInt(lasso.attr("x"));
- var y = parseInt(lasso.attr("y"));
- var w;
- var h;
- if (mouse_position[0] < ox) {
- x = mouse_position[0];
- w = ox-x;
- } else {
- w = mouse_position[0]-x;
- }
- if (mouse_position[1] < oy) {
- y = mouse_position[1];
- h = oy-y;
- } else {
- h = mouse_position[1]-y;
- }
- lasso
- .attr("x",x)
- .attr("y",y)
- .attr("width",w)
- .attr("height",h)
- ;
- return;
- }
-
- if (mouse_mode != RED.state.IMPORT_DRAGGING && !mousedown_node && selected_link == null) {
- return;
- }
-
- var mousePos;
- if (mouse_mode == RED.state.JOINING) {
- // update drag line
- drag_line.attr("class", "drag_line");
- mousePos = mouse_position;
- var numOutputs = (mousedown_port_type === 0)?(mousedown_node.outputs || 1):1;
- var sourcePort = mousedown_port_index;
- var portY = -((numOutputs-1)/2)*13 +13*sourcePort;
-
- var sc = (mousedown_port_type === 0)?1:-1;
-
- var dy = mousePos[1]-(mousedown_node.y+portY);
- var dx = mousePos[0]-(mousedown_node.x+sc*mousedown_node.w/2);
- var delta = Math.sqrt(dy*dy+dx*dx);
- var scale = lineCurveScale;
- var scaleY = 0;
-
- if (delta < node_width) {
- scale = 0.75-0.75*((node_width-delta)/node_width);
- }
- if (dx*sc < 0) {
- scale += 2*(Math.min(5*node_width,Math.abs(dx))/(5*node_width));
- if (Math.abs(dy) < 3*node_height) {
- scaleY = ((dy>0)?0.5:-0.5)*(((3*node_height)-Math.abs(dy))/(3*node_height))*(Math.min(node_width,Math.abs(dx))/(node_width)) ;
- }
- }
-
- drag_line.attr("d",
- "M "+(mousedown_node.x+sc*mousedown_node.w/2)+" "+(mousedown_node.y+portY)+
- " C "+(mousedown_node.x+sc*(mousedown_node.w/2+node_width*scale))+" "+(mousedown_node.y+portY+scaleY*node_height)+" "+
- (mousePos[0]-sc*(scale)*node_width)+" "+(mousePos[1]-scaleY*node_height)+" "+
- mousePos[0]+" "+mousePos[1]
- );
- d3.event.preventDefault();
- } else if (mouse_mode == RED.state.MOVING) {
- //console.log("node mouse moving");
- mousePos = mouse_position;
- var d = (mouse_offset[0]-mousePos[0])*(mouse_offset[0]-mousePos[0]) + (mouse_offset[1]-mousePos[1])*(mouse_offset[1]-mousePos[1]);
- if (d > 2) {
- mouse_mode = RED.state.MOVING_ACTIVE;
- clickElapsed = 0;
- }
- } else if (mouse_mode == RED.state.MOVING_ACTIVE || mouse_mode == RED.state.IMPORT_DRAGGING) {
- //console.log("node mouse moving active or IMPORT_DRAGGING");
- mousePos = mouse_position;
- var node;
- var i;
- var minX = 0;
- var minY = 0;
- for (var n = 0; n<moving_set.length; n++) {
- node = moving_set[n];
- if (d3.event.shiftKey) {
- node.n.ox = node.n.x;
- node.n.oy = node.n.y;
- }
- node.n.x = mousePos[0]+node.dx;
- node.n.y = mousePos[1]+node.dy;
- node.n.dirty = true;
- minX = Math.min(node.n.x-node.n.w/2-5,minX);
- minY = Math.min(node.n.y-node.n.h/2-5,minY);
- }
- if (minX !== 0 || minY !== 0) {
- for (i = 0; i<moving_set.length; i++) {
- node = moving_set[i];
- node.n.x -= minX;
- node.n.y -= minY;
- }
- }
- if (d3.event.shiftKey && moving_set.length > 0) {
- var gridOffset = [0,0];
- node = moving_set[0];
- gridOffset[0] = node.n.x-(20*Math.floor((node.n.x-node.n.w/2)/20)+node.n.w/2);
- gridOffset[1] = node.n.y-(20*Math.floor(node.n.y/20));
- if (gridOffset[0] !== 0 || gridOffset[1] !== 0) {
- for (i = 0; i<moving_set.length; i++) {
- node = moving_set[i];
- node.n.x -= gridOffset[0];
- node.n.y -= gridOffset[1];
- if (node.n.x == node.n.ox && node.n.y == node.n.oy) {
- node.dirty = false;
- }
- }
- }
- }
- }
- redraw();
- }
-
- function canvasMouseUp() {
- if (mousedown_node && mouse_mode == RED.state.JOINING) {
- drag_line.attr("class", "drag_line_hidden");
- }
- if (lasso) {
- var x = parseInt(lasso.attr("x"));
- var y = parseInt(lasso.attr("y"));
- var x2 = x+parseInt(lasso.attr("width"));
- var y2 = y+parseInt(lasso.attr("height"));
- if (!d3.event.ctrlKey) {
- clearSelection();
- }
- RED.nodes.eachNode(function(n) {
- if (n.z == activeWorkspace && !n.selected) {
- n.selected = (n.x > x && n.x < x2 && n.y > y && n.y < y2);
- if (n.selected) {
- n.dirty = true;
- moving_set.push({n:n});
- }
- }
- });
- updateSelection();
- lasso.remove();
- lasso = null;
- } else if (mouse_mode == RED.state.DEFAULT && mousedown_link == null && !d3.event.ctrlKey ) {
- clearSelection();
- updateSelection();
- }
- if (mouse_mode == RED.state.MOVING_ACTIVE) {
- //console.log("node moved active.");
- //CSS setting view dirty if the node was moved
- //RED.view.dirty(true);
- if (moving_set.length > 0) {
- var ns = [];
- for (var j=0;j<moving_set.length;j++) {
- ns.push({n:moving_set[j].n,ox:moving_set[j].ox,oy:moving_set[j].oy});
- }
- RED.history.push({t:'move',nodes:ns,dirty:dirty});
- }
- }
- if (mouse_mode == RED.state.MOVING || mouse_mode == RED.state.MOVING_ACTIVE) {
- //console.log("node moving or MOVING_ACTIVE.");
- for (var i=0;i<moving_set.length;i++) {
- delete moving_set[i].ox;
- delete moving_set[i].oy;
- }
- }
- if (mouse_mode == RED.state.IMPORT_DRAGGING) {
- RED.keyboard.remove(/* ESCAPE */ 27);
- setDirty(true);
- }
- redraw();
- // clear mouse event vars
- resetMouseVars();
- }
-
- $('#btn-zoom-out').click(function() {zoomOut();});
- $('#btn-zoom-zero').click(function() {zoomZero();});
- $('#btn-zoom-in').click(function() {zoomIn();});
- $("#chart").on('DOMMouseScroll mousewheel', function (evt) {
- if ( evt.altKey ) {
- evt.preventDefault();
- evt.stopPropagation();
- var move = -(evt.originalEvent.detail) || evt.originalEvent.wheelDelta;
- if (move <= 0) { zoomOut(); }
- else { zoomIn(); }
- }
- });
- $("#chart").droppable({
- accept:".palette_node",
- drop: function( event, ui ) {
- d3.event = event;
- var selected_tool = ui.draggable[0].type;
- var mousePos = d3.touches(this)[0]||d3.mouse(this);
- mousePos[1] += this.scrollTop;
- mousePos[0] += this.scrollLeft;
- mousePos[1] /= scaleFactor;
- mousePos[0] /= scaleFactor;
-
- var nn = { id:(1+Math.random()*4294967295).toString(16),x: mousePos[0],y:mousePos[1],w:node_width,z:activeWorkspace};
-
- nn.type = selected_tool;
- nn._def = RED.nodes.getType(nn.type);
- nn.outputs = nn._def.outputs;
- nn.changed = true;
-
- for (var d in nn._def.defaults) {
- if (nn._def.defaults.hasOwnProperty(d)) {
- nn[d] = nn._def.defaults[d].value;
- }
- }
-
- if (nn._def.onadd) {
- nn._def.onadd.call(nn);
- }
-
- nn.h = Math.max(node_height,(nn.outputs||0) * 15);
- RED.history.push({t:'add',nodes:[nn.id],dirty:dirty});
- RED.nodes.add(nn);
- RED.editor.validateNode(nn);
- setDirty(true);
- // auto select dropped node - so info shows (if visible)
- clearSelection();
- nn.selected = true;
- moving_set.push({n:nn});
- updateSelection();
- redraw();
-
- if (nn._def.autoedit) {
- RED.editor.edit(nn);
- }
- }
- });
-
- function zoomIn() {
- if (scaleFactor < 2) {
- scaleFactor += 0.1;
- redraw();
- }
- }
- function zoomOut() {
- if (scaleFactor > 0.3) {
- scaleFactor -= 0.1;
- redraw();
- }
- }
- function zoomZero() {
- scaleFactor = 1;
- redraw();
- }
-
- function selectAll() {
- RED.nodes.eachNode(function(n) {
- if (n.z == activeWorkspace) {
- if (!n.selected) {
- n.selected = true;
- n.dirty = true;
- moving_set.push({n:n});
- }
- }
- });
- selected_link = null;
- updateSelection();
- redraw();
- }
-
- function clearSelection() {
- for (var i=0;i<moving_set.length;i++) {
- var n = moving_set[i];
- n.n.dirty = true;
- n.n.selected = false;
- }
- moving_set = [];
- selected_link = null;
- }
-
- function updateSelection() {
- if (moving_set.length === 0) {
- RED.menu.setDisabled("btn-export-menu",true);
- RED.menu.setDisabled("btn-export-clipboard",true);
- RED.menu.setDisabled("btn-export-library",true);
- } else {
- RED.menu.setDisabled("btn-export-menu",false);
- RED.menu.setDisabled("btn-export-clipboard",false);
- RED.menu.setDisabled("btn-export-library",false);
- }
- if (moving_set.length === 0 && selected_link == null) {
- //RED.keyboard.remove(/* backspace */ 8);
- RED.keyboard.remove(/* delete */ 46);
- RED.keyboard.remove(/* c */ 67);
- RED.keyboard.remove(/* x */ 88);
- } else {
- //RED.keyboard.add(/* backspace */ 8,function(){deleteSelection();d3.event.preventDefault();});
- RED.keyboard.add(/* delete */ 46,function(){deleteSelection();d3.event.preventDefault();});
- RED.keyboard.add(/* c */ 67,{ctrl:true},function(){copySelection();d3.event.preventDefault();});
- RED.keyboard.add(/* x */ 88,{ctrl:true},function(){copySelection();deleteSelection();d3.event.preventDefault();});
- }
- if (moving_set.length === 0) {
- RED.keyboard.remove(/* up */ 38);
- RED.keyboard.remove(/* down */ 40);
- RED.keyboard.remove(/* left */ 37);
- RED.keyboard.remove(/* right*/ 39);
- } else {
- RED.keyboard.add(/* up */ 38, function() { if(d3.event.shiftKey){moveSelection( 0,-20)}else{moveSelection( 0,-1);}d3.event.preventDefault();},endKeyboardMove);
- RED.keyboard.add(/* down */ 40, function() { if(d3.event.shiftKey){moveSelection( 0, 20)}else{moveSelection( 0, 1);}d3.event.preventDefault();},endKeyboardMove);
- RED.keyboard.add(/* left */ 37, function() { if(d3.event.shiftKey){moveSelection(-20, 0)}else{moveSelection(-1, 0);}d3.event.preventDefault();},endKeyboardMove);
- RED.keyboard.add(/* right*/ 39, function() { if(d3.event.shiftKey){moveSelection( 20, 0)}else{moveSelection( 1, 0);}d3.event.preventDefault();},endKeyboardMove);
- }
- if (moving_set.length == 1) {
- RED.sidebar.info.refresh(moving_set[0].n);
- } else {
- RED.sidebar.info.clear();
- }
- }
- function endKeyboardMove() {
- //console.log("end keyboard move.");
- //CSS setting view dirty if the node was moved
- //RED.view.dirty(true);
- var ns = [];
- for (var i=0;i<moving_set.length;i++) {
- ns.push({n:moving_set[i].n,ox:moving_set[i].ox,oy:moving_set[i].oy});
- delete moving_set[i].ox;
- delete moving_set[i].oy;
- }
- RED.history.push({t:'move',nodes:ns,dirty:dirty});
- }
- function moveSelection(dx,dy) {
- var minX = 0;
- var minY = 0;
- var node;
-
- for (var i=0;i<moving_set.length;i++) {
- node = moving_set[i];
- if (node.ox == null && node.oy == null) {
- node.ox = node.n.x;
- node.oy = node.n.y;
- }
- node.n.x += dx;
- node.n.y += dy;
- node.n.dirty = true;
- minX = Math.min(node.n.x-node.n.w/2-5,minX);
- minY = Math.min(node.n.y-node.n.h/2-5,minY);
- }
-
- if (minX !== 0 || minY !== 0) {
- for (var n = 0; n<moving_set.length; n++) {
- node = moving_set[n];
- node.n.x -= minX;
- node.n.y -= minY;
- }
- }
-
- redraw();
- }
- function deleteSelection() {
- var removedNodes = [];
- var removedLinks = [];
- var startDirty = dirty;
- if (moving_set.length > 0) {
- for (var i=0;i<moving_set.length;i++) {
- var node = moving_set[i].n;
- node.selected = false;
- if (node.x < 0) {
- node.x = 25
- }
- var rmlinks = RED.nodes.remove(node.id);
- removedNodes.push(node);
- removedLinks = removedLinks.concat(rmlinks);
- }
- moving_set = [];
- setDirty(true);
- }
- if (selected_link) {
- RED.nodes.removeLink(selected_link);
- removedLinks.push(selected_link);
- setDirty(true);
- }
- RED.history.push({t:'delete',nodes:removedNodes,links:removedLinks,dirty:startDirty});
-
- selected_link = null;
- updateSelection();
- redraw();
- }
-
- function copySelection() {
- if (moving_set.length > 0) {
- var nns = [];
- for (var n=0;n<moving_set.length;n++) {
- var node = moving_set[n].n;
- nns.push(RED.nodes.convertNode(node));
- }
- clipboard = JSON.stringify(nns);
- RED.notify(moving_set.length+" node"+(moving_set.length>1?"s":"")+" copied");
- }
- }
-
-
- function calculateTextWidth(str) {
- var sp = document.createElement("span");
- sp.className = "node_label";
- sp.style.position = "absolute";
- sp.style.top = "-1000px";
- sp.innerHTML = (str||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
- document.body.appendChild(sp);
- var w = sp.offsetWidth;
- document.body.removeChild(sp);
- return 50+w;
- }
-
- function resetMouseVars() {
- mousedown_node = null;
- mouseup_node = null;
- mousedown_link = null;
- mouse_mode = 0;
- mousedown_port_type = 0;
- }
-
- function portMouseDown(d,portType,portIndex) {
- // disable zoom
- //vis.call(d3.behavior.zoom().on("zoom"), null);
- mousedown_node = d;
- selected_link = null;
- mouse_mode = RED.state.JOINING;
- mousedown_port_type = portType;
- mousedown_port_index = portIndex || 0;
- document.body.style.cursor = "crosshair";
- d3.event.preventDefault();
- }
-
- function portMouseUp(d,portType,portIndex) {
- document.body.style.cursor = "";
- if (mouse_mode == RED.state.JOINING && mousedown_node) {
- if (typeof TouchEvent != "undefined" && d3.event instanceof TouchEvent) {
- RED.nodes.eachNode(function(n) {
- if (n.z == activeWorkspace) {
- var hw = n.w/2;
- var hh = n.h/2;
- if (n.x-hw<mouse_position[0] && n.x+hw> mouse_position[0] &&
- n.y-hh<mouse_position[1] && n.y+hh>mouse_position[1]) {
- mouseup_node = n;
- portType = mouseup_node._def.inputs>0?1:0;
- portIndex = 0;
- }
- }
- });
- } else {
- mouseup_node = d;
- }
- if (portType == mousedown_port_type || mouseup_node === mousedown_node) {
- drag_line.attr("class", "drag_line_hidden");
- resetMouseVars();
- return;
- }
- var src,dst,src_port;
- if (mousedown_port_type === 0) {
- src = mousedown_node;
- src_port = mousedown_port_index;
- dst = mouseup_node;
- } else if (mousedown_port_type == 1) {
- src = mouseup_node;
- dst = mousedown_node;
- src_port = portIndex;
- }
-
- var existingLink = false;
- RED.nodes.eachLink(function(d) {
- existingLink = existingLink || (d.source === src && d.target === dst && d.sourcePort == src_port);
- });
- if (!existingLink) {
- var link = {source: src, sourcePort:src_port, target: dst};
- RED.nodes.addLink(link);
- RED.history.push({t:'add',links:[link],dirty:dirty});
- setDirty(true);
- }
- selected_link = null;
- redraw();
- }
- }
-
- function nodeMouseUp(d) {
- if (dblClickPrimed && mousedown_node == d && clickElapsed > 0 && clickElapsed < 750) {
- RED.editor.edit(d);
- clickElapsed = 0;
- d3.event.stopPropagation();
- return;
- }
- portMouseUp(d, d._def.inputs > 0 ? 1 : 0, 0);
- }
-
- function nodeMouseDown(d) {
- //var touch0 = d3.event;
- //var pos = [touch0.pageX,touch0.pageY];
- //RED.touch.radialMenu.show(d3.select(this),pos);
- if (mouse_mode == RED.state.IMPORT_DRAGGING) {
- RED.keyboard.remove(/* ESCAPE */ 27);
- updateSelection();
- setDirty(true);
- redraw();
- resetMouseVars();
- d3.event.stopPropagation();
- return;
- }
- mousedown_node = d;
- var now = Date.now();
- clickElapsed = now-clickTime;
- clickTime = now;
-
- dblClickPrimed = (lastClickNode == mousedown_node);
- lastClickNode = mousedown_node;
-
- var i;
-
- if (d.selected && d3.event.ctrlKey) {
- d.selected = false;
- for (i=0;i<moving_set.length;i+=1) {
- if (moving_set[i].n === d) {
- moving_set.splice(i,1);
- break;
- }
- }
- } else {
- if (d3.event.shiftKey) {
- clearSelection();
- var cnodes = RED.nodes.getAllFlowNodes(mousedown_node);
- for (var n=0;n<cnodes.length;n++) {
- cnodes[n].selected = true;
- cnodes[n].dirty = true;
- moving_set.push({n:cnodes[n]});
- }
- } else if (!d.selected) {
- if (!d3.event.ctrlKey) {
- clearSelection();
- }
- mousedown_node.selected = true;
- moving_set.push({n:mousedown_node});
- }
- selected_link = null;
- if (d3.event.button != 2) {
- mouse_mode = RED.state.MOVING;
- var mouse = d3.touches(this)[0]||d3.mouse(this);
- mouse[0] += d.x-d.w/2;
- mouse[1] += d.y-d.h/2;
- for (i=0;i<moving_set.length;i++) {
- moving_set[i].ox = moving_set[i].n.x;
- moving_set[i].oy = moving_set[i].n.y;
- moving_set[i].dx = moving_set[i].n.x-mouse[0];
- moving_set[i].dy = moving_set[i].n.y-mouse[1];
- }
- mouse_offset = d3.mouse(document.body);
- if (isNaN(mouse_offset[0])) {
- mouse_offset = d3.touches(document.body)[0];
- }
- }
- }
- d.dirty = true;
- updateSelection();
- redraw();
- d3.event.stopPropagation();
- }
-
- function nodeButtonClicked(d) {
- if (d._def.button.toggle) {
- d[d._def.button.toggle] = !d[d._def.button.toggle];
- d.dirty = true;
- }
- if (d._def.button.onclick) {
- d._def.button.onclick.call(d);
- }
- if (d.dirty) {
- redraw();
- }
- d3.event.preventDefault();
- }
-
- function showTouchMenu(obj,pos) {
- var mdn = mousedown_node;
- var options = [];
- options.push({name:"delete",disabled:(moving_set.length===0),onselect:function() {deleteSelection();}});
- options.push({name:"cut",disabled:(moving_set.length===0),onselect:function() {copySelection();deleteSelection();}});
- options.push({name:"copy",disabled:(moving_set.length===0),onselect:function() {copySelection();}});
- options.push({name:"paste",disabled:(clipboard.length===0),onselect:function() {importNodes(clipboard,true);}});
- options.push({name:"edit",disabled:(moving_set.length != 1),onselect:function() { RED.editor.edit(mdn);}});
- options.push({name:"select",onselect:function() {selectAll();}});
- options.push({name:"undo",disabled:(RED.history.depth() === 0),onselect:function() {RED.history.pop();}});
-
- RED.touch.radialMenu.show(obj,pos,options);
- resetMouseVars();
- }
- function redraw() {
- vis.attr("transform","scale("+scaleFactor+")");
- outer.attr("width", space_width*scaleFactor).attr("height", space_height*scaleFactor);
-
- if (mouse_mode != RED.state.JOINING) {
- // Don't bother redrawing nodes if we're drawing links
-
- var node = vis.selectAll(".nodegroup").data(RED.nodes.nodes.filter(function(d) { return d.z == activeWorkspace }),function(d){return d.id});
- node.exit().remove();
-
- var nodeEnter = node.enter().insert("svg:g").attr("class", "node nodegroup");
- nodeEnter.each(function(d,i) {
- var node = d3.select(this);
- node.attr("id",d.id);
- var l = d._def.label;
- l = (typeof l === "function" ? l.call(d) : l)||"";
- d.w = Math.max(node_width,calculateTextWidth(l)+(d._def.inputs>0?7:0) );
- d.h = Math.max(node_height,(d.outputs||0) * 15);
-
- if (d._def.badge) {
- var badge = node.append("svg:g").attr("class","node_badge_group");
- var badgeRect = badge.append("rect").attr("class","node_badge").attr("rx",5).attr("ry",5).attr("width",40).attr("height",15);
- badge.append("svg:text").attr("class","node_badge_label").attr("x",35).attr("y",11).attr('text-anchor','end').text(d._def.badge());
- if (d._def.onbadgeclick) {
- badgeRect.attr("cursor","pointer")
- .on("click",function(d) { d._def.onbadgeclick.call(d);d3.event.preventDefault();});
- }
- }
-
- if (d._def.button) {
- var nodeButtonGroup = node.append('svg:g')
- .attr("transform",function(d) { return "translate("+((d._def.align == "right") ? 94 : -25)+",2)"; })
- .attr("class",function(d) { return "node_button "+((d._def.align == "right") ? "node_right_button" : "node_left_button"); });
- nodeButtonGroup.append('rect')
- .attr("rx",8)
- .attr("ry",8)
- .attr("width",32)
- .attr("height",node_height-4)
- .attr("fill","#eee");//function(d) { return d._def.color;})
- nodeButtonGroup.append('rect')
- .attr("x",function(d) { return d._def.align == "right"? 10:5})
- .attr("y",4)
- .attr("rx",5)
- .attr("ry",5)
- .attr("width",16)
- .attr("height",node_height-12)
- .attr("fill",function(d) { return d._def.color;})
- .attr("cursor","pointer")
- .on("mousedown",function(d) {if (!lasso) { d3.select(this).attr("fill-opacity",0.2);d3.event.preventDefault(); d3.event.stopPropagation();}})
- .on("mouseup",function(d) {if (!lasso) { d3.select(this).attr("fill-opacity",0.4);d3.event.preventDefault();d3.event.stopPropagation();}})
- .on("mouseover",function(d) {if (!lasso) { d3.select(this).attr("fill-opacity",0.4);}})
- .on("mouseout",function(d) {if (!lasso) {
- var op = 1;
- if (d._def.button.toggle) {
- op = d[d._def.button.toggle]?1:0.2;
- }
- d3.select(this).attr("fill-opacity",op);
- }})
- .on("click",nodeButtonClicked)
- .on("touchstart",nodeButtonClicked)
- }
-
- var mainRect = node.append("rect")
- .attr("class", "node")
- .classed("node_unknown",function(d) { return d.type == "unknown"; })
- .attr("rx", 6)
- .attr("ry", 6)
- .attr("fill",function(d) { return d._def.color;})
- .on("mouseup",nodeMouseUp)
- .on("mousedown",nodeMouseDown)
- .on("touchstart",function(d) {
- var obj = d3.select(this);
- var touch0 = d3.event.touches.item(0);
- var pos = [touch0.pageX,touch0.pageY];
- startTouchCenter = [touch0.pageX,touch0.pageY];
- startTouchDistance = 0;
- touchStartTime = setTimeout(function() {
- showTouchMenu(obj,pos);
- },touchLongPressTimeout);
- nodeMouseDown.call(this,d)
- })
- .on("touchend", function(d) {
- clearTimeout(touchStartTime);
- touchStartTime = null;
- if (RED.touch.radialMenu.active()) {
- d3.event.stopPropagation();
- return;
- }
- nodeMouseUp.call(this,d);
- })
- .on("mouseover",function(d) {
- if (mouse_mode === 0) {
- var node = d3.select(this);
- node.classed("node_hovered",true);
- }
- })
- .on("mouseout",function(d) {
- var node = d3.select(this);
- node.classed("node_hovered",false);
- });
-
- //node.append("rect").attr("class", "node-gradient-top").attr("rx", 6).attr("ry", 6).attr("height",30).attr("stroke","none").attr("fill","url(#gradient-top)").style("pointer-events","none");
- //node.append("rect").attr("class", "node-gradient-bottom").attr("rx", 6).attr("ry", 6).attr("height",30).attr("stroke","none").attr("fill","url(#gradient-bottom)").style("pointer-events","none");
-
- if (d._def.icon) {
-
- var icon_group = node.append("g")
- .attr("class","node_icon_group")
- .attr("x",0).attr("y",0);
-
- var icon_shade = icon_group.append("rect")
- .attr("x",0).attr("y",0)
- .attr("class","node_icon_shade")
- .attr("width","30")
- .attr("stroke","none")
- .attr("fill","#000")
- .attr("fill-opacity","0.05")
- .attr("height",function(d){return Math.min(50,d.h-4);});
-
- var icon = icon_group.append("image")
- .attr("xlink:href","icons/"+d._def.icon)
- .attr("class","node_icon")
- .attr("x",0)
- .attr("width","30")
- .attr("height","30");
-
- var icon_shade_border = icon_group.append("path")
- .attr("d",function(d) { return "M 30 1 l 0 "+(d.h-2)})
- .attr("class","node_icon_shade_border")
- .attr("stroke-opacity","0.1")
- .attr("stroke","#000")
- .attr("stroke-width","2");
-
- if ("right" == d._def.align) {
- icon_group.attr('class','node_icon_group node_icon_group_'+d._def.align);
- icon_shade_border.attr("d",function(d) { return "M 0 1 l 0 "+(d.h-2)})
- //icon.attr('class','node_icon node_icon_'+d._def.align);
- //icon.attr('class','node_icon_shade node_icon_shade_'+d._def.align);
- //icon.attr('class','node_icon_shade_border node_icon_shade_border_'+d._def.align);
- }
-
- //if (d._def.inputs > 0 && d._def.align == null) {
- // icon_shade.attr("width",35);
- // icon.attr("transform","translate(5,0)");
- // icon_shade_border.attr("transform","translate(5,0)");
- //}
- //if (d._def.outputs > 0 && "right" == d._def.align) {
- // icon_shade.attr("width",35); //icon.attr("x",5);
- //}
-
- var img = new Image();
- img.src = "icons/"+d._def.icon;
- img.onload = function() {
- icon.attr("width",Math.min(img.width,30));
- icon.attr("height",Math.min(img.height,30));
- icon.attr("x",15-Math.min(img.width,30)/2);
- //if ("right" == d._def.align) {
- // icon.attr("x",function(d){return d.w-img.width-1-(d.outputs>0?5:0);});
- // icon_shade.attr("x",function(d){return d.w-30});
- // icon_shade_border.attr("d",function(d){return "M "+(d.w-30)+" 1 l 0 "+(d.h-2);});
- //}
- }
-
- //icon.style("pointer-events","none");
- icon_group.style("pointer-events","none");
- }
- var text = node.append('svg:text').attr('class','node_label').attr('x', 38).attr('dy', '.35em').attr('text-anchor','start');
- if (d._def.align) {
- text.attr('class','node_label node_label_'+d._def.align);
- text.attr('text-anchor','end');
- }
-
- var status = node.append("svg:g").attr("class","node_status_group").style("display","none");
-
- var statusRect = status.append("rect").attr("class","node_status")
- .attr("x",6).attr("y",1).attr("width",9).attr("height",9)
- .attr("rx",2).attr("ry",2).attr("stroke-width","3");
-
- var statusLabel = status.append("svg:text")
- .attr("class","node_status_label")
- .attr('x',20).attr('y',9)
- .style({
- 'stroke-width': 0,
- 'fill': '#888',
- 'font-size':'9pt',
- 'stroke':'#000',
- 'text-anchor':'start'
- });
-
- var dgNumber = node.append("svg:g").attr("class","node_dgnumber_group").style("display","none");
-
- /*var dgNumberRect = dgNumber.append("rect").attr("class","node_dgnumber")
- .attr("x",6).attr("y",-49).attr("width",9).attr("height",9)
- .attr("rx",2).attr("ry",2).attr("stroke-width","3");
- */
-
- var dgNumberLabel = dgNumber.append("svg:text")
- .attr("class","node_dgnumber_label")
- .attr('x',1).attr('y',-43)
- .style({
- 'stroke-width': 0,
- /*'fill': '#2E4F83',*/
- 'fill': 'blue',
- 'font-size':'12pt',
- 'stroke':'#000',
- 'text-anchor':'start'
- });
-
- var dgNumberTitle = dgNumber.append("title")
- .attr("class","node_dgnumber_title");
-
- //node.append("circle").attr({"class":"centerDot","cx":0,"cy":0,"r":5});
-
- if (d._def.inputs > 0) {
- text.attr("x",38);
- node.append("rect").attr("class","port port_input").attr("rx",3).attr("ry",3).attr("x",-5).attr("width",10).attr("height",10)
- .on("mousedown",function(d){portMouseDown(d,1,0);})
- .on("touchstart",function(d){portMouseDown(d,1,0);})
- .on("mouseup",function(d){portMouseUp(d,1,0);} )
- .on("touchend",function(d){portMouseUp(d,1,0);} )
- .on("mouseover",function(d) { var port = d3.select(this); port.classed("port_hovered",(mouse_mode!=RED.state.JOINING || mousedown_port_type != 1 ));})
- .on("mouseout",function(d) { var port = d3.select(this); port.classed("port_hovered",false);})
- }
-
- //node.append("path").attr("class","node_error").attr("d","M 3,-3 l 10,0 l -5,-8 z");
- node.append("image").attr("class","node_error hidden").attr("xlink:href","icons/node-error.png").attr("x",0).attr("y",-6).attr("width",10).attr("height",9);
- node.append("image").attr("class","node_changed hidden").attr("xlink:href","icons/node-changed.png").attr("x",12).attr("y",-6).attr("width",10).attr("height",10);
- });
-
- node.each(function(d,i) {
- if (d.dirty) {
- //if (d.x < -50) deleteSelection(); // Delete nodes if dragged back to palette
- if (d.resize) {
- var l = d._def.label;
- l = (typeof l === "function" ? l.call(d) : l)||"";
- d.w = Math.max(node_width,calculateTextWidth(l)+(d._def.inputs>0?7:0) );
- d.h = Math.max(node_height,(d.outputs||0) * 15);
- }
- var thisNode = d3.select(this);
- //thisNode.selectAll(".centerDot").attr({"cx":function(d) { return d.w/2;},"cy":function(d){return d.h/2}});
- thisNode.attr("transform", function(d) { return "translate(" + (d.x-d.w/2) + "," + (d.y-d.h/2) + ")"; });
- thisNode.selectAll(".node")
- .attr("width",function(d){return d.w})
- .attr("height",function(d){return d.h})
- .classed("node_selected",function(d) { return d.selected; })
- .classed("node_highlighted",function(d) { return d.highlighted; })
- ;
- //thisNode.selectAll(".node-gradient-top").attr("width",function(d){return d.w});
- //thisNode.selectAll(".node-gradient-bottom").attr("width",function(d){return d.w}).attr("y",function(d){return d.h-30});
-
- thisNode.selectAll(".node_icon_group_right").attr('transform', function(d){return "translate("+(d.w-30)+",0)"});
- thisNode.selectAll(".node_label_right").attr('x', function(d){return d.w-38});
- //thisNode.selectAll(".node_icon_right").attr("x",function(d){return d.w-d3.select(this).attr("width")-1-(d.outputs>0?5:0);});
- //thisNode.selectAll(".node_icon_shade_right").attr("x",function(d){return d.w-30;});
- //thisNode.selectAll(".node_icon_shade_border_right").attr("d",function(d){return "M "+(d.w-30)+" 1 l 0 "+(d.h-2)});
-
-
- var numOutputs = d.outputs;
- var y = (d.h/2)-((numOutputs-1)/2)*13;
- d.ports = d.ports || d3.range(numOutputs);
- d._ports = thisNode.selectAll(".port_output").data(d.ports);
- d._ports.enter().append("rect").attr("class","port port_output").attr("rx",3).attr("ry",3).attr("width",10).attr("height",10)
- .on("mousedown",(function(){var node = d; return function(d,i){portMouseDown(node,0,i);}})() )
- .on("touchstart",(function(){var node = d; return function(d,i){portMouseDown(node,0,i);}})() )
- .on("mouseup",(function(){var node = d; return function(d,i){portMouseUp(node,0,i);}})() )
- .on("touchend",(function(){var node = d; return function(d,i){portMouseUp(node,0,i);}})() )
- .on("mouseover",function(d,i) { var port = d3.select(this); port.classed("port_hovered",(mouse_mode!=RED.state.JOINING || mousedown_port_type !== 0 ));})
- .on("mouseout",function(d,i) { var port = d3.select(this); port.classed("port_hovered",false);});
- d._ports.exit().remove();
- if (d._ports) {
- numOutputs = d.outputs || 1;
- y = (d.h/2)-((numOutputs-1)/2)*13;
- var x = d.w - 5;
- d._ports.each(function(d,i) {
- var port = d3.select(this);
- port.attr("y",(y+13*i)-5).attr("x",x);
- });
- }
- thisNode.selectAll('text.node_label').text(function(d,i){
- if (d._def.label) {
- if (typeof d._def.label == "function") {
- return d._def.label.call(d);
- } else {
- return d._def.label;
- }
- }
- return "";
- })
- .attr('y', function(d){return (d.h/2)-1;})
- .attr('class',function(d){
- return 'node_label'+
- (d._def.align?' node_label_'+d._def.align:'')+
- (d._def.labelStyle?' '+(typeof d._def.labelStyle == "function" ? d._def.labelStyle.call(d):d._def.labelStyle):'') ;
- });
- thisNode.selectAll(".node_tools").attr("x",function(d){return d.w-35;}).attr("y",function(d){return d.h-20;});
-
- thisNode.selectAll(".node_changed")
- .attr("x",function(d){return d.w-10})
- .classed("hidden",function(d) { return !d.changed; });
-
- thisNode.selectAll(".node_error")
- .attr("x",function(d){return d.w-10-(d.changed?13:0)})
- .classed("hidden",function(d) { return d.valid; });
-
- thisNode.selectAll(".port_input").each(function(d,i) {
- var port = d3.select(this);
- port.attr("y",function(d){return (d.h/2)-5;})
- });
-
- thisNode.selectAll(".node_icon").attr("y",function(d){return (d.h-d3.select(this).attr("height"))/2;});
- thisNode.selectAll(".node_icon_shade").attr("height",function(d){return d.h;});
- thisNode.selectAll(".node_icon_shade_border").attr("d",function(d){ return "M "+(("right" == d._def.align) ?0:30)+" 1 l 0 "+(d.h-2)});
-
-
- thisNode.selectAll('.node_right_button').attr("transform",function(d){
- var x = d.w-6;
- if (d._def.button.toggle && !d[d._def.button.toggle]) {
- x = x - 8;
- }
- return "translate("+x+",2)";
- });
- thisNode.selectAll('.node_right_button rect').attr("fill-opacity",function(d){
- if (d._def.button.toggle) {
- return d[d._def.button.toggle]?1:0.2;
- }
- return 1;
- });
-
- //thisNode.selectAll('.node_right_button').attr("transform",function(d){return "translate("+(d.w - d._def.button.width.call(d))+","+0+")";}).attr("fill",function(d) {
- // return typeof d._def.button.color === "function" ? d._def.button.color.call(d):(d._def.button.color != null ? d._def.button.color : d._def.color)
- //});
-
- thisNode.selectAll('.node_badge_group').attr("transform",function(d){return "translate("+(d.w-40)+","+(d.h+3)+")";});
- thisNode.selectAll('text.node_badge_label').text(function(d,i) {
- if (d._def.badge) {
- if (typeof d._def.badge == "function") {
- return d._def.badge.call(d);
- } else {
- return d._def.badge;
- }
- }
- return "";
- });
- if (!showStatus || !d.status) {
- thisNode.selectAll('.node_status_group').style("display","none");
- } else {
- thisNode.selectAll('.node_status_group').style("display","inline").attr("transform","translate(3,"+(d.h+3)+")");
- var fill = status_colours[d.status.fill]; // Only allow our colours for now
- if (d.status.shape == null && fill == null) {
- thisNode.selectAll('.node_status').style("display","none");
- } else {
- var style;
- if (d.status.shape == null || d.status.shape == "dot") {
- style = {
- display: "inline",
- fill: fill,
- stroke: fill
- };
- } else if (d.status.shape == "ring" ){
- style = {
- display: "inline",
- fill: '#fff',
- stroke: fill
- }
- }
- thisNode.selectAll('.node_status').style(style);
- }
- if (d.status.text) {
- thisNode.selectAll('.node_status_label').text(d.status.text);
- } else {
- thisNode.selectAll('.node_status_label').text("");
- }
- }
- //console.dir("d value");
- //console.dir(d);
- if (showNumbers && d.dgnumber != null && d.dgnumber != undefined && d.dgnumber.length >0) {
- thisNode.selectAll('.node_dgnumber_group').style("display","inline").attr("transform","translate(9,"+(d.h+9)+")");
- thisNode.selectAll('.node_dgnumber_label').text(d.dgnumber.toString());
- var dgnumberList = d.dgnumber;
- var dgnum = "";
- if(dgnumberList != null && dgnumberList.length >=1){
- dgnum = dgnumberList[0];
- thisNode.select('.node_dgnumber_label').text(dgnum);
- //console.log(dgnumberList);
- thisNode.select('.node_dgnumber_title').text(dgnumberList);
- }
- /*
- if(d.dgnumber.length > 1){
- thisNode.selectAll('.node_dgnumber_group').style("display","inline").attr("transform","translate(9,"+(d.h-15)+")");
- thisNode.selectAll('.node_dgnumber_label').text(d.dgnumber.toString());
- }else{
- thisNode.selectAll('.node_dgnumber_group').style("display","inline").attr("transform","translate(9,"+(d.h+9)+")");
- thisNode.selectAll('.node_dgnumber_label').text(d.dgnumber.toString());
- }
- */
- } else {
- //console.log("fhfjhfjh ");
- thisNode.select('.node_dgnumber').style("display","none");
- thisNode.select('.node_dgnumber_label').text("");
- thisNode.select('.node_dgnumber_title').text("");
- }
-
- d.dirty = false;
- }
- });
- }
-
- var link = vis.selectAll(".link").data(RED.nodes.links.filter(function(d) { return d.source.z == activeWorkspace && d.target.z == activeWorkspace }),function(d) { return d.source.id+":"+d.sourcePort+":"+d.target.id;});
-
- var linkEnter = link.enter().insert("g",".node").attr("class","link");
-
- linkEnter.each(function(d,i) {
- var l = d3.select(this);
- l.append("svg:path").attr("class","link_background link_path")
- .on("mousedown",function(d) {
- mousedown_link = d;
- clearSelection();
- selected_link = mousedown_link;
- updateSelection();
- redraw();
- d3.event.stopPropagation();
- })
- .on("touchstart",function(d) {
- mousedown_link = d;
- clearSelection();
- selected_link = mousedown_link;
- updateSelection();
- redraw();
- d3.event.stopPropagation();
- });
- l.append("svg:path").attr("class","link_outline link_path");
- l.append("svg:path").attr("class","link_line link_path");
- });
-
- link.exit().remove();
-
- var links = vis.selectAll(".link_path")
- links.attr("d",function(d){
- var numOutputs = d.source.outputs || 1;
- var sourcePort = d.sourcePort || 0;
- var y = -((numOutputs-1)/2)*13 +13*sourcePort;
-
- var dy = d.target.y-(d.source.y+y);
- var dx = (d.target.x-d.target.w/2)-(d.source.x+d.source.w/2);
- var delta = Math.sqrt(dy*dy+dx*dx);
- var scale = lineCurveScale;
- var scaleY = 0;
- if (delta < node_width) {
- scale = 0.75-0.75*((node_width-delta)/node_width);
- }
-
- if (dx < 0) {
- scale += 2*(Math.min(5*node_width,Math.abs(dx))/(5*node_width));
- if (Math.abs(dy) < 3*node_height) {
- scaleY = ((dy>0)?0.5:-0.5)*(((3*node_height)-Math.abs(dy))/(3*node_height))*(Math.min(node_width,Math.abs(dx))/(node_width)) ;
- }
- }
-
- d.x1 = d.source.x+d.source.w/2;
- d.y1 = d.source.y+y;
- d.x2 = d.target.x-d.target.w/2;
- d.y2 = d.target.y;
-
- return "M "+(d.source.x+d.source.w/2)+" "+(d.source.y+y)+
- " C "+(d.source.x+d.source.w/2+scale*node_width)+" "+(d.source.y+y+scaleY*node_height)+" "+
- (d.target.x-d.target.w/2-scale*node_width)+" "+(d.target.y-scaleY*node_height)+" "+
- (d.target.x-d.target.w/2)+" "+d.target.y;
- })
-
- link.classed("link_selected", function(d) { return d === selected_link || d.selected; });
- link.classed("link_unknown",function(d) { return d.target.type == "unknown" || d.source.type == "unknown"});
-
- if (d3.event) {
- d3.event.preventDefault();
- }
- }
-
- RED.keyboard.add(/* z */ 90,{ctrl:true},function(){RED.history.pop();});
- RED.keyboard.add(/* a */ 65,{ctrl:true},function(){selectAll();d3.event.preventDefault();});
- RED.keyboard.add(/* = */ 187,{ctrl:true},function(){zoomIn();d3.event.preventDefault();});
- RED.keyboard.add(/* - */ 189,{ctrl:true},function(){zoomOut();d3.event.preventDefault();});
- RED.keyboard.add(/* 0 */ 48,{ctrl:true},function(){zoomZero();d3.event.preventDefault();});
- RED.keyboard.add(/* v */ 86,{ctrl:true},function(){importNodes(clipboard);d3.event.preventDefault();});
- RED.keyboard.add(/* e */ 69,{ctrl:true},function(){showExportNodesDialog();d3.event.preventDefault();});
- RED.keyboard.add(/* i */ 73,{ctrl:true},function(){showImportNodesDialog();d3.event.preventDefault();});
- RED.keyboard.add(/* B */ 66,{ctrl:true},function(){RED.view.showDgNumberDialog();d3.event.preventDefault();});
- RED.keyboard.add(/* [ */ 219,{ctrl:true},function(){RED.view.showSearchTextDialog();d3.event.preventDefault();});
- RED.keyboard.add(/* O */ 79,{ctrl:true},function(){RED.view.showRequestTemplateDialog();d3.event.preventDefault();});
-
-
- // TODO: 'dirty' should be a property of RED.nodes - with an event callback for ui hooks
- function setDirty(d) {
- dirty = d;
- if (dirty) {
- $("#btn-deploy").removeClass("disabled");
- } else {
- $("#btn-deploy").addClass("disabled");
- }
- }
-
- /**
- * Imports a new collection of nodes from a JSON String.
- * - all get new IDs assigned
- * - all 'selected'
- * - attached to mouse for placing - 'IMPORT_DRAGGING'
- */
- function importNodes(newNodesStr,touchImport) {
- try {
- var result = RED.nodes.import(newNodesStr,true);
- if (result) {
- var new_nodes = result[0];
- var new_links = result[1];
- var new_workspaces = result[2];
-
- var new_ms = new_nodes.filter(function(n) { return n.z == activeWorkspace }).map(function(n) { return {n:n};});
- var new_node_ids = new_nodes.map(function(n){ return n.id; });
-
- // TODO: pick a more sensible root node
- if (new_ms.length > 0) {
- var root_node = new_ms[0].n;
- var dx = root_node.x;
- var dy = root_node.y;
-
- if (mouse_position == null) {
- mouse_position = [0,0];
- }
-
- var minX = 0;
- var minY = 0;
- var i;
- var node;
-
- for (i=0;i<new_ms.length;i++) {
- node = new_ms[i];
- node.n.selected = true;
- node.n.changed = true;
- node.n.x -= dx - mouse_position[0];
- node.n.y -= dy - mouse_position[1];
- node.dx = node.n.x - mouse_position[0];
- node.dy = node.n.y - mouse_position[1];
- minX = Math.min(node.n.x-node_width/2-5,minX);
- minY = Math.min(node.n.y-node_height/2-5,minY);
- }
- for (i=0;i<new_ms.length;i++) {
- node = new_ms[i];
- node.n.x -= minX;
- node.n.y -= minY;
- node.dx -= minX;
- node.dy -= minY;
- }
- if (!touchImport) {
- mouse_mode = RED.state.IMPORT_DRAGGING;
- }
-
- RED.keyboard.add(/* ESCAPE */ 27,function(){
- RED.keyboard.remove(/* ESCAPE */ 27);
- clearSelection();
- RED.history.pop();
- mouse_mode = 0;
- });
- clearSelection();
- moving_set = new_ms;
- }
-
- RED.history.push({t:'add',nodes:new_node_ids,links:new_links,workspaces:new_workspaces,dirty:RED.view.dirty()});
-
-
- redraw();
- }
- } catch(error) {
- console.log(error.stack);
- RED.notify("<strong>Error</strong>: "+error,"error");
- }
- }
-
- function showExportNodesDialog() {
- mouse_mode = RED.state.EXPORT;
- var nns = RED.nodes.createExportableNodeSet(moving_set);
- $("#dialog-form").html($("script[data-template-name='export-clipboard-dialog']").html());
- $("#node-input-export").val(JSON.stringify(nns));
- $("#node-input-export").focus(function() {
- var textarea = $(this);
- textarea.select();
- textarea.mouseup(function() {
- textarea.unbind("mouseup");
- return false;
- });
- });
- $( "#dialog" ).dialog("option","title","Export nodes to clipboard").dialog( "open" );
- $("#node-input-export").focus();
- }
-
- function showExportNodesLibraryDialog() {
- mouse_mode = RED.state.EXPORT;
- var nns = RED.nodes.createExportableNodeSet(moving_set);
- $("#dialog-form").html($("script[data-template-name='export-library-dialog']").html());
- $("#node-input-filename").attr('nodes',JSON.stringify(nns));
- $( "#dialog" ).dialog("option","title","Export nodes to library").dialog( "open" );
- }
-
- function showImportNodesDialog() {
- mouse_mode = RED.state.IMPORT;
- $("#dialog-form").html($("script[data-template-name='import-dialog']").html());
- $("#node-input-import").val("");
- $( "#dialog" ).dialog("option","title","Import nodes").dialog( "open" );
- }
-
- function showRenameWorkspaceDialog(id) {
- var ws = RED.nodes.workspace(id);
- $( "#node-dialog-rename-workspace" ).dialog("option","workspace",ws);
-
- if (workspace_tabs.count() == 1) {
- $( "#node-dialog-rename-workspace").next().find(".leftButton")
- .prop('disabled',true)
- .addClass("ui-state-disabled");
- } else {
- $( "#node-dialog-rename-workspace").next().find(".leftButton")
- .prop('disabled',false)
- .removeClass("ui-state-disabled");
- }
-
- $( "#node-input-workspace-name" ).val(ws.label);
- $( "#node-dialog-rename-workspace" ).dialog("open");
- }
-
- $("#node-dialog-rename-workspace form" ).submit(function(e) { e.preventDefault();});
- $( "#node-dialog-rename-workspace" ).dialog({
- modal: true,
- autoOpen: false,
- width: 500,
- title: "Rename sheet",
- buttons: [
- {
- class: 'leftButton',
- text: "Delete",
- click: function() {
- var workspace = $(this).dialog('option','workspace');
- $( this ).dialog( "close" );
- deleteWorkspace(workspace.id);
- }
- },
- {
- text: "Ok",
- click: function() {
- var workspace = $(this).dialog('option','workspace');
- var label = $( "#node-input-workspace-name" ).val();
- if (workspace.label != label) {
- workspace.label = label;
- var link = $("#workspace-tabs a[href='#"+workspace.id+"']");
- link.attr("title",label);
- link.text(label);
- RED.view.dirty(true);
- }
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- open: function(e) {
- RED.keyboard.disable();
- },
- close: function(e) {
- RED.keyboard.enable();
- }
- });
- $( "#node-dialog-delete-workspace" ).dialog({
- modal: true,
- autoOpen: false,
- width: 500,
- title: "Confirm delete",
- buttons: [
- {
- text: "Ok",
- click: function() {
- var workspace = $(this).dialog('option','workspace');
- RED.view.removeWorkspace(workspace);
- var historyEvent = RED.nodes.removeWorkspace(workspace.id);
- historyEvent.t = 'delete';
- historyEvent.dirty = dirty;
- historyEvent.workspaces = [workspace];
- RED.history.push(historyEvent);
- RED.view.dirty(true);
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- open: function(e) {
- RED.keyboard.disable();
- },
- close: function(e) {
- RED.keyboard.enable();
- }
-
- });
- return {
- state:function(state) {
- if (state == null) {
- return mouse_mode
- } else {
- mouse_mode = state;
- }
- },
- addWorkspace: function(ws) {
- workspace_tabs.addTab(ws);
- workspace_tabs.resize();
- },
- removeWorkspace: function(ws) {
- workspace_tabs.removeTab(ws.id);
- },
- getWorkspace: function() {
- return activeWorkspace;
- },
- showWorkspace: function(id) {
- workspace_tabs.activateTab(id);
- },
- redraw:redraw,
- dirty: function(d) {
- if (d == null) {
- return dirty;
- } else {
- setDirty(d);
- }
- },
- importNodes: importNodes,
- resize: function() {
- workspace_tabs.resize();
- },
- status: function(s) {
- validateEachNodeXml();
- showStatus = s;
- RED.nodes.eachNode(function(n) { n.dirty = true;});
- //TODO: subscribe/unsubscribe here
- redraw();
- },
- showYangUploadDialog:function showYangUploadDialog(){
- $(function() {
- var htmlStr= "<div id='yang-upload-div' style='width:375;height:225'>" +
- '<form id="uploadForm" name="uploadForm" enctype="multipart/form-data" action="/api/uploadyang" method="post" >' +
- "<input id='yang-file-id' name='yangFile' type='file' accept='.yang,.zip'><p style='font-size:0.7em'><i>For Module depending on multiple yang files, zip them and upload the zip file. The zip file name should match the exact name of the module with .zip extension</i</p><br><br><br><br><br><p id='yang-upload-status'></p>" +
- //'<input id="upload-yang-button-id" style="font-size:1em;font-weight:bold" type="button" value="Upload Yang" name="upload-yang-button">' +
- "</form></div>";
-
- $("#yang-upload-dialog").dialog({
- modal:true,
- autoOpen :false,
- title: "Upload Yang",
- width: 500,
- height: 260,
- minWidth : 300,
- minHeight :260,
- buttons :[
- {
- text: "Upload Yang",
- click: function() {
- if( document.getElementById("yang-file-id").files.length == 0 ){
- $("#yang-upload-status").html("<span>No files selected.</span>");
- return ;
- }
- $('#yang-upload-dialog').parent().find('.ui-dialog-buttonpane button:first').button("disable");
- //$("#yang-upload-status").empty().text("File is uploading...");
- $("#yang-upload-status").html("<span>Processing...Please wait</span><img src='images/page-loading.gif'>");
- $.ajax({
- url: "/api/uploadyang",
- type: "POST",
- data: new FormData(document.forms['uploadForm']),
- contentType: false,
- cache: false,
- processData:false,
- success: function(data) {
- $("#yang-upload-status").html("");
- $("#yang-upload-status").text(data.msg);
- $('#yang-upload-dialog').parent().find('.ui-dialog-buttonpane button:first').button("enable");
- /*
- sliValuesObj = {};
- rpcValues = {};
- reqInputValues = {};
- for(var i=0;i<data.sliValuesObj.length;i++){
- var moduleName = data.sliValuesObj[i].moduleName;
- sliValuesObj[moduleName] = data.sliValuesObj[i][moduleName + '_PROPS'];
- rpcValues[moduleName] = data.sliValuesObj[i][ moduleName +'_RPCS'];
- for(var k=0;rpcValues[moduleName] != undefined && k<rpcValues[moduleName].length;k++){
- var rpcName = rpcValues[moduleName][k];
- reqInputValues[moduleName + "_" + rpcName] = data.sliValuesObj[i][rpcName +"-input"];
- }
- }
- */
- //close the yang upload dialogog box and open the load dialogbox
- $('#yang-upload-dialog').dialog("close");
- $("#btn-available-yang-modules").trigger("click");
- },
- error:function (xhr, desc, err){
- $("#yang-upload-status").html(err);
- $('#yang-upload-dialog').parent().find('.ui-dialog-buttonpane button:first').button("enable");
- }
- });
- }
- },
- {
- text: "Close",
- click: function() {
- $("#yang-upload-dialog").dialog("close");
- }
- }
- ]
- }).dialog("open").html(htmlStr);
- });
- },
- showDgNumberDialog: function showDgNumberDialog(){
- $(function() {
- var isLoopDetected = detectLoop();
- console.log("isLoopDetected:" + isLoopDetected);
- if(isLoopDetected){
- return false;
- }
- updateDgNumbers();
- var htmlStr="<div id='find-dgnumber-div' style='width:375;height:225'><label>DG Number</label><input id='dgnumber-val-id' type='text' value=''><p id='find-dgnumber-status' style='color:red'></p></div>";
- $("#dgnumber-find-dialog").dialog({
- modal:true,
- autoOpen :false,
- title: "Find Node By DGNumber",
- width: 300,
- height: 215,
- minWidth : 300,
- minHeight :215,
- buttons :[
- {
- text: "Find",
- click: function() {
- var dgnumVal = $("#dgnumber-val-id").val();
- $("#find-dgnumber-status").text("");
- if(dgnumVal != undefined && dgnumVal != '' && dgnumVal != ''){
- dgnumVal = dgnumVal.trim();
- }else{
- dgnumVal ="";
- }
-
- var dgNumberFound = false;
- var node = vis.selectAll(".nodegroup").data(RED.nodes.nodes.filter(function(d) { return d.z == activeWorkspace }),function(d){return d.id});
- node.each(function(d,i) {
- var thisNode = d3.select(this);
- var dgn = d.dgnumber;
-
- if(dgn != undefined && typeof dgn == 'object'){
- var found = false;
- for(var k=0;k<dgn.length;k++){
- if(dgn[k] == dgnumVal){
- found = true;
- break;
- }
- }
- if(found){
- //thisNode.select("rect").style({"stroke":"blue","stroke-width" :"3","stroke-dasharray":"5,1"});
- //$("#" + d.id).find("rect").attr("class","node-found-selected");
- //$("#" + d.id).find("rect").attr("class","node node_selected");
- //thisNode.select("rect").attr("class","node node_selected");
- thisNode.select("rect").attr("class","node node_found");
- document.getElementById( d.id ).scrollIntoView();
- $("#dgnumber-find-dialog").dialog("close");
-
- //display the node edit dialogbox
- RED.editor.edit(d);
- dgNumberFound = true;
- }else{
- //thisNode.select("rect").style({"stroke":"#999","stroke-width" :"2","stroke-dasharray":"none"});
- //$("#" + d.id ).find("rect").attr("class","node-found-clear");
- thisNode.select("rect").attr("class","node");
- //$("#" + d.id ).find("rect").attr("class","node");
- //$("#find-dgnumber-status").text("DGNumber :" + dgnumVal + " Not found");
-
- }
- }
- });
- if(!dgNumberFound){
- $("#find-dgnumber-status").text("DGNumber :" + dgnumVal + " Not found");
- }
- }
- },
- {
- text: "Close",
- click: function() {
- $("#dgnumber-find-dialog").dialog("close");
- }
- }
- ],
- open:function(){
- //Bind the Enter key to Find button
- $('#dgnumber-find-dialog').keypress(function(e) {
- if (e.keyCode == $.ui.keyCode.ENTER) {
- $('#dgnumber-find-dialog').parent().find('.ui-dialog-buttonpane button:first').click();
- return false;
- }
- });
- $(function(){
- //set focus on the input box
- $("#dgnumber-val-id").focus();
- });
- }
- }).dialog("open").html(htmlStr);
- });
- },
- showSearchTextDialog: function showSearchTextDialog(){
- $(function() {
- var isLoopDetected = detectLoop();
- console.log("isLoopDetected:" + isLoopDetected);
- if(isLoopDetected){
- return false;
- }
- updateDgNumbers();
- //console.log("In the showSearchTextDialog.");
- var htmlStr="<div id='search-text-div' style='width:675;height:525'><label>Search Text</label><input style='width:500px;' id='search-text-val-id' type='text' value=''><br><input id='ignore-case-id' type='checkbox' name='ignorecase' value='1' >Ignore Case<br><p id='search-text-status' style='color:red'></p></div>";
- //console.log("setting up search-text-dialog.");
- $("#search-text-dialog").dialog({
- modal:true,
- autoOpen :false,
- title: "Search text in DG",
- width: 600,
- height: 515,
- minWidth : 500,
- minHeight :415,
- buttons :[
- {
- text: "Search",
- click: function() {
-
- var node = vis.selectAll(".nodegroup").data(RED.nodes.nodes.filter(function(d) { return d.z == activeWorkspace }),function(d){return d.id});
- var searchText = $("#search-text-val-id").val();
- $("#search-text-status").text("");
- if(searchText != undefined && searchText != '' && searchText != ''){
- searchText = searchText.trim();
- }else{
- searchText ="";
- node.each(function(d,i) {
- var thisNode = d3.select(this);
- thisNode.select("rect").attr("class","node");
- });
- return;
- }
-
- var foundSearchText = false;
- var foundInDgNumArr = [];
- //console.log("In search function");
- node.each(function(d,i) {
- var thisNode = d3.select(this);
- var dgn = d.dgnumber;
- var xml = d.xml;
- var nName = d.name;
-
- var ignoreCase = $('#ignore-case-id').prop('checked')
- var options = 'g';
- if(ignoreCase){
- options='gi';
- }
- var searchPattern = new RegExp(searchText, options );
- if(xml == undefined || xml == null){
- xml = "";
- }
- if(nName == undefined || nName == null){
- nName = "";
- }
- //console.log(searchPattern);
- var count1 = (xml.match(searchPattern) || []).length;
- //console.log(count1);
- var count2 = (nName.match(searchPattern) || []).length;
- //console.log(count2);
-
- if(count1 >0 || count2 > 0){
- thisNode.select("rect").attr("class","node text_found");
- var dgn = d.dgnumber;
-
- var dgNumber = dgn;
- if(dgn != undefined && typeof dgn == 'object'){
- console.log("DGNUMBERS:" + dgn);
- dgNumber = dgn[0];
- }
- if(dgn != undefined ){
- foundInDgNumArr.push(dgNumber);
- }else{
- foundInDgNumArr.push(d.type);
- }
- foundSearchText=true;
- }else{
- thisNode.select("rect").attr("class","node");
- }
- });
- if(!foundSearchText){
- $("#search-text-status").text("Search Text :" + searchText + " Not found");
- }else{
- //console.log("closing dialog");
- //$("#search-text-dialog").dialog("close");
- console.log(foundInDgNumArr);
- $("#search-text-status").text("Found in DG numbers :" + foundInDgNumArr);
- }
- }
- },
- {
- text: "Close",
- click: function() {
- //console.log("closing dialog");
- $("#search-text-dialog").dialog("close");
- }
- }
- ],
- open:function(){
- //console.log("called open.");
- //Bind the Enter key to Find button
- $('#search-text-dialog').keypress(function(e) {
- if (e.keyCode == $.ui.keyCode.ENTER) {
- $('#search-text-dialog').parent().find('.ui-dialog-buttonpane button:first').click();
- return false;
- }
- });
- $(function(){
- //set focus on the input box
- $("#search-text-id").focus();
- });
- //console.log("done open call.");
- }
- }).dialog('open').html(htmlStr);
- });
- },
- showRequestTemplateDialog: function showRequestTemplateDialog(){
- $(function() {
- var currNodes = RED.nodes.nodes.filter(function(d) { return d.z == activeWorkspace })
- var moduleName = "";
- var rpcName = "";
- if(currNodes != null && currNodes.length > 1){
- currNodes.forEach(function(n){
- if(n.type == 'service-logic'){
- moduleName = getAttributeValue(n.xml,"module");
- }else if(n.type == 'method'){
- rpcName = getAttributeValue(n.xml,"rpc");
- }
- });
- }
- console.log("moduleName:" + moduleName);
- console.log("rpcName:" + rpcName);
- var inputValObj = reqInputValues[moduleName + "_" + rpcName];
- var inputValStr = "Not found. Please make sure that the Module is loaded and the rpc has input.";
- if(inputValObj != undefined && inputValObj != null){
- inputValStr = "{\n\"input\" : " + JSON.stringify(inputValObj,null,4)+ "\n}";
- }
-
- //var htmlStr="<div id='request-template-div' style='width:875px;height:575px'><textarea style='width:875px;height:575px'>" + inputValStr + "</textarea></div>"
- //var htmlStr="<div id='request-template-div' style='width:750px;height:550px;font-weight:bold;font-size:1em'><pre>" + inputValStr + "</pre></div>"
- var htmlStr="<textarea readonly='1' id='request-template-textarea' style='width:750px;height:550px;font-weight:bold;font-size:1em'>" + inputValStr + "</textarea>"
- $("#request-input-dialog").dialog({
- dialogClass :"no-close",
- modal:true,
- autoOpen :false,
- title: "Request Template for Module:" + moduleName + " RPC:" + rpcName,
- width: 800,
- height: "auto",
- buttons :[
- {
- text: "Close",
- click: function() {
- $("#request-input-dialog").dialog("close");
- }
- }
- ],
- open:function(){
- $('#request-input-dialog').css('overflow', 'hidden');
- }
- }).dialog("open").html(htmlStr);
- });
- },
- showNumbers: function(s) {
- console.log("showNumbers:" + s);
- showNumbers = s;
- RED.nodes.eachNode(function(n) { n.dirty = true;});
- redraw();
- },
- showNodePalette: function(s) {
- showNodePalette=s;
- if(!s){
- $("#main-container").addClass("palette-bar-closed");
- //RED.menu.setSelected("btn-node-panel",true);
- }else{
- $("#main-container").removeClass("palette-bar-closed");
- }
- //console.log("showNodePalette:" + showNodePalette);
- },
-
- //TODO: should these move to an import/export module?
- showImportNodesDialog: showImportNodesDialog,
- showExportNodesDialog: showExportNodesDialog,
- showExportNodesLibraryDialog: showExportNodesLibraryDialog
- };
-})();
diff --git a/dgbuilder/public/red/ui/view.js.orig b/dgbuilder/public/red/ui/view.js.orig
deleted file mode 100644
index 73981fd6..00000000
--- a/dgbuilder/public/red/ui/view.js.orig
+++ /dev/null
@@ -1,1639 +0,0 @@
-/**
- * Copyright 2013, 2014 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-RED.view = (function() {
- var space_width = 5000,
- space_height = 5000,
- lineCurveScale = 0.75,
- scaleFactor = 1,
- node_width = 100,
- node_height = 30;
-
- var touchLongPressTimeout = 1000,
- startTouchDistance = 0,
- startTouchCenter = [],
- moveTouchCenter = [],
- touchStartTime = 0;
-
-
- var activeWorkspace = 0;
- var workspaceScrollPositions = {};
-
- var selected_link = null,
- mousedown_link = null,
- mousedown_node = null,
- mousedown_port_type = null,
- mousedown_port_index = 0,
- mouseup_node = null,
- mouse_offset = [0,0],
- mouse_position = null,
- mouse_mode = 0,
- moving_set = [],
- dirty = false,
- lasso = null,
- showStatus = false,
- lastClickNode = null,
- dblClickPrimed = null,
- clickTime = 0,
- clickElapsed = 0;
-
- var clipboard = "";
-
- var status_colours = {
- "red": "#c00",
- "green": "#5a8",
- "yellow": "#F9DF31",
- "blue": "#53A3F3",
- "grey": "#d3d3d3"
- }
-
- var outer = d3.select("#chart")
- .append("svg:svg")
- .attr("width", space_width)
- .attr("height", space_height)
- .attr("pointer-events", "all")
- .style("cursor","crosshair");
-
- var vis = outer
- .append('svg:g')
- .on("dblclick.zoom", null)
- .append('svg:g')
- .on("mousemove", canvasMouseMove)
- .on("mousedown", canvasMouseDown)
- .on("mouseup", canvasMouseUp)
- .on("touchend", function() {
- clearTimeout(touchStartTime);
- touchStartTime = null;
- if (RED.touch.radialMenu.active()) {
- return;
- }
- if (lasso) {
- outer_background.attr("fill","#fff");
- }
- canvasMouseUp.call(this);
- })
- .on("touchcancel", canvasMouseUp)
- .on("touchstart", function() {
- var touch0;
- if (d3.event.touches.length>1) {
- clearTimeout(touchStartTime);
- touchStartTime = null;
- d3.event.preventDefault();
- touch0 = d3.event.touches.item(0);
- var touch1 = d3.event.touches.item(1);
- var a = touch0['pageY']-touch1['pageY'];
- var b = touch0['pageX']-touch1['pageX'];
-
- var offset = $("#chart").offset();
- var scrollPos = [$("#chart").scrollLeft(),$("#chart").scrollTop()];
- startTouchCenter = [
- (touch1['pageX']+(b/2)-offset.left+scrollPos[0])/scaleFactor,
- (touch1['pageY']+(a/2)-offset.top+scrollPos[1])/scaleFactor
- ];
- moveTouchCenter = [
- touch1['pageX']+(b/2),
- touch1['pageY']+(a/2)
- ]
- startTouchDistance = Math.sqrt((a*a)+(b*b));
- } else {
- var obj = d3.select(document.body);
- touch0 = d3.event.touches.item(0);
- var pos = [touch0.pageX,touch0.pageY];
- startTouchCenter = [touch0.pageX,touch0.pageY];
- startTouchDistance = 0;
- var point = d3.touches(this)[0];
- touchStartTime = setTimeout(function() {
- touchStartTime = null;
- showTouchMenu(obj,pos);
- //lasso = vis.append('rect')
- // .attr("ox",point[0])
- // .attr("oy",point[1])
- // .attr("rx",2)
- // .attr("ry",2)
- // .attr("x",point[0])
- // .attr("y",point[1])
- // .attr("width",0)
- // .attr("height",0)
- // .attr("class","lasso");
- //outer_background.attr("fill","#e3e3f3");
- },touchLongPressTimeout);
- }
- })
- .on("touchmove", function(){
- if (RED.touch.radialMenu.active()) {
- d3.event.preventDefault();
- return;
- }
- var touch0;
- if (d3.event.touches.length<2) {
- if (touchStartTime) {
- touch0 = d3.event.touches.item(0);
- var dx = (touch0.pageX-startTouchCenter[0]);
- var dy = (touch0.pageY-startTouchCenter[1]);
- var d = Math.abs(dx*dx+dy*dy);
- if (d > 64) {
- clearTimeout(touchStartTime);
- touchStartTime = null;
- }
- } else if (lasso) {
- d3.event.preventDefault();
- }
- canvasMouseMove.call(this);
- } else {
- touch0 = d3.event.touches.item(0);
- var touch1 = d3.event.touches.item(1);
- var a = touch0['pageY']-touch1['pageY'];
- var b = touch0['pageX']-touch1['pageX'];
- var offset = $("#chart").offset();
- var scrollPos = [$("#chart").scrollLeft(),$("#chart").scrollTop()];
- var moveTouchDistance = Math.sqrt((a*a)+(b*b));
- var touchCenter = [
- touch1['pageX']+(b/2),
- touch1['pageY']+(a/2)
- ];
-
- if (!isNaN(moveTouchDistance)) {
- oldScaleFactor = scaleFactor;
- scaleFactor = Math.min(2,Math.max(0.3, scaleFactor + (Math.floor(((moveTouchDistance*100)-(startTouchDistance*100)))/10000)));
-
- var deltaTouchCenter = [ // Try to pan whilst zooming - not 100%
- startTouchCenter[0]*(scaleFactor-oldScaleFactor),//-(touchCenter[0]-moveTouchCenter[0]),
- startTouchCenter[1]*(scaleFactor-oldScaleFactor) //-(touchCenter[1]-moveTouchCenter[1])
- ];
-
- startTouchDistance = moveTouchDistance;
- moveTouchCenter = touchCenter;
-
- $("#chart").scrollLeft(scrollPos[0]+deltaTouchCenter[0]);
- $("#chart").scrollTop(scrollPos[1]+deltaTouchCenter[1]);
- redraw();
- }
- }
- });
-
- var outer_background = vis.append('svg:rect')
- .attr('width', space_width)
- .attr('height', space_height)
- .attr('fill','#fff');
-
- //var gridScale = d3.scale.linear().range([0,2000]).domain([0,2000]);
- //var grid = vis.append('g');
- //
- //grid.selectAll("line.horizontal").data(gridScale.ticks(100)).enter()
- // .append("line")
- // .attr(
- // {
- // "class":"horizontal",
- // "x1" : 0,
- // "x2" : 2000,
- // "y1" : function(d){ return gridScale(d);},
- // "y2" : function(d){ return gridScale(d);},
- // "fill" : "none",
- // "shape-rendering" : "crispEdges",
- // "stroke" : "#eee",
- // "stroke-width" : "1px"
- // });
- //grid.selectAll("line.vertical").data(gridScale.ticks(100)).enter()
- // .append("line")
- // .attr(
- // {
- // "class":"vertical",
- // "y1" : 0,
- // "y2" : 2000,
- // "x1" : function(d){ return gridScale(d);},
- // "x2" : function(d){ return gridScale(d);},
- // "fill" : "none",
- // "shape-rendering" : "crispEdges",
- // "stroke" : "#eee",
- // "stroke-width" : "1px"
- // });
-
-
- var drag_line = vis.append("svg:path").attr("class", "drag_line");
-
- var workspace_tabs = RED.tabs.create({
- id: "workspace-tabs",
- onchange: function(tab) {
- if (tab.type == "subflow") {
- $("#workspace-toolbar").show();
- } else {
- $("#workspace-toolbar").hide();
- }
- var chart = $("#chart");
- if (activeWorkspace !== 0) {
- workspaceScrollPositions[activeWorkspace] = {
- left:chart.scrollLeft(),
- top:chart.scrollTop()
- };
- }
- var scrollStartLeft = chart.scrollLeft();
- var scrollStartTop = chart.scrollTop();
-
- activeWorkspace = tab.id;
- if (workspaceScrollPositions[activeWorkspace]) {
- chart.scrollLeft(workspaceScrollPositions[activeWorkspace].left);
- chart.scrollTop(workspaceScrollPositions[activeWorkspace].top);
- } else {
- chart.scrollLeft(0);
- chart.scrollTop(0);
- }
- var scrollDeltaLeft = chart.scrollLeft() - scrollStartLeft;
- var scrollDeltaTop = chart.scrollTop() - scrollStartTop;
- if (mouse_position != null) {
- mouse_position[0] += scrollDeltaLeft;
- mouse_position[1] += scrollDeltaTop;
- }
-
- clearSelection();
- RED.nodes.eachNode(function(n) {
- n.dirty = true;
- });
- redraw();
- },
- ondblclick: function(tab) {
- showRenameWorkspaceDialog(tab.id);
- },
- onadd: function(tab) {
- RED.menu.addItem("btn-workspace-menu",{
- id:"btn-workspace-menu-"+tab.id.replace(".","-"),
- label:tab.label,
- onselect:function() {
- workspace_tabs.activateTab(tab.id);
- }
- });
- RED.menu.setDisabled("btn-workspace-delete",workspace_tabs.count() == 1);
- },
- onremove: function(tab) {
- RED.menu.setDisabled("btn-workspace-delete",workspace_tabs.count() == 1);
- RED.menu.removeItem("btn-workspace-menu-"+tab.id.replace(".","-"));
- }
- });
-
- var workspaceIndex = 0;
-
- function addWorkspace() {
- var tabId = RED.nodes.id();
- do {
- workspaceIndex += 1;
- } while($("#workspace-tabs a[title='Sheet "+workspaceIndex+"']").size() !== 0);
-
- var ws = {type:"tab",id:tabId,label:"Sheet "+workspaceIndex};
- RED.nodes.addWorkspace(ws);
- workspace_tabs.addTab(ws);
- workspace_tabs.activateTab(tabId);
- RED.history.push({t:'add',workspaces:[ws],dirty:dirty});
- RED.view.dirty(true);
- }
- $(function() {
- $('#btn-workspace-add-tab').on("click",addWorkspace);
- $('#btn-workspace-add').on("click",addWorkspace);
- $('#btn-workspace-edit').on("click",function() {
- showRenameWorkspaceDialog(activeWorkspace);
- });
- $('#btn-workspace-delete').on("click",function() {
- deleteWorkspace(activeWorkspace);
- });
- });
-
- function deleteWorkspace(id) {
- if (workspace_tabs.count() == 1) {
- return;
- }
- var ws = RED.nodes.workspace(id);
- $( "#node-dialog-delete-workspace" ).dialog('option','workspace',ws);
- $( "#node-dialog-delete-workspace-name" ).text(ws.label);
- $( "#node-dialog-delete-workspace" ).dialog('open');
- }
-
- function canvasMouseDown() {
- if (!mousedown_node && !mousedown_link) {
- selected_link = null;
- updateSelection();
- }
- if (mouse_mode === 0) {
- if (lasso) {
- lasso.remove();
- lasso = null;
- }
-
- if (!touchStartTime) {
- var point = d3.mouse(this);
- lasso = vis.append('rect')
- .attr("ox",point[0])
- .attr("oy",point[1])
- .attr("rx",2)
- .attr("ry",2)
- .attr("x",point[0])
- .attr("y",point[1])
- .attr("width",0)
- .attr("height",0)
- .attr("class","lasso");
- d3.event.preventDefault();
- }
- }
- }
-
- function canvasMouseMove() {
- mouse_position = d3.touches(this)[0]||d3.mouse(this);
-
- // Prevent touch scrolling...
- //if (d3.touches(this)[0]) {
- // d3.event.preventDefault();
- //}
-
- // TODO: auto scroll the container
- //var point = d3.mouse(this);
- //if (point[0]-container.scrollLeft < 30 && container.scrollLeft > 0) { container.scrollLeft -= 15; }
- //console.log(d3.mouse(this),container.offsetWidth,container.offsetHeight,container.scrollLeft,container.scrollTop);
-
- if (lasso) {
- var ox = parseInt(lasso.attr("ox"));
- var oy = parseInt(lasso.attr("oy"));
- var x = parseInt(lasso.attr("x"));
- var y = parseInt(lasso.attr("y"));
- var w;
- var h;
- if (mouse_position[0] < ox) {
- x = mouse_position[0];
- w = ox-x;
- } else {
- w = mouse_position[0]-x;
- }
- if (mouse_position[1] < oy) {
- y = mouse_position[1];
- h = oy-y;
- } else {
- h = mouse_position[1]-y;
- }
- lasso
- .attr("x",x)
- .attr("y",y)
- .attr("width",w)
- .attr("height",h)
- ;
- return;
- }
-
- if (mouse_mode != RED.state.IMPORT_DRAGGING && !mousedown_node && selected_link == null) {
- return;
- }
-
- var mousePos;
- if (mouse_mode == RED.state.JOINING) {
- // update drag line
- drag_line.attr("class", "drag_line");
- mousePos = mouse_position;
- var numOutputs = (mousedown_port_type === 0)?(mousedown_node.outputs || 1):1;
- var sourcePort = mousedown_port_index;
- var portY = -((numOutputs-1)/2)*13 +13*sourcePort;
-
- var sc = (mousedown_port_type === 0)?1:-1;
-
- var dy = mousePos[1]-(mousedown_node.y+portY);
- var dx = mousePos[0]-(mousedown_node.x+sc*mousedown_node.w/2);
- var delta = Math.sqrt(dy*dy+dx*dx);
- var scale = lineCurveScale;
- var scaleY = 0;
-
- if (delta < node_width) {
- scale = 0.75-0.75*((node_width-delta)/node_width);
- }
- if (dx*sc < 0) {
- scale += 2*(Math.min(5*node_width,Math.abs(dx))/(5*node_width));
- if (Math.abs(dy) < 3*node_height) {
- scaleY = ((dy>0)?0.5:-0.5)*(((3*node_height)-Math.abs(dy))/(3*node_height))*(Math.min(node_width,Math.abs(dx))/(node_width)) ;
- }
- }
-
- drag_line.attr("d",
- "M "+(mousedown_node.x+sc*mousedown_node.w/2)+" "+(mousedown_node.y+portY)+
- " C "+(mousedown_node.x+sc*(mousedown_node.w/2+node_width*scale))+" "+(mousedown_node.y+portY+scaleY*node_height)+" "+
- (mousePos[0]-sc*(scale)*node_width)+" "+(mousePos[1]-scaleY*node_height)+" "+
- mousePos[0]+" "+mousePos[1]
- );
- d3.event.preventDefault();
- } else if (mouse_mode == RED.state.MOVING) {
- mousePos = mouse_position;
- var d = (mouse_offset[0]-mousePos[0])*(mouse_offset[0]-mousePos[0]) + (mouse_offset[1]-mousePos[1])*(mouse_offset[1]-mousePos[1]);
- if (d > 2) {
- mouse_mode = RED.state.MOVING_ACTIVE;
- clickElapsed = 0;
- }
- } else if (mouse_mode == RED.state.MOVING_ACTIVE || mouse_mode == RED.state.IMPORT_DRAGGING) {
- mousePos = mouse_position;
- var node;
- var i;
- var minX = 0;
- var minY = 0;
- for (var n = 0; n<moving_set.length; n++) {
- node = moving_set[n];
- if (d3.event.shiftKey) {
- node.n.ox = node.n.x;
- node.n.oy = node.n.y;
- }
- node.n.x = mousePos[0]+node.dx;
- node.n.y = mousePos[1]+node.dy;
- node.n.dirty = true;
- minX = Math.min(node.n.x-node.n.w/2-5,minX);
- minY = Math.min(node.n.y-node.n.h/2-5,minY);
- }
- if (minX !== 0 || minY !== 0) {
- for (i = 0; i<moving_set.length; i++) {
- node = moving_set[i];
- node.n.x -= minX;
- node.n.y -= minY;
- }
- }
- if (d3.event.shiftKey && moving_set.length > 0) {
- var gridOffset = [0,0];
- node = moving_set[0];
- gridOffset[0] = node.n.x-(20*Math.floor((node.n.x-node.n.w/2)/20)+node.n.w/2);
- gridOffset[1] = node.n.y-(20*Math.floor(node.n.y/20));
- if (gridOffset[0] !== 0 || gridOffset[1] !== 0) {
- for (i = 0; i<moving_set.length; i++) {
- node = moving_set[i];
- node.n.x -= gridOffset[0];
- node.n.y -= gridOffset[1];
- if (node.n.x == node.n.ox && node.n.y == node.n.oy) {
- node.dirty = false;
- }
- }
- }
- }
- }
- redraw();
- }
-
- function canvasMouseUp() {
- if (mousedown_node && mouse_mode == RED.state.JOINING) {
- drag_line.attr("class", "drag_line_hidden");
- }
- if (lasso) {
- var x = parseInt(lasso.attr("x"));
- var y = parseInt(lasso.attr("y"));
- var x2 = x+parseInt(lasso.attr("width"));
- var y2 = y+parseInt(lasso.attr("height"));
- if (!d3.event.ctrlKey) {
- clearSelection();
- }
- RED.nodes.eachNode(function(n) {
- if (n.z == activeWorkspace && !n.selected) {
- n.selected = (n.x > x && n.x < x2 && n.y > y && n.y < y2);
- if (n.selected) {
- n.dirty = true;
- moving_set.push({n:n});
- }
- }
- });
- updateSelection();
- lasso.remove();
- lasso = null;
- } else if (mouse_mode == RED.state.DEFAULT && mousedown_link == null && !d3.event.ctrlKey ) {
- clearSelection();
- updateSelection();
- }
- if (mouse_mode == RED.state.MOVING_ACTIVE) {
- if (moving_set.length > 0) {
- var ns = [];
- for (var j=0;j<moving_set.length;j++) {
- ns.push({n:moving_set[j].n,ox:moving_set[j].ox,oy:moving_set[j].oy});
- }
- RED.history.push({t:'move',nodes:ns,dirty:dirty});
- }
- }
- if (mouse_mode == RED.state.MOVING || mouse_mode == RED.state.MOVING_ACTIVE) {
- for (var i=0;i<moving_set.length;i++) {
- delete moving_set[i].ox;
- delete moving_set[i].oy;
- }
- }
- if (mouse_mode == RED.state.IMPORT_DRAGGING) {
- RED.keyboard.remove(/* ESCAPE */ 27);
- setDirty(true);
- }
- redraw();
- // clear mouse event vars
- resetMouseVars();
- }
-
- $('#btn-zoom-out').click(function() {zoomOut();});
- $('#btn-zoom-zero').click(function() {zoomZero();});
- $('#btn-zoom-in').click(function() {zoomIn();});
- $("#chart").on('DOMMouseScroll mousewheel', function (evt) {
- if ( evt.altKey ) {
- evt.preventDefault();
- evt.stopPropagation();
- var move = -(evt.originalEvent.detail) || evt.originalEvent.wheelDelta;
- if (move <= 0) { zoomOut(); }
- else { zoomIn(); }
- }
- });
- $("#chart").droppable({
- accept:".palette_node",
- drop: function( event, ui ) {
- d3.event = event;
- var selected_tool = ui.draggable[0].type;
- var mousePos = d3.touches(this)[0]||d3.mouse(this);
- mousePos[1] += this.scrollTop;
- mousePos[0] += this.scrollLeft;
- mousePos[1] /= scaleFactor;
- mousePos[0] /= scaleFactor;
-
- var nn = { id:(1+Math.random()*4294967295).toString(16),x: mousePos[0],y:mousePos[1],w:node_width,z:activeWorkspace};
-
- nn.type = selected_tool;
- nn._def = RED.nodes.getType(nn.type);
- nn.outputs = nn._def.outputs;
- nn.changed = true;
-
- for (var d in nn._def.defaults) {
- if (nn._def.defaults.hasOwnProperty(d)) {
- nn[d] = nn._def.defaults[d].value;
- }
- }
-
- if (nn._def.onadd) {
- nn._def.onadd.call(nn);
- }
-
- nn.h = Math.max(node_height,(nn.outputs||0) * 15);
- RED.history.push({t:'add',nodes:[nn.id],dirty:dirty});
- RED.nodes.add(nn);
- RED.editor.validateNode(nn);
- setDirty(true);
- // auto select dropped node - so info shows (if visible)
- clearSelection();
- nn.selected = true;
- moving_set.push({n:nn});
- updateSelection();
- redraw();
-
- if (nn._def.autoedit) {
- RED.editor.edit(nn);
- }
- }
- });
-
- function zoomIn() {
- if (scaleFactor < 2) {
- scaleFactor += 0.1;
- redraw();
- }
- }
- function zoomOut() {
- if (scaleFactor > 0.3) {
- scaleFactor -= 0.1;
- redraw();
- }
- }
- function zoomZero() {
- scaleFactor = 1;
- redraw();
- }
-
- function selectAll() {
- RED.nodes.eachNode(function(n) {
- if (n.z == activeWorkspace) {
- if (!n.selected) {
- n.selected = true;
- n.dirty = true;
- moving_set.push({n:n});
- }
- }
- });
- selected_link = null;
- updateSelection();
- redraw();
- }
-
- function clearSelection() {
- for (var i=0;i<moving_set.length;i++) {
- var n = moving_set[i];
- n.n.dirty = true;
- n.n.selected = false;
- }
- moving_set = [];
- selected_link = null;
- }
-
- function updateSelection() {
- if (moving_set.length === 0) {
- RED.menu.setDisabled("btn-export-menu",true);
- RED.menu.setDisabled("btn-export-clipboard",true);
- RED.menu.setDisabled("btn-export-library",true);
- } else {
- RED.menu.setDisabled("btn-export-menu",false);
- RED.menu.setDisabled("btn-export-clipboard",false);
- RED.menu.setDisabled("btn-export-library",false);
- }
- if (moving_set.length === 0 && selected_link == null) {
- RED.keyboard.remove(/* backspace */ 8);
- RED.keyboard.remove(/* delete */ 46);
- RED.keyboard.remove(/* c */ 67);
- RED.keyboard.remove(/* x */ 88);
- } else {
- RED.keyboard.add(/* backspace */ 8,function(){deleteSelection();d3.event.preventDefault();});
- RED.keyboard.add(/* delete */ 46,function(){deleteSelection();d3.event.preventDefault();});
- RED.keyboard.add(/* c */ 67,{ctrl:true},function(){copySelection();d3.event.preventDefault();});
- RED.keyboard.add(/* x */ 88,{ctrl:true},function(){copySelection();deleteSelection();d3.event.preventDefault();});
- }
- if (moving_set.length === 0) {
- RED.keyboard.remove(/* up */ 38);
- RED.keyboard.remove(/* down */ 40);
- RED.keyboard.remove(/* left */ 37);
- RED.keyboard.remove(/* right*/ 39);
- } else {
- RED.keyboard.add(/* up */ 38, function() { if(d3.event.shiftKey){moveSelection( 0,-20)}else{moveSelection( 0,-1);}d3.event.preventDefault();},endKeyboardMove);
- RED.keyboard.add(/* down */ 40, function() { if(d3.event.shiftKey){moveSelection( 0, 20)}else{moveSelection( 0, 1);}d3.event.preventDefault();},endKeyboardMove);
- RED.keyboard.add(/* left */ 37, function() { if(d3.event.shiftKey){moveSelection(-20, 0)}else{moveSelection(-1, 0);}d3.event.preventDefault();},endKeyboardMove);
- RED.keyboard.add(/* right*/ 39, function() { if(d3.event.shiftKey){moveSelection( 20, 0)}else{moveSelection( 1, 0);}d3.event.preventDefault();},endKeyboardMove);
- }
- if (moving_set.length == 1) {
- RED.sidebar.info.refresh(moving_set[0].n);
- } else {
- RED.sidebar.info.clear();
- }
- }
- function endKeyboardMove() {
- var ns = [];
- for (var i=0;i<moving_set.length;i++) {
- ns.push({n:moving_set[i].n,ox:moving_set[i].ox,oy:moving_set[i].oy});
- delete moving_set[i].ox;
- delete moving_set[i].oy;
- }
- RED.history.push({t:'move',nodes:ns,dirty:dirty});
- }
- function moveSelection(dx,dy) {
- var minX = 0;
- var minY = 0;
- var node;
-
- for (var i=0;i<moving_set.length;i++) {
- node = moving_set[i];
- if (node.ox == null && node.oy == null) {
- node.ox = node.n.x;
- node.oy = node.n.y;
- }
- node.n.x += dx;
- node.n.y += dy;
- node.n.dirty = true;
- minX = Math.min(node.n.x-node.n.w/2-5,minX);
- minY = Math.min(node.n.y-node.n.h/2-5,minY);
- }
-
- if (minX !== 0 || minY !== 0) {
- for (var n = 0; n<moving_set.length; n++) {
- node = moving_set[n];
- node.n.x -= minX;
- node.n.y -= minY;
- }
- }
-
- redraw();
- }
- function deleteSelection() {
- var removedNodes = [];
- var removedLinks = [];
- var startDirty = dirty;
- if (moving_set.length > 0) {
- for (var i=0;i<moving_set.length;i++) {
- var node = moving_set[i].n;
- node.selected = false;
- if (node.x < 0) {
- node.x = 25
- }
- var rmlinks = RED.nodes.remove(node.id);
- removedNodes.push(node);
- removedLinks = removedLinks.concat(rmlinks);
- }
- moving_set = [];
- setDirty(true);
- }
- if (selected_link) {
- RED.nodes.removeLink(selected_link);
- removedLinks.push(selected_link);
- setDirty(true);
- }
- RED.history.push({t:'delete',nodes:removedNodes,links:removedLinks,dirty:startDirty});
-
- selected_link = null;
- updateSelection();
- redraw();
- }
-
- function copySelection() {
- if (moving_set.length > 0) {
- var nns = [];
- for (var n=0;n<moving_set.length;n++) {
- var node = moving_set[n].n;
- nns.push(RED.nodes.convertNode(node));
- }
- clipboard = JSON.stringify(nns);
- RED.notify(moving_set.length+" node"+(moving_set.length>1?"s":"")+" copied");
- }
- }
-
-
- function calculateTextWidth(str) {
- var sp = document.createElement("span");
- sp.className = "node_label";
- sp.style.position = "absolute";
- sp.style.top = "-1000px";
- sp.innerHTML = (str||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
- document.body.appendChild(sp);
- var w = sp.offsetWidth;
- document.body.removeChild(sp);
- return 50+w;
- }
-
- function resetMouseVars() {
- mousedown_node = null;
- mouseup_node = null;
- mousedown_link = null;
- mouse_mode = 0;
- mousedown_port_type = 0;
- }
-
- function portMouseDown(d,portType,portIndex) {
- // disable zoom
- //vis.call(d3.behavior.zoom().on("zoom"), null);
- mousedown_node = d;
- selected_link = null;
- mouse_mode = RED.state.JOINING;
- mousedown_port_type = portType;
- mousedown_port_index = portIndex || 0;
- document.body.style.cursor = "crosshair";
- d3.event.preventDefault();
- }
-
- function portMouseUp(d,portType,portIndex) {
- document.body.style.cursor = "";
- if (mouse_mode == RED.state.JOINING && mousedown_node) {
- if (typeof TouchEvent != "undefined" && d3.event instanceof TouchEvent) {
- RED.nodes.eachNode(function(n) {
- if (n.z == activeWorkspace) {
- var hw = n.w/2;
- var hh = n.h/2;
- if (n.x-hw<mouse_position[0] && n.x+hw> mouse_position[0] &&
- n.y-hh<mouse_position[1] && n.y+hh>mouse_position[1]) {
- mouseup_node = n;
- portType = mouseup_node._def.inputs>0?1:0;
- portIndex = 0;
- }
- }
- });
- } else {
- mouseup_node = d;
- }
- if (portType == mousedown_port_type || mouseup_node === mousedown_node) {
- drag_line.attr("class", "drag_line_hidden");
- resetMouseVars();
- return;
- }
- var src,dst,src_port;
- if (mousedown_port_type === 0) {
- src = mousedown_node;
- src_port = mousedown_port_index;
- dst = mouseup_node;
- } else if (mousedown_port_type == 1) {
- src = mouseup_node;
- dst = mousedown_node;
- src_port = portIndex;
- }
-
- var existingLink = false;
- RED.nodes.eachLink(function(d) {
- existingLink = existingLink || (d.source === src && d.target === dst && d.sourcePort == src_port);
- });
- if (!existingLink) {
- var link = {source: src, sourcePort:src_port, target: dst};
- RED.nodes.addLink(link);
- RED.history.push({t:'add',links:[link],dirty:dirty});
- setDirty(true);
- }
- selected_link = null;
- redraw();
- }
- }
-
- function nodeMouseUp(d) {
- if (dblClickPrimed && mousedown_node == d && clickElapsed > 0 && clickElapsed < 750) {
- RED.editor.edit(d);
- clickElapsed = 0;
- d3.event.stopPropagation();
- return;
- }
- portMouseUp(d, d._def.inputs > 0 ? 1 : 0, 0);
- }
-
- function nodeMouseDown(d) {
- //var touch0 = d3.event;
- //var pos = [touch0.pageX,touch0.pageY];
- //RED.touch.radialMenu.show(d3.select(this),pos);
- if (mouse_mode == RED.state.IMPORT_DRAGGING) {
- RED.keyboard.remove(/* ESCAPE */ 27);
- updateSelection();
- setDirty(true);
- redraw();
- resetMouseVars();
- d3.event.stopPropagation();
- return;
- }
- mousedown_node = d;
- var now = Date.now();
- clickElapsed = now-clickTime;
- clickTime = now;
-
- dblClickPrimed = (lastClickNode == mousedown_node);
- lastClickNode = mousedown_node;
-
- var i;
-
- if (d.selected && d3.event.ctrlKey) {
- d.selected = false;
- for (i=0;i<moving_set.length;i+=1) {
- if (moving_set[i].n === d) {
- moving_set.splice(i,1);
- break;
- }
- }
- } else {
- if (d3.event.shiftKey) {
- clearSelection();
- var cnodes = RED.nodes.getAllFlowNodes(mousedown_node);
- for (var n=0;n<cnodes.length;n++) {
- cnodes[n].selected = true;
- cnodes[n].dirty = true;
- moving_set.push({n:cnodes[n]});
- }
- } else if (!d.selected) {
- if (!d3.event.ctrlKey) {
- clearSelection();
- }
- mousedown_node.selected = true;
- moving_set.push({n:mousedown_node});
- }
- selected_link = null;
- if (d3.event.button != 2) {
- mouse_mode = RED.state.MOVING;
- var mouse = d3.touches(this)[0]||d3.mouse(this);
- mouse[0] += d.x-d.w/2;
- mouse[1] += d.y-d.h/2;
- for (i=0;i<moving_set.length;i++) {
- moving_set[i].ox = moving_set[i].n.x;
- moving_set[i].oy = moving_set[i].n.y;
- moving_set[i].dx = moving_set[i].n.x-mouse[0];
- moving_set[i].dy = moving_set[i].n.y-mouse[1];
- }
- mouse_offset = d3.mouse(document.body);
- if (isNaN(mouse_offset[0])) {
- mouse_offset = d3.touches(document.body)[0];
- }
- }
- }
- d.dirty = true;
- updateSelection();
- redraw();
- d3.event.stopPropagation();
- }
-
- function nodeButtonClicked(d) {
- if (d._def.button.toggle) {
- d[d._def.button.toggle] = !d[d._def.button.toggle];
- d.dirty = true;
- }
- if (d._def.button.onclick) {
- d._def.button.onclick.call(d);
- }
- if (d.dirty) {
- redraw();
- }
- d3.event.preventDefault();
- }
-
- function showTouchMenu(obj,pos) {
- var mdn = mousedown_node;
- var options = [];
- options.push({name:"delete",disabled:(moving_set.length===0),onselect:function() {deleteSelection();}});
- options.push({name:"cut",disabled:(moving_set.length===0),onselect:function() {copySelection();deleteSelection();}});
- options.push({name:"copy",disabled:(moving_set.length===0),onselect:function() {copySelection();}});
- options.push({name:"paste",disabled:(clipboard.length===0),onselect:function() {importNodes(clipboard,true);}});
- options.push({name:"edit",disabled:(moving_set.length != 1),onselect:function() { RED.editor.edit(mdn);}});
- options.push({name:"select",onselect:function() {selectAll();}});
- options.push({name:"undo",disabled:(RED.history.depth() === 0),onselect:function() {RED.history.pop();}});
-
- RED.touch.radialMenu.show(obj,pos,options);
- resetMouseVars();
- }
- function redraw() {
- vis.attr("transform","scale("+scaleFactor+")");
- outer.attr("width", space_width*scaleFactor).attr("height", space_height*scaleFactor);
-
- if (mouse_mode != RED.state.JOINING) {
- // Don't bother redrawing nodes if we're drawing links
-
- var node = vis.selectAll(".nodegroup").data(RED.nodes.nodes.filter(function(d) { return d.z == activeWorkspace }),function(d){return d.id});
- node.exit().remove();
-
- var nodeEnter = node.enter().insert("svg:g").attr("class", "node nodegroup");
- nodeEnter.each(function(d,i) {
- var node = d3.select(this);
- node.attr("id",d.id);
- var l = d._def.label;
- l = (typeof l === "function" ? l.call(d) : l)||"";
- d.w = Math.max(node_width,calculateTextWidth(l)+(d._def.inputs>0?7:0) );
- d.h = Math.max(node_height,(d.outputs||0) * 15);
-
- if (d._def.badge) {
- var badge = node.append("svg:g").attr("class","node_badge_group");
- var badgeRect = badge.append("rect").attr("class","node_badge").attr("rx",5).attr("ry",5).attr("width",40).attr("height",15);
- badge.append("svg:text").attr("class","node_badge_label").attr("x",35).attr("y",11).attr('text-anchor','end').text(d._def.badge());
- if (d._def.onbadgeclick) {
- badgeRect.attr("cursor","pointer")
- .on("click",function(d) { d._def.onbadgeclick.call(d);d3.event.preventDefault();});
- }
- }
-
- if (d._def.button) {
- var nodeButtonGroup = node.append('svg:g')
- .attr("transform",function(d) { return "translate("+((d._def.align == "right") ? 94 : -25)+",2)"; })
- .attr("class",function(d) { return "node_button "+((d._def.align == "right") ? "node_right_button" : "node_left_button"); });
- nodeButtonGroup.append('rect')
- .attr("rx",8)
- .attr("ry",8)
- .attr("width",32)
- .attr("height",node_height-4)
- .attr("fill","#eee");//function(d) { return d._def.color;})
- nodeButtonGroup.append('rect')
- .attr("x",function(d) { return d._def.align == "right"? 10:5})
- .attr("y",4)
- .attr("rx",5)
- .attr("ry",5)
- .attr("width",16)
- .attr("height",node_height-12)
- .attr("fill",function(d) { return d._def.color;})
- .attr("cursor","pointer")
- .on("mousedown",function(d) {if (!lasso) { d3.select(this).attr("fill-opacity",0.2);d3.event.preventDefault(); d3.event.stopPropagation();}})
- .on("mouseup",function(d) {if (!lasso) { d3.select(this).attr("fill-opacity",0.4);d3.event.preventDefault();d3.event.stopPropagation();}})
- .on("mouseover",function(d) {if (!lasso) { d3.select(this).attr("fill-opacity",0.4);}})
- .on("mouseout",function(d) {if (!lasso) {
- var op = 1;
- if (d._def.button.toggle) {
- op = d[d._def.button.toggle]?1:0.2;
- }
- d3.select(this).attr("fill-opacity",op);
- }})
- .on("click",nodeButtonClicked)
- .on("touchstart",nodeButtonClicked)
- }
-
- var mainRect = node.append("rect")
- .attr("class", "node")
- .classed("node_unknown",function(d) { return d.type == "unknown"; })
- .attr("rx", 6)
- .attr("ry", 6)
- .attr("fill",function(d) { return d._def.color;})
- .on("mouseup",nodeMouseUp)
- .on("mousedown",nodeMouseDown)
- .on("touchstart",function(d) {
- var obj = d3.select(this);
- var touch0 = d3.event.touches.item(0);
- var pos = [touch0.pageX,touch0.pageY];
- startTouchCenter = [touch0.pageX,touch0.pageY];
- startTouchDistance = 0;
- touchStartTime = setTimeout(function() {
- showTouchMenu(obj,pos);
- },touchLongPressTimeout);
- nodeMouseDown.call(this,d)
- })
- .on("touchend", function(d) {
- clearTimeout(touchStartTime);
- touchStartTime = null;
- if (RED.touch.radialMenu.active()) {
- d3.event.stopPropagation();
- return;
- }
- nodeMouseUp.call(this,d);
- })
- .on("mouseover",function(d) {
- if (mouse_mode === 0) {
- var node = d3.select(this);
- node.classed("node_hovered",true);
- }
- })
- .on("mouseout",function(d) {
- var node = d3.select(this);
- node.classed("node_hovered",false);
- });
-
- //node.append("rect").attr("class", "node-gradient-top").attr("rx", 6).attr("ry", 6).attr("height",30).attr("stroke","none").attr("fill","url(#gradient-top)").style("pointer-events","none");
- //node.append("rect").attr("class", "node-gradient-bottom").attr("rx", 6).attr("ry", 6).attr("height",30).attr("stroke","none").attr("fill","url(#gradient-bottom)").style("pointer-events","none");
-
- if (d._def.icon) {
-
- var icon_group = node.append("g")
- .attr("class","node_icon_group")
- .attr("x",0).attr("y",0);
-
- var icon_shade = icon_group.append("rect")
- .attr("x",0).attr("y",0)
- .attr("class","node_icon_shade")
- .attr("width","30")
- .attr("stroke","none")
- .attr("fill","#000")
- .attr("fill-opacity","0.05")
- .attr("height",function(d){return Math.min(50,d.h-4);});
-
- var icon = icon_group.append("image")
- .attr("xlink:href","icons/"+d._def.icon)
- .attr("class","node_icon")
- .attr("x",0)
- .attr("width","30")
- .attr("height","30");
-
- var icon_shade_border = icon_group.append("path")
- .attr("d",function(d) { return "M 30 1 l 0 "+(d.h-2)})
- .attr("class","node_icon_shade_border")
- .attr("stroke-opacity","0.1")
- .attr("stroke","#000")
- .attr("stroke-width","2");
-
- if ("right" == d._def.align) {
- icon_group.attr('class','node_icon_group node_icon_group_'+d._def.align);
- icon_shade_border.attr("d",function(d) { return "M 0 1 l 0 "+(d.h-2)})
- //icon.attr('class','node_icon node_icon_'+d._def.align);
- //icon.attr('class','node_icon_shade node_icon_shade_'+d._def.align);
- //icon.attr('class','node_icon_shade_border node_icon_shade_border_'+d._def.align);
- }
-
- //if (d._def.inputs > 0 && d._def.align == null) {
- // icon_shade.attr("width",35);
- // icon.attr("transform","translate(5,0)");
- // icon_shade_border.attr("transform","translate(5,0)");
- //}
- //if (d._def.outputs > 0 && "right" == d._def.align) {
- // icon_shade.attr("width",35); //icon.attr("x",5);
- //}
-
- var img = new Image();
- img.src = "icons/"+d._def.icon;
- img.onload = function() {
- icon.attr("width",Math.min(img.width,30));
- icon.attr("height",Math.min(img.height,30));
- icon.attr("x",15-Math.min(img.width,30)/2);
- //if ("right" == d._def.align) {
- // icon.attr("x",function(d){return d.w-img.width-1-(d.outputs>0?5:0);});
- // icon_shade.attr("x",function(d){return d.w-30});
- // icon_shade_border.attr("d",function(d){return "M "+(d.w-30)+" 1 l 0 "+(d.h-2);});
- //}
- }
-
- //icon.style("pointer-events","none");
- icon_group.style("pointer-events","none");
- }
- var text = node.append('svg:text').attr('class','node_label').attr('x', 38).attr('dy', '.35em').attr('text-anchor','start');
- if (d._def.align) {
- text.attr('class','node_label node_label_'+d._def.align);
- text.attr('text-anchor','end');
- }
-
- var status = node.append("svg:g").attr("class","node_status_group").style("display","none");
-
- var statusRect = status.append("rect").attr("class","node_status")
- .attr("x",6).attr("y",1).attr("width",9).attr("height",9)
- .attr("rx",2).attr("ry",2).attr("stroke-width","3");
-
- var statusLabel = status.append("svg:text")
- .attr("class","node_status_label")
- .attr('x',20).attr('y',9)
- .style({
- 'stroke-width': 0,
- 'fill': '#888',
- 'font-size':'9pt',
- 'stroke':'#000',
- 'text-anchor':'start'
- });
-
- //node.append("circle").attr({"class":"centerDot","cx":0,"cy":0,"r":5});
-
- if (d._def.inputs > 0) {
- text.attr("x",38);
- node.append("rect").attr("class","port port_input").attr("rx",3).attr("ry",3).attr("x",-5).attr("width",10).attr("height",10)
- .on("mousedown",function(d){portMouseDown(d,1,0);})
- .on("touchstart",function(d){portMouseDown(d,1,0);})
- .on("mouseup",function(d){portMouseUp(d,1,0);} )
- .on("touchend",function(d){portMouseUp(d,1,0);} )
- .on("mouseover",function(d) { var port = d3.select(this); port.classed("port_hovered",(mouse_mode!=RED.state.JOINING || mousedown_port_type != 1 ));})
- .on("mouseout",function(d) { var port = d3.select(this); port.classed("port_hovered",false);})
- }
-
- //node.append("path").attr("class","node_error").attr("d","M 3,-3 l 10,0 l -5,-8 z");
- node.append("image").attr("class","node_error hidden").attr("xlink:href","icons/node-error.png").attr("x",0).attr("y",-6).attr("width",10).attr("height",9);
- node.append("image").attr("class","node_changed hidden").attr("xlink:href","icons/node-changed.png").attr("x",12).attr("y",-6).attr("width",10).attr("height",10);
- });
-
- node.each(function(d,i) {
- if (d.dirty) {
- //if (d.x < -50) deleteSelection(); // Delete nodes if dragged back to palette
- if (d.resize) {
- var l = d._def.label;
- l = (typeof l === "function" ? l.call(d) : l)||"";
- d.w = Math.max(node_width,calculateTextWidth(l)+(d._def.inputs>0?7:0) );
- d.h = Math.max(node_height,(d.outputs||0) * 15);
- }
- var thisNode = d3.select(this);
- //thisNode.selectAll(".centerDot").attr({"cx":function(d) { return d.w/2;},"cy":function(d){return d.h/2}});
- thisNode.attr("transform", function(d) { return "translate(" + (d.x-d.w/2) + "," + (d.y-d.h/2) + ")"; });
- thisNode.selectAll(".node")
- .attr("width",function(d){return d.w})
- .attr("height",function(d){return d.h})
- .classed("node_selected",function(d) { return d.selected; })
- .classed("node_highlighted",function(d) { return d.highlighted; })
- ;
- //thisNode.selectAll(".node-gradient-top").attr("width",function(d){return d.w});
- //thisNode.selectAll(".node-gradient-bottom").attr("width",function(d){return d.w}).attr("y",function(d){return d.h-30});
-
- thisNode.selectAll(".node_icon_group_right").attr('transform', function(d){return "translate("+(d.w-30)+",0)"});
- thisNode.selectAll(".node_label_right").attr('x', function(d){return d.w-38});
- //thisNode.selectAll(".node_icon_right").attr("x",function(d){return d.w-d3.select(this).attr("width")-1-(d.outputs>0?5:0);});
- //thisNode.selectAll(".node_icon_shade_right").attr("x",function(d){return d.w-30;});
- //thisNode.selectAll(".node_icon_shade_border_right").attr("d",function(d){return "M "+(d.w-30)+" 1 l 0 "+(d.h-2)});
-
-
- var numOutputs = d.outputs;
- var y = (d.h/2)-((numOutputs-1)/2)*13;
- d.ports = d.ports || d3.range(numOutputs);
- d._ports = thisNode.selectAll(".port_output").data(d.ports);
- d._ports.enter().append("rect").attr("class","port port_output").attr("rx",3).attr("ry",3).attr("width",10).attr("height",10)
- .on("mousedown",(function(){var node = d; return function(d,i){portMouseDown(node,0,i);}})() )
- .on("touchstart",(function(){var node = d; return function(d,i){portMouseDown(node,0,i);}})() )
- .on("mouseup",(function(){var node = d; return function(d,i){portMouseUp(node,0,i);}})() )
- .on("touchend",(function(){var node = d; return function(d,i){portMouseUp(node,0,i);}})() )
- .on("mouseover",function(d,i) { var port = d3.select(this); port.classed("port_hovered",(mouse_mode!=RED.state.JOINING || mousedown_port_type !== 0 ));})
- .on("mouseout",function(d,i) { var port = d3.select(this); port.classed("port_hovered",false);});
- d._ports.exit().remove();
- if (d._ports) {
- numOutputs = d.outputs || 1;
- y = (d.h/2)-((numOutputs-1)/2)*13;
- var x = d.w - 5;
- d._ports.each(function(d,i) {
- var port = d3.select(this);
- port.attr("y",(y+13*i)-5).attr("x",x);
- });
- }
- thisNode.selectAll('text.node_label').text(function(d,i){
- if (d._def.label) {
- if (typeof d._def.label == "function") {
- return d._def.label.call(d);
- } else {
- return d._def.label;
- }
- }
- return "";
- })
- .attr('y', function(d){return (d.h/2)-1;})
- .attr('class',function(d){
- return 'node_label'+
- (d._def.align?' node_label_'+d._def.align:'')+
- (d._def.labelStyle?' '+(typeof d._def.labelStyle == "function" ? d._def.labelStyle.call(d):d._def.labelStyle):'') ;
- });
- thisNode.selectAll(".node_tools").attr("x",function(d){return d.w-35;}).attr("y",function(d){return d.h-20;});
-
- thisNode.selectAll(".node_changed")
- .attr("x",function(d){return d.w-10})
- .classed("hidden",function(d) { return !d.changed; });
-
- thisNode.selectAll(".node_error")
- .attr("x",function(d){return d.w-10-(d.changed?13:0)})
- .classed("hidden",function(d) { return d.valid; });
-
- thisNode.selectAll(".port_input").each(function(d,i) {
- var port = d3.select(this);
- port.attr("y",function(d){return (d.h/2)-5;})
- });
-
- thisNode.selectAll(".node_icon").attr("y",function(d){return (d.h-d3.select(this).attr("height"))/2;});
- thisNode.selectAll(".node_icon_shade").attr("height",function(d){return d.h;});
- thisNode.selectAll(".node_icon_shade_border").attr("d",function(d){ return "M "+(("right" == d._def.align) ?0:30)+" 1 l 0 "+(d.h-2)});
-
-
- thisNode.selectAll('.node_right_button').attr("transform",function(d){
- var x = d.w-6;
- if (d._def.button.toggle && !d[d._def.button.toggle]) {
- x = x - 8;
- }
- return "translate("+x+",2)";
- });
- thisNode.selectAll('.node_right_button rect').attr("fill-opacity",function(d){
- if (d._def.button.toggle) {
- return d[d._def.button.toggle]?1:0.2;
- }
- return 1;
- });
-
- //thisNode.selectAll('.node_right_button').attr("transform",function(d){return "translate("+(d.w - d._def.button.width.call(d))+","+0+")";}).attr("fill",function(d) {
- // return typeof d._def.button.color === "function" ? d._def.button.color.call(d):(d._def.button.color != null ? d._def.button.color : d._def.color)
- //});
-
- thisNode.selectAll('.node_badge_group').attr("transform",function(d){return "translate("+(d.w-40)+","+(d.h+3)+")";});
- thisNode.selectAll('text.node_badge_label').text(function(d,i) {
- if (d._def.badge) {
- if (typeof d._def.badge == "function") {
- return d._def.badge.call(d);
- } else {
- return d._def.badge;
- }
- }
- return "";
- });
- if (!showStatus || !d.status) {
- thisNode.selectAll('.node_status_group').style("display","none");
- } else {
- thisNode.selectAll('.node_status_group').style("display","inline").attr("transform","translate(3,"+(d.h+3)+")");
- var fill = status_colours[d.status.fill]; // Only allow our colours for now
- if (d.status.shape == null && fill == null) {
- thisNode.selectAll('.node_status').style("display","none");
- } else {
- var style;
- if (d.status.shape == null || d.status.shape == "dot") {
- style = {
- display: "inline",
- fill: fill,
- stroke: fill
- };
- } else if (d.status.shape == "ring" ){
- style = {
- display: "inline",
- fill: '#fff',
- stroke: fill
- }
- }
- thisNode.selectAll('.node_status').style(style);
- }
- if (d.status.text) {
- thisNode.selectAll('.node_status_label').text(d.status.text);
- } else {
- thisNode.selectAll('.node_status_label').text("");
- }
- }
-
- d.dirty = false;
- }
- });
- }
-
- var link = vis.selectAll(".link").data(RED.nodes.links.filter(function(d) { return d.source.z == activeWorkspace && d.target.z == activeWorkspace }),function(d) { return d.source.id+":"+d.sourcePort+":"+d.target.id;});
-
- var linkEnter = link.enter().insert("g",".node").attr("class","link");
-
- linkEnter.each(function(d,i) {
- var l = d3.select(this);
- l.append("svg:path").attr("class","link_background link_path")
- .on("mousedown",function(d) {
- mousedown_link = d;
- clearSelection();
- selected_link = mousedown_link;
- updateSelection();
- redraw();
- d3.event.stopPropagation();
- })
- .on("touchstart",function(d) {
- mousedown_link = d;
- clearSelection();
- selected_link = mousedown_link;
- updateSelection();
- redraw();
- d3.event.stopPropagation();
- });
- l.append("svg:path").attr("class","link_outline link_path");
- l.append("svg:path").attr("class","link_line link_path");
- });
-
- link.exit().remove();
-
- var links = vis.selectAll(".link_path")
- links.attr("d",function(d){
- var numOutputs = d.source.outputs || 1;
- var sourcePort = d.sourcePort || 0;
- var y = -((numOutputs-1)/2)*13 +13*sourcePort;
-
- var dy = d.target.y-(d.source.y+y);
- var dx = (d.target.x-d.target.w/2)-(d.source.x+d.source.w/2);
- var delta = Math.sqrt(dy*dy+dx*dx);
- var scale = lineCurveScale;
- var scaleY = 0;
- if (delta < node_width) {
- scale = 0.75-0.75*((node_width-delta)/node_width);
- }
-
- if (dx < 0) {
- scale += 2*(Math.min(5*node_width,Math.abs(dx))/(5*node_width));
- if (Math.abs(dy) < 3*node_height) {
- scaleY = ((dy>0)?0.5:-0.5)*(((3*node_height)-Math.abs(dy))/(3*node_height))*(Math.min(node_width,Math.abs(dx))/(node_width)) ;
- }
- }
-
- d.x1 = d.source.x+d.source.w/2;
- d.y1 = d.source.y+y;
- d.x2 = d.target.x-d.target.w/2;
- d.y2 = d.target.y;
-
- return "M "+(d.source.x+d.source.w/2)+" "+(d.source.y+y)+
- " C "+(d.source.x+d.source.w/2+scale*node_width)+" "+(d.source.y+y+scaleY*node_height)+" "+
- (d.target.x-d.target.w/2-scale*node_width)+" "+(d.target.y-scaleY*node_height)+" "+
- (d.target.x-d.target.w/2)+" "+d.target.y;
- })
-
- link.classed("link_selected", function(d) { return d === selected_link || d.selected; });
- link.classed("link_unknown",function(d) { return d.target.type == "unknown" || d.source.type == "unknown"});
-
- if (d3.event) {
- d3.event.preventDefault();
- }
- }
-
- RED.keyboard.add(/* z */ 90,{ctrl:true},function(){RED.history.pop();});
- RED.keyboard.add(/* a */ 65,{ctrl:true},function(){selectAll();d3.event.preventDefault();});
- RED.keyboard.add(/* = */ 187,{ctrl:true},function(){zoomIn();d3.event.preventDefault();});
- RED.keyboard.add(/* - */ 189,{ctrl:true},function(){zoomOut();d3.event.preventDefault();});
- RED.keyboard.add(/* 0 */ 48,{ctrl:true},function(){zoomZero();d3.event.preventDefault();});
- RED.keyboard.add(/* v */ 86,{ctrl:true},function(){importNodes(clipboard);d3.event.preventDefault();});
- RED.keyboard.add(/* e */ 69,{ctrl:true},function(){showExportNodesDialog();d3.event.preventDefault();});
- RED.keyboard.add(/* i */ 73,{ctrl:true},function(){showImportNodesDialog();d3.event.preventDefault();});
-
- // TODO: 'dirty' should be a property of RED.nodes - with an event callback for ui hooks
- function setDirty(d) {
- dirty = d;
- if (dirty) {
- $("#btn-deploy").removeClass("disabled");
- } else {
- $("#btn-deploy").addClass("disabled");
- }
- }
-
- /**
- * Imports a new collection of nodes from a JSON String.
- * - all get new IDs assigned
- * - all 'selected'
- * - attached to mouse for placing - 'IMPORT_DRAGGING'
- */
- function importNodes(newNodesStr,touchImport) {
- try {
- var result = RED.nodes.import(newNodesStr,true);
- if (result) {
- var new_nodes = result[0];
- var new_links = result[1];
- var new_workspaces = result[2];
-
- var new_ms = new_nodes.filter(function(n) { return n.z == activeWorkspace }).map(function(n) { return {n:n};});
- var new_node_ids = new_nodes.map(function(n){ return n.id; });
-
- // TODO: pick a more sensible root node
- if (new_ms.length > 0) {
- var root_node = new_ms[0].n;
- var dx = root_node.x;
- var dy = root_node.y;
-
- if (mouse_position == null) {
- mouse_position = [0,0];
- }
-
- var minX = 0;
- var minY = 0;
- var i;
- var node;
-
- for (i=0;i<new_ms.length;i++) {
- node = new_ms[i];
- node.n.selected = true;
- node.n.changed = true;
- node.n.x -= dx - mouse_position[0];
- node.n.y -= dy - mouse_position[1];
- node.dx = node.n.x - mouse_position[0];
- node.dy = node.n.y - mouse_position[1];
- minX = Math.min(node.n.x-node_width/2-5,minX);
- minY = Math.min(node.n.y-node_height/2-5,minY);
- }
- for (i=0;i<new_ms.length;i++) {
- node = new_ms[i];
- node.n.x -= minX;
- node.n.y -= minY;
- node.dx -= minX;
- node.dy -= minY;
- }
- if (!touchImport) {
- mouse_mode = RED.state.IMPORT_DRAGGING;
- }
-
- RED.keyboard.add(/* ESCAPE */ 27,function(){
- RED.keyboard.remove(/* ESCAPE */ 27);
- clearSelection();
- RED.history.pop();
- mouse_mode = 0;
- });
- clearSelection();
- moving_set = new_ms;
- }
-
- RED.history.push({t:'add',nodes:new_node_ids,links:new_links,workspaces:new_workspaces,dirty:RED.view.dirty()});
-
-
- redraw();
- }
- } catch(error) {
- console.log(error.stack);
- RED.notify("<strong>Error</strong>: "+error,"error");
- }
- }
-
- function showExportNodesDialog() {
- mouse_mode = RED.state.EXPORT;
- var nns = RED.nodes.createExportableNodeSet(moving_set);
- $("#dialog-form").html($("script[data-template-name='export-clipboard-dialog']").html());
- $("#node-input-export").val(JSON.stringify(nns));
- $("#node-input-export").focus(function() {
- var textarea = $(this);
- textarea.select();
- textarea.mouseup(function() {
- textarea.unbind("mouseup");
- return false;
- });
- });
- $( "#dialog" ).dialog("option","title","Export nodes to clipboard").dialog( "open" );
- $("#node-input-export").focus();
- }
-
- function showExportNodesLibraryDialog() {
- mouse_mode = RED.state.EXPORT;
- var nns = RED.nodes.createExportableNodeSet(moving_set);
- $("#dialog-form").html($("script[data-template-name='export-library-dialog']").html());
- $("#node-input-filename").attr('nodes',JSON.stringify(nns));
- $( "#dialog" ).dialog("option","title","Export nodes to library").dialog( "open" );
- }
-
- function showImportNodesDialog() {
- mouse_mode = RED.state.IMPORT;
- $("#dialog-form").html($("script[data-template-name='import-dialog']").html());
- $("#node-input-import").val("");
- $( "#dialog" ).dialog("option","title","Import nodes").dialog( "open" );
- }
-
- function showRenameWorkspaceDialog(id) {
- var ws = RED.nodes.workspace(id);
- $( "#node-dialog-rename-workspace" ).dialog("option","workspace",ws);
-
- if (workspace_tabs.count() == 1) {
- $( "#node-dialog-rename-workspace").next().find(".leftButton")
- .prop('disabled',true)
- .addClass("ui-state-disabled");
- } else {
- $( "#node-dialog-rename-workspace").next().find(".leftButton")
- .prop('disabled',false)
- .removeClass("ui-state-disabled");
- }
-
- $( "#node-input-workspace-name" ).val(ws.label);
- $( "#node-dialog-rename-workspace" ).dialog("open");
- }
-
- $("#node-dialog-rename-workspace form" ).submit(function(e) { e.preventDefault();});
- $( "#node-dialog-rename-workspace" ).dialog({
- modal: true,
- autoOpen: false,
- width: 500,
- title: "Rename sheet",
- buttons: [
- {
- class: 'leftButton',
- text: "Delete",
- click: function() {
- var workspace = $(this).dialog('option','workspace');
- $( this ).dialog( "close" );
- deleteWorkspace(workspace.id);
- }
- },
- {
- text: "Ok",
- click: function() {
- var workspace = $(this).dialog('option','workspace');
- var label = $( "#node-input-workspace-name" ).val();
- if (workspace.label != label) {
- workspace.label = label;
- var link = $("#workspace-tabs a[href='#"+workspace.id+"']");
- link.attr("title",label);
- link.text(label);
- RED.view.dirty(true);
- }
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- open: function(e) {
- RED.keyboard.disable();
- },
- close: function(e) {
- RED.keyboard.enable();
- }
- });
- $( "#node-dialog-delete-workspace" ).dialog({
- modal: true,
- autoOpen: false,
- width: 500,
- title: "Confirm delete",
- buttons: [
- {
- text: "Ok",
- click: function() {
- var workspace = $(this).dialog('option','workspace');
- RED.view.removeWorkspace(workspace);
- var historyEvent = RED.nodes.removeWorkspace(workspace.id);
- historyEvent.t = 'delete';
- historyEvent.dirty = dirty;
- historyEvent.workspaces = [workspace];
- RED.history.push(historyEvent);
- RED.view.dirty(true);
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- open: function(e) {
- RED.keyboard.disable();
- },
- close: function(e) {
- RED.keyboard.enable();
- }
-
- });
-
- return {
- state:function(state) {
- if (state == null) {
- return mouse_mode
- } else {
- mouse_mode = state;
- }
- },
- addWorkspace: function(ws) {
- workspace_tabs.addTab(ws);
- workspace_tabs.resize();
- },
- removeWorkspace: function(ws) {
- workspace_tabs.removeTab(ws.id);
- },
- getWorkspace: function() {
- return activeWorkspace;
- },
- showWorkspace: function(id) {
- workspace_tabs.activateTab(id);
- },
- redraw:redraw,
- dirty: function(d) {
- if (d == null) {
- return dirty;
- } else {
- setDirty(d);
- }
- },
- importNodes: importNodes,
- resize: function() {
- workspace_tabs.resize();
- },
- status: function(s) {
- showStatus = s;
- RED.nodes.eachNode(function(n) { n.dirty = true;});
- //TODO: subscribe/unsubscribe here
- redraw();
- },
-
- //TODO: should these move to an import/export module?
- showImportNodesDialog: showImportNodesDialog,
- showExportNodesDialog: showExportNodesDialog,
- showExportNodesLibraryDialog: showExportNodesLibraryDialog
- };
-})();
diff --git a/dgbuilder/public/red/validators.js b/dgbuilder/public/red/validators.js
deleted file mode 100644
index 5e740973..00000000
--- a/dgbuilder/public/red/validators.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.validators = {
- number: function(){return function(v) { return v!=='' && !isNaN(v);}},
- regex: function(re){return function(v) { return re.test(v);}}
-};