application.js

import DS from 'ember-data';
import config from '../config/environment';

export default DS.LSAdapter.extend({
  namespace: config.modulePrefix
});

document.js

import DS from 'ember-data';

export default DS.Model.extend({
  name: DS.attr('string'),
  text: DS.attr('string'),
  created: DS.attr('date')
});

documents-index.hbs

<h3 class="huge-placeholder-text">Create a new document or select one from the list.</h3>

documents.hbs

<div class="container">
  <div class="row">
    <div class="col-sm-3">
      {{#link-to 'documents.new' class="btn btn-default btn-create-document"}}Create Document{{/link-to}}
      <hr>
      <div class="list-group">
        {{#each document in controller}}
          {{#link-to 'document' document class="list-group-item"}}
            <h4 class="list-group-item-heading">{{document.name}}</h4>
            <p class="list-group-item-text">Created {{date-relative document.created}}</p>
          {{/link-to}}
        {{/each}}
      </div>
    </div>
    <div class="col-sm-9">
      {{outlet}}
    </div>
  </div>
</div>

documents.js

import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    return this.store.find('document');
  }
});