beginning of choosing index for element added with doubleclick

Author: jasonford

src/TreeChart.js

@@ -22,7 +22,15 @@ let TreeChart = React.createClass({
     //  add event listeners
     let self = this;
     this.refs.root.addEventListener('doubletap', function (event) {
-      self.addElement();
+      //  TODO: get index of child at position and before and after to choose index for new child
+      if (event.childPosition.x > 0.5) {
+        console.log('add right');
+        self.addElement(1);
+      }
+      else {
+        console.log('add left');
+        self.addElement(-1);
+      }
     });
   },
   addElement(index) {

src/TreeChartChild.js

@@ -17,8 +17,16 @@ let TreeChartChild = React.createClass({
   componentDidMount: function () {
     let self = this;
     //  add event listeners
+    this.refs.root.addEventListener("doubletap", (event)=>{
+      //  send info about self to parent
+      event.childKey = self.state.element['.key'];
+      let br = self.refs.root.getBoundingClientRect();
+      event.childPosition = { //  normalized
+        x : (event.x - br.left) / br.width,
+        y : (event.y - br.top ) / br.height
+      };
+    });
     this.refs.root.addEventListener("dragone", (event)=>{
-      console.log('dragging')
       self.refs.root.style.transform = 'translate(' + event.tx + 'px,'+ event.ty + 'px)'
     });
     this.refs.root.addEventListener("drop", (event)=>{