move methods to their own route but keep an index of them

on the class page

Author: Stanley Stuart

app/app.js

@@ -1,6 +1,6 @@
 import Ember from 'ember';
 import Resolver from './resolver';
-import loadInitializers from 'ember/load-initializers';
+import loadInitializers from 'ember-load-initializers';
 import config from './config/environment';
 
 let App;

app/models/class.js

@@ -1,4 +1,5 @@
 import DS from 'ember-data';
+import Ember from 'ember';
 
 const {attr, belongsTo} = DS;
 
@@ -8,4 +9,10 @@ export default DS.Model.extend({
   description: attr(),
   ogDescription: attr(),
   parentClass: belongsTo('class', {async: true, inverse: null}),
+  projectVersion: belongsTo('project-version'),
+  // hack until i add this data to cloudant
+  project: Ember.computed('projectVersion.id', function() {
+    let id = this.get('projectVersion.id').split('-').slice(0, -1).join('-');
+    return this.store.peekRecord('project', id);
+  })
 });

app/router.js

@@ -9,7 +9,11 @@ Router.map(function() {
   this.route('project', {path: '/:project'});
   this.route('project-version', {path: '/:project/:project_version'}, function() {
     this.route('classes-redirect', {path: '/classes'});
-    this.route('class', {path: '/classes/:class'});
+    this.route('class', {path: '/classes/:class'}, function() {
+      this.route('methods', {resetNamespace: true}, function() {
+        this.route('method', {path: '/:method'});
+      });
+    });
   });
 });
 

app/templates/methods.hbs

@@ -0,0 +1,22 @@
+{{#each model.methods as |method|}}
+  <section class="method">
+    <h3>
+      <span class="method-name">{{method.name}}</span>
+      {{#if method.params}}
+        <span class="args">
+          ({{join ", " (map-by "name" method.params)}})
+        </span>
+      {{/if}}
+    </h3>
+    <dl class="parameters">
+      {{#each method.params as |param|}}
+        <div class="parameter">
+          <dt>{{param.name}}</dt>
+          <dd>{{param.type}}</dd>
+          <dd>{{param.description}}</dd>
+        </div>
+      {{/each}}
+    </dl>
+    {{{method.description}}}
+  </section>
+{{/each}}

app/templates/project-version/class.hbs

@@ -5,36 +5,17 @@
   <section>
     <h2>Methods</h2>
 
-    <ul>
+    <ul class="spec-method-list">
       {{#each model.methods as |method|}}
         <li>
-          {{method.name}}
+          {{#link-to 'methods.method' model.project.id model.projectVersion.version model.name method.name}}
+            {{method.name}}
+          {{/link-to}}
         </li>
       {{/each}}
     </ul>
   </section>
 
-  {{#each model.methods as |method|}}
-    <section class="method">
-      <h3>
-        <span class="method-name">{{method.name}}</span>
-        {{#if method.params}}
-          <span class="args">
-            ({{join ", " (map-by "name" method.params)}})
-          </span>
-        {{/if}}
-      </h3>
-      <dl class="parameters">
-        {{#each method.params as |param|}}
-          <div class="parameter">
-            <dt>{{param.name}}</dt>
-            <dd>{{param.type}}</dd>
-            <dd>{{param.description}}</dd>
-          </div>
-        {{/each}}
-      </dl>
-      {{{method.description}}}
-    </section>
-  {{/each}}
+  {{outlet}}
 
 </article>

tests/acceptance/methods-test.js

@@ -0,0 +1,16 @@
+import moduleForAcceptance from 'ember-api-docs/tests/helpers/module-for-acceptance';
+import {test} from 'qunit';
+import $ from 'jquery';
+
+moduleForAcceptance('Methods', {
+  beforeEach() {
+    return visit('/ember/1.0.0/classes/Container');
+  }
+});
+
+test('lists all the methods on the class page', function (assert) {
+  const store = this.application.__container__.lookup('service:store');
+  const container = store.peekRecord('class', 'ember-1.0.0-Container');
+  assert.equal($(findWithAssert('.spec-method-list li')).length, container.get('methods.length'));
+});
+