Add events show

app/router.js

@@ -6,7 +6,9 @@ var Router = Ember.Router.extend({
 });
 
 Router.map(function() {
-  this.route('events');
+  this.route('events', function() {
+    this.route('show', { path: '/:id' });
+  });
 });
 
 export default Router;

app/routes/events/show.js

@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model: function(params) {
+    return this.store.find('event', params.id);
+  }
+});

app/styles/app.scss

@@ -12,6 +12,6 @@ body, html {
   float: left;
 }
 
-.events {
+ul {
   list-style: none;
 }

app/templates/events.hbs

@@ -1,6 +1,13 @@
-<ul class="events">
-  {{#each event in model}}
-    <li>{{event.description}}</li>
-  {{/each}}
-</ul>
-{{outlet}}
+<div class="row">
+  <div class="column">
+    <ul>
+      {{#each event in model}}
+        <li>{{#link-to 'events.show' event}}{{event.description}}{{/link-to}}</li>
+      {{/each}}
+    </ul>
+  </div>
+  <div class="column">
+    {{outlet}}
+  </div>
+</div>
+

app/templates/events/show.hbs

@@ -0,0 +1,6 @@
+<ul>
+  {{#each request in model.requests}}
+    <li>{{request.requestUrl}}</li>
+  {{/each}}
+</ul>
+{{outlet}}

tests/unit/routes/events/show-test.js

@@ -0,0 +1,14 @@
+import {
+  moduleFor,
+  test
+} from 'ember-qunit';
+
+moduleFor('route:events/show', 'EventsShowRoute', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function() {
+  var route = this.subject();
+  ok(route);
+});