Merge pull request #1 from rwjblue/add-ghost-sample

Add ghost sample data.

Author: rwjblue

app/components/basic-tree.js

@@ -53,7 +53,10 @@ export default Ember.Component.extend({
   },
 
   drawTree(data) {
-    let svg = select(this.element.querySelector('.svg-container'))
+    let svgContainer = this.element.querySelector('.svg-container');
+    svgContainer.innerHTML = '';
+
+    let svg = select(svgContainer)
         .append("svg")
         .attr("preserveAspectRatio", "xMinYMin meet")
         .attr("viewBox", "0 0 300 300")
@@ -199,7 +202,6 @@ export default Ember.Component.extend({
     update(root);
 
     let zoomHandler = zoom()
-      .scaleExtent([0.05, 3])
       .on("zoom", () => {
         g.attr("transform", event.transform);
       });

app/controllers/index.js

@@ -2,8 +2,6 @@ import Ember from 'ember';
 import fetch from "ember-network/fetch";
 import config from '../config/environment';
 
-const SAMPLE_DATA = config.rootURL + 'broccoli-viz-files/initial-build-canary-20161220.json';
-
 export default Ember.Controller.extend({
   init() {
     this._super(...arguments);
@@ -16,14 +14,14 @@ export default Ember.Controller.extend({
       let reader = new FileReader();
       reader.onload = (e) => {
         var contents = e.target.result;
-        this.set('graphData', contents);
+        this.set('graphData', JSON.parse(contents));
       };
 
       reader.readAsText(event.target.files[0]);
     },
 
-    useSample() {
-      fetch(SAMPLE_DATA)
+    useSample(url) {
+      fetch(url)
         .then((response) => {
           return response.json();
         })

app/templates/index.hbs

@@ -4,7 +4,11 @@
     <input name="file-upload" type="file" onchange={{action 'parseFile'}}>
   </div>
   <div>
-    <button {{action 'useSample'}}>Display sample</button>
+    <select onchange={{action 'useSample' value="target.value"}}>
+      <option selected disabled>Choose sample file</option>
+      <option value="./broccoli-viz-files/initial-build-canary-20161220.json">Empty Project - 2016-12-20</option>
+      <option value="./broccoli-viz-files/ghost-initial-build-canary-ember-cli-20161222.json">Ghost Admin Client - 2016-12-22</option>
+    </select>
   </div>
 </form>