Save/restore tabs

public/index.html

@@ -121,7 +121,7 @@
     </div><!-- /palette -->
 
     <div id="workspace">
-        <ul id="workspace-tabs"><li><a href="#tab-0">main</a></li></ul>
+        <ul id="workspace-tabs"></ul>
         <div id="chart"></div>
     </div>
 

public/red/nodes.js

@@ -21,12 +21,20 @@ RED.nodes = function() {
     var configNodes = {};
     var links = [];
     
+    var defaultWorkspace;
+    var workspaces = {};
+    
+    
     function registerType(nt,def) {
         node_defs[nt] = def;
         // TODO: too tightly coupled into palette UI 
         RED.palette.add(nt,def);
     }
     
+    function getID() {
+        return (1+Math.random()*4294967295).toString(16);
+    }
+    
     function getType(type) {
         return node_defs[type];
     }
@@ -87,6 +95,10 @@ RED.nodes = function() {
         }
     }
     
+    function addWorkspace(ws) {
+        workspaces[ws.id] = ws;
+    }
+    
     function getAllFlowNodes(node) {
         var visited = {};
         visited[node.id] = true;
@@ -167,6 +179,9 @@ RED.nodes = function() {
     //TODO: rename this (createCompleteNodeSet)
     function createCompleteNodeSet() {
         var nns = [];
+        for (var i in workspaces) {
+            nns.push(workspaces[i]);
+        }
         for (var i in configNodes) {
             nns.push(convertNode(configNodes[i]));
         }
@@ -194,12 +209,27 @@ RED.nodes = function() {
             }
             for (var i in newNodes) {
                 var n = newNodes[i];
-                if (!getType(n.type)) {
+                if (n.type != "workspace" && !getType(n.type)) {
                     // TODO: get this UI thing out of here! (see below as well)
                     RED.notify("<strong>Failed to import nodes</strong>: unrecognised type '"+n.type+"'","error");
                     return null;
                 }
             }
+            for (var i in newNodes) {
+                var n = newNodes[i];
+                if (n.type === "workspace") {
+                    if (defaultWorkspace == null) {
+                        defaultWorkspace = n;
+                    }
+                    addWorkspace(n);
+                    RED.view.addWorkspace(n);
+                }
+            }
+            if (defaultWorkspace == null) {
+                defaultWorkspace = { type:"workspace", id:getID(), label:"default" };
+                addWorkspace(defaultWorkspace);
+                RED.view.addWorkspace(defaultWorkspace);
+            }
             
             var node_map = {};
             var new_nodes = [];
@@ -207,6 +237,7 @@ RED.nodes = function() {
             
             for (var i in newNodes) {
                 var n = newNodes[i];
+                if (n.type !== "workspace") {
                     var def = getType(n.type);
                     if (def && def.category == "config") {
                         if (!RED.nodes.node(n.id)) {
@@ -219,14 +250,15 @@ RED.nodes = function() {
                             RED.nodes.add(configNode);
                         }
                     } else {
-                    if (n.z == null) {
-                        n.z = 0;
-                    }
                         var node = {x:n.x,y:n.y,z:n.z,type:0,wires:n.wires};
                         if (createNewIds) {
-                        node.id = (1+Math.random()*4294967295).toString(16);
+                            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;
@@ -257,6 +289,7 @@ RED.nodes = function() {
                         new_nodes.push(node);
                     }
                 }
+            }
             for (var i in new_nodes) {
                 var n = new_nodes[i];
                 for (var w1 in n.wires) {
@@ -288,6 +321,7 @@ RED.nodes = function() {
         addLink: addLink,
         remove: removeNode,
         removeLink: removeLink,
+        addWorkspace: addWorkspace,
         eachNode: function(cb) {
             for (var n in nodes) {
                 cb(nodes[n]);
@@ -309,6 +343,7 @@ RED.nodes = function() {
         getAllFlowNodes: getAllFlowNodes,
         createExportableNodeSet: createExportableNodeSet,
         createCompleteNodeSet: createCompleteNodeSet,
+        id: getID,
         nodes: nodes, // TODO: exposed for d3 vis
         links: links  // TODO: exposed for d3 vis
     };

public/red/ui/tabs.js

@@ -72,6 +72,10 @@ RED.tabs = function() {
                 if (options.onadd) {
                     options.onadd(tab);
                 }
+                link.attr("title",tab.label);
+                if (ul.find("li.red-ui-tab").size() == 1) {
+                    activateTab(link);
+                }
             },
             activateTab: activateTab,
             resize: updateTabWidths

public/red/ui/view.js

@@ -70,8 +70,7 @@ RED.view = function() {
     var workspace_tabs = RED.tabs.create({
         id: "workspace-tabs",
         onchange: function(id) {
-            console.log(id);
+            RED.view.setWorkspace(id.slice(1));
-            RED.view.setWorkspace(id.split("-")[1]);
         },
         ondblclick: function(id) {
             console.log("DC:",id);
@@ -87,15 +86,13 @@ RED.view = function() {
             $('#workspace-menu-list').append(menuli);
         }
     });
-    workspace_tabs.addTab({id:"tab-1",label:"Workspace 1"});
-    workspace_tabs.addTab({id:"tab-2",label:"Workspace 2"});
-    workspace_tabs.addTab({id:"tab-3",label:"Workspace 3"});
-    workspace_tabs.addTab({id:"tab-4",label:"Workspace 4"});
     
     $('#btn-workspace-add').on("click",function() {
-        var id = Math.floor(Math.random()*2000);
+        var tabId = RED.nodes.id();
-        workspace_tabs.addTab({id:"tab-"+id,label:"Workspace "+id});
+        var ws = {type:"workspace",id:tabId,label:"Workspace "+tabId};
-        workspace_tabs.activateTab("tab-"+id);
+        RED.nodes.addWorkspace(ws);
+        workspace_tabs.addTab(ws);
+        workspace_tabs.activateTab(tabId);
     });
     
     
@@ -454,6 +451,7 @@ RED.view = function() {
 
         table += "<tr><td>Type</td><td>&nbsp;"+node.type+"</td></tr>";
         table += "<tr><td>ID</td><td>&nbsp;"+node.id+"</td></tr>";
+        table += "<tr><td>WS</td><td>&nbsp;"+node.z+"</td></tr>";
         table += '<tr class="blank"><td colspan="2">&nbsp;Properties</td></tr>';
         for (var n in node._def.defaults) {
             if ((n != "func")&&(n != "template")) {
@@ -994,6 +992,13 @@ RED.view = function() {
                 mouse_mode = state;
             }
         },
+        addWorkspace: function(ws) {
+            workspace_tabs.addTab(ws);
+            workspace_tabs.resize();
+        },
+        getWorkspace: function() {
+            return activeWorkspace;
+        },
         setWorkspace: function(z) {
             activeWorkspace = z;
             clearSelection();

red/nodes.js

@@ -292,10 +292,12 @@ var parseConfig = function() {
     missingTypes = [];
     for (var i in activeConfig) {
         var type = activeConfig[i].type;
+        if (type != "workspace") {
             var nt = node_type_registry.get(type);
             if (!nt && missingTypes.indexOf(type) == -1) {
                 missingTypes.push(type);
             }
+        }
     };
     if (missingTypes.length > 0) {
         util.log("[red] Waiting for missing types to be registered:");
@@ -309,6 +311,7 @@ var parseConfig = function() {
     events.emit("nodes-starting");
     for (var i in activeConfig) {
         var nn = null;
+        if (activeConfig[i].type != "workspace") {
             var nt = node_type_registry.get(activeConfig[i].type);
             if (nt) {
                 try {
@@ -323,6 +326,7 @@ var parseConfig = function() {
                 util.log("[red] unknown type: "+activeConfig[i].type);
             }
         }
+    }
     // Clean up any orphaned credentials
     var deletedCredentials = false;
     for (var c in credentials) {