Migrate to index template...

Author: Robert Jackson

app/controllers/application.js renamed to app/controllers/index.js

@@ -1,4 +1,8 @@
 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() {
@@ -16,6 +20,16 @@ export default Ember.Controller.extend({
       };
 
       reader.readAsText(event.target.files[0]);
+    },
+
+    useSample() {
+      fetch(SAMPLE_DATA)
+        .then((response) => {
+          return response.json();
+        })
+        .then((response) => {
+          this.set('graphData', response);
+        });
     }
   }
 });

app/templates/application.hbs

@@ -1,8 +1 @@
-<input type="file" onchange={{action 'parseFile'}}>
-
-{{basic-tree graphData=graphData}}
-
-{{! useful for testing... }}
-{{! basic-tree graphPath="/broccoli-viz-files/initial-build-canary-20161220.json"}}
-
 {{outlet}}

app/templates/index.hbs

@@ -0,0 +1,14 @@
+<form>
+  <div>
+    <label for="file-upload">Upload the output of <code>BROCCOLI_VIZ=1 ember build</code>:</label>
+    <input name="file-upload" type="file" onchange={{action 'parseFile'}}>
+  </div>
+  <div>
+    <button {{action 'useSample'}}>Display sample</button>
+  </div>
+</form>
+
+{{! basic-tree graphData=graphData}}
+
+{{! useful for testing... }}
+{{ basic-tree graphData=graphData}}