bttf · January 19, 2016 03:23 · Jan 19, 2016 · Jan 19, 2016
diff --git a/application.controller.js b/application.controller.js
@@ -1,5 +1,12 @@
 import Ember from 'ember';
 
 export default Ember.Controller.extend({
-  appName:'Ember Twiddle'
+  appName:'Ember Twiddle',
+  groups: [{
+    id: 1,
+  }, {
+    id: 2,
+  }, {
+    id: 3
+  }],
 });
diff --git a/application.template.hbs b/application.template.hbs
@@ -1,6 +1,9 @@
 <h1>Welcome to {{appName}}</h1>
-<br>
-<br>
-{{outlet}}
-<br>
-<br>
+
+<hr>
+
+{{group-list groups=groups}}
+
+<hr>
+
+{{outlet}}
diff --git a/group-list.component.js b/group-list.component.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+});
diff --git a/group-list.template.hbs b/group-list.template.hbs
@@ -0,0 +1,7 @@
+{{#each groups as |group|}}
+  {{#link-to 'groups.requests' group.id}}
+  Group #{{group.id}}
+  {{/link-to}}
+  <br>
+
+{{/each}}
diff --git a/groups.requests.route.js b/groups.requests.route.js
@@ -0,0 +1,12 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model() {
+    return new Ember.RSVP.Promise(function(resolve) {
+      Ember.run.later(resolve, {}, 2000);
+    });
+  },
+  renderTemplate() {
+    this.render('requests');
+  },
+});
diff --git a/groups.requests.template.hbs b/groups.requests.template.hbs
@@ -0,0 +1 @@
+<h2>Requests</h2>
diff --git a/groups.route.js b/groups.route.js
@@ -0,0 +1,9 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model(params) {
+    return {
+      id: params.id
+    }
+  },
+});
diff --git a/groups.template.hbs b/groups.template.hbs
@@ -0,0 +1,3 @@
+<h1>Home of Group #{{model.id}}</h1>
+<hr>
+{{outlet}}
diff --git a/loading.template.hbs b/loading.template.hbs
@@ -0,0 +1 @@
+Loading...
diff --git a/requests.template.hbs b/requests.template.hbs
@@ -0,0 +1 @@
+Top-levelrequests
diff --git a/router.js b/router.js
@@ -6,7 +6,9 @@ const Router = Ember.Router.extend({
 });
 
 Router.map(function() {
-  this.route('groups', { path: '/groups/:id' });
+  this.route('groups', { path: '/groups/:id' }, function() {
+    this.route('requests');
+  });
 });
 
 export default Router;
diff --git a/styles.app.css b/styles.app.css
@@ -0,0 +1,10 @@
+body {
+  margin: 12px 16px;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 12pt;
+}
+
+.active {
+  font-weight: bold;
+  color: green;
+}
diff --git a/application.controller.js b/application.controller.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName:'Ember Twiddle'
+});
diff --git a/application.template.hbs b/application.template.hbs
@@ -0,0 +1,6 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+{{outlet}}
+<br>
+<br>
diff --git a/router.js b/router.js
@@ -0,0 +1,12 @@
+import Ember from 'ember';
+import config from './config/environment';
+
+const Router = Ember.Router.extend({
+  location: config.locationType
+});
+
+Router.map(function() {
+  this.route('groups', { path: '/groups/:id' });
+});
+
+export default Router;
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,15 @@
+{
+  "version": "0.5.0",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
+    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember.debug.js",
+    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.2.0/ember-data.js",
+    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember-template-compiler.js"
+  }
+}