UI: allow preset positions in db for network layout

topogram · Oct 4, 2017 · 3e96aa9 · 3e96aa9
1 parent 6156b40
commit 3e96aa9
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/imports/client/reducers/nodes.js b/imports/client/reducers/nodes.js
@@ -28,6 +28,7 @@ export function nodes(state = initialState, action) {
       .map(d => JSON.parse(JSON.stringify(d)))
       .map( (n,i) => {
         n.data.i = i // add index as reference
+        n.storedPosition = Object.assign({}, n.position) // backup position from the db
         return n
       })
 

diff --git a/imports/client/ui/components/network/Cytoscape.jsx b/imports/client/ui/components/network/Cytoscape.jsx
@@ -59,14 +59,20 @@ class Cytoscape extends Component {
   applyLayout(layoutName) {
     const layoutConfig = {
       name : layoutName,
-      animate: false,
+      animate: false
     }
 
     if (layoutName == 'spread') {
       layoutConfig.minDist= 50  // Minimum distance between nodes
       layoutConfig.padding= 80  // Padding
     }
 
+    if (layoutName == 'preset') {
+      const {nodes} = this.props.elements
+      // get positions from the db
+      layoutConfig.positions = (n) => (nodes[n.data('i')].storedPosition)
+    }
+
     this.cy.layout(layoutConfig)
   }
 

diff --git a/imports/client/ui/components/networkOptions/NetworkOptions.jsx b/imports/client/ui/components/networkOptions/NetworkOptions.jsx
@@ -5,6 +5,7 @@ import MenuItem from 'material-ui/MenuItem'
 import ArrowDropRight from 'material-ui/svg-icons/navigation-arrow-drop-right'
 
 const layouts = [
+  'preset',
   'cose', // uncaught 'prototype' Error
   'spread', // CPU overhead
   'random',