added todo

Author: jasonford

TODO.txt

@@ -0,0 +1,11 @@
+  doubleclick to add in place
+  drop to move to place
+  edit metadata of element after holding it
+  tap child to focus completely
+  update breadcrumbs
+  clicking breadcrumbs refocuses
+  add child types:
+    TreeChart
+    Progress
+    Link
+    HTML

src/TreeChart.js

@@ -3,47 +3,9 @@ import firebase from 'firebase';
 import ReactFireMixin from 'reactfire';
 import BreadCrumbs from './BreadCrumbs.js';
 import TreeChartChild from './TreeChartChild.js';
+import makeRows from './makeRows.js'
 import './TreeChart.css';
 
-function makeRows(items) {
-  //  get total importance so we have a metric for the average row importance
-  let totalImportance = 0;
-  items.forEach((item)=>{
-    totalImportance += item.importance;
-  });
-
-  //  for a square viewport, ideally a the square of the total importance will be the average importance of a row
-  let averageRowImportance = Math.pow(totalImportance, 1/2)
-
-  let currentRow = {
-    importance : 0,
-    height : 0,
-    columns : []
-  };
-
-  let rows = [currentRow];
-  items.forEach((item, index) => {
-    
-    // add item to row and update row properties
-    currentRow.columns.push(item);
-    currentRow.importance += item.importance;
-    currentRow.totalImportance = totalImportance;
-    currentRow.height = currentRow.importance/totalImportance*100 + '%';
-
-    //  decide to advance to next row or not
-    //  biased toward accepting more on a row (screens usually wider than tall)
-    if (currentRow.importance > averageRowImportance && index < items.length - 1) {
-      currentRow = {
-        importance : 0,
-        columns : [],
-        height : 0
-      }
-      rows.push(currentRow);
-    }
-  });
-  return rows;
-}
-
 let TreeChart = React.createClass({
   mixins : [ReactFireMixin],
   componentWillMount() {

src/makeRows.js

@@ -0,0 +1,40 @@
+function makeRows(items) {
+  //  get total importance so we have a metric for the average row importance
+  let totalImportance = 0;
+  items.forEach((item)=>{
+    totalImportance += item.importance;
+  });
+
+  //  for a square viewport, ideally a the square of the total importance will be the average importance of a row
+  let averageRowImportance = Math.pow(totalImportance, 1/2)
+
+  let currentRow = {
+    importance : 0,
+    height : 0,
+    columns : []
+  };
+
+  let rows = [currentRow];
+  items.forEach((item, index) => {
+    
+    // add item to row and update row properties
+    currentRow.columns.push(item);
+    currentRow.importance += item.importance;
+    currentRow.totalImportance = totalImportance;
+    currentRow.height = currentRow.importance/totalImportance*100 + '%';
+
+    //  decide to advance to next row or not
+    //  biased toward accepting more on a row (screens usually wider than tall)
+    if (currentRow.importance > averageRowImportance && index < items.length - 1) {
+      currentRow = {
+        importance : 0,
+        columns : [],
+        height : 0
+      }
+      rows.push(currentRow);
+    }
+  });
+  return rows;
+}
+
+export default makeRows;