Component cleanup (dropping sortable table)

+ remove `sortable-table`
+ remove `sortable-table-header`
+ remove `characteristic-index-row`
+ remove `species-index-row`
+ remove `strain-index-row`

app/pods/characteristics/controller.js

@@ -0,0 +1,6 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  sortParams: ['characteristicType.characteristicTypeName', 'characteristicName'],
+  sortedCharacteristics: Ember.computed.sort('characteristics', 'sortParams'),
+});

app/pods/characteristics/route.js

@@ -8,14 +8,8 @@ export default Ember.Route.extend(AuthenticatedRouteMixin, {
       characteristics: this.store.findAll('characteristic'),
     });
   },
+
   setupController: function(controller, models) {
-    var tableAttrs = [
+    controller.setProperties(models);
-      { name: 'Name', attr: 'characteristicName' },
-      { name: 'Type', attr: 'characteristicType.characteristicTypeName' }
-    ];
-    controller.set('model', models.characteristics);
-    controller.set('tableAttrs', tableAttrs);
-    controller.set('row', 'characteristic-index-row');
-    controller.set('sort', ['characteristicType.characteristicTypeName', 'sortOrder']);
   },
 });

app/pods/characteristics/template.hbs

@@ -1,10 +1,19 @@
 <h2>{{genus-name}} Characteristics</h2>
-<h3>Total characteristics: {{model.length}}</h3>
+<h3>Total characteristics: {{characteristics.length}}</h3>
 
-{{
+<table class="flakes-table">
-  sortable-table
+  <thead>
-  content=model
+    <tr>
-  tableAttrs=tableAttrs
+      <th>Name</th>
-  row=row
+      <th>Type</th>
-  sortProperties=sort
+    </tr>
-}}
+  </thead>
+  <tbody>
+    {{#each sortedCharacteristics as |row|}}
+      <tr>
+        <td>{{row.characteristicName}}</td>
+        <td>{{row.characteristicType.characteristicTypeName}}</td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>

app/pods/components/characteristic-index-row/component.js

@@ -1,5 +0,0 @@
-import Ember from 'ember';
-
-export default Ember.Component.extend({
-  tagName: 'tr',
-});

app/pods/components/characteristic-index-row/template.hbs

@@ -1,6 +0,0 @@
-<td>
-  {{data.characteristicName}}
-</td>
-<td>
-  {{data.characteristicType.characteristicTypeName}}
-</td>

app/pods/components/sortable-table-header/component.js

@@ -1,13 +0,0 @@
-import Ember from 'ember';
-
-export default Ember.Component.extend({
-  tagName: 'th',
-  upArrow: '&#9650',
-  downArrow: '&#9660',
-
-  actions: {
-    sortBy: function(sortProperty, ascending) {
-      this.sendAction('action', sortProperty, ascending);
-    }
-  },
-});

app/pods/components/sortable-table-header/template.hbs

@@ -1,3 +0,0 @@
-{{title}}
-<span {{action 'sortBy' sortProperty true}}>{{{upArrow}}}</span>
-<span {{action 'sortBy' sortProperty false}}>{{{downArrow}}}</span>

app/pods/components/sortable-table/component.js

@@ -1,14 +0,0 @@
-import Ember from 'ember';
-
-export default Ember.Component.extend(Ember.SortableMixin, {
-  tagName: 'table',
-  classNames: ['flakes-table'],
-  sortProperties: [],
-
-  actions: {
-    sortBy: function(property, ascending) {
-      this.set('sortAscending', ascending);
-      this.set('sortProperties', [property]);
-    }
-  },
-});

app/pods/components/sortable-table/template.hbs

@@ -1,13 +0,0 @@
-<thead>
-  <tr>
-    {{#each tableAttrs as |a|}}
-      {{sortable-table-header title=a.name sortProperty=a.attr action="sortBy"}}
-    {{/each}}
-  </tr>
-</thead>
-
-<tbody>
-  {{#each arrangedContent as |item|}}
-    {{component row data=item}}
-  {{/each}}
-</tbody>

app/pods/components/species-index-row/component.js

@@ -1,5 +0,0 @@
-import Ember from 'ember';
-
-export default Ember.Component.extend({
-  tagName: 'tr',
-});

app/pods/components/species-index-row/template.hbs

@@ -1,15 +0,0 @@
-<td>
-  <em>
-    {{#link-to 'species.show' data}}
-      {{data.speciesName}}
-    {{/link-to}}
-  </em>
-</td>
-<td>
-  {{#each data.strains as |strain index|}}
-    {{if index ","}}
-    {{#link-to 'strains.show' strain.id}}
-      {{{strain.strainNameMU}}}
-    {{/link-to}}
-  {{/each}}
-</td>

app/pods/components/strain-index-row/component.js

@@ -1,5 +0,0 @@
-import Ember from 'ember';
-
-export default Ember.Component.extend({
-  tagName: 'tr',
-});

app/pods/components/strain-index-row/template.hbs

@@ -1,8 +0,0 @@
-<td>
-  {{#link-to 'strains.show' data.id classBinding="data.typeStrain:type-strain"}}
-    {{data.fullNameMU}}
-  {{/link-to}}
-</td>
-<td>
-  {{data.totalMeasurements}}
-</td>

app/pods/species/index/controller.js

@@ -0,0 +1,6 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  sortParams: ['speciesName', 'strainCount'],
+  sortedSpecies: Ember.computed.sort('species', 'sortParams'),
+});

app/pods/species/index/route.js

@@ -3,16 +3,12 @@ import AuthenticatedRouteMixin from 'simple-auth/mixins/authenticated-route-mixi
 
 export default Ember.Route.extend(AuthenticatedRouteMixin, {
   model: function() {
-    return this.store.findAll('species');
+    return Ember.RSVP.hash({
+      species: this.store.findAll('species'),
+    });
   },
+
   setupController: function(controller, model) {
-    var tableAttrs = [
+    controller.setProperties(model);
-      { name: 'Name', attr: 'speciesName' },
-      { name: 'Strains', attr: 'totalStrains' }
-    ];
-    controller.set('model', model);
-    controller.set('tableAttrs', tableAttrs);
-    controller.set('row', 'species-index-row');
-    controller.set('sort', ['sortOrder']);
   },
 });

app/pods/species/index/template.hbs

@@ -1,12 +1,34 @@
 <h2>{{genus-name}} Species</h2>
-<h3>Total species: {{model.length}}</h3>
+<h3>Total species: {{species.length}}</h3>
 
 {{add-button label="Add Species" link="species.new"}}
 
-{{
+<table class="flakes-table">
-  sortable-table
+  <thead>
-  content=model
+    <tr>
-  tableAttrs=tableAttrs
+      <th>Name</th>
-  row=row
+      <th>Strains</th>
-  sortProperties=sort
+    </tr>
-}}
+  </thead>
+  <tbody>
+    {{#each sortedSpecies as |row|}}
+      <tr>
+        <td>
+          <em>
+            {{#link-to 'species.show' row}}
+              {{row.speciesName}}
+            {{/link-to}}
+          </em>
+        </td>
+        <td>
+          {{#each row.strains as |strain index|}}
+            {{if index ","}}
+            {{#link-to 'strains.show' strain.id}}
+              {{{strain.strainNameMU}}}
+            {{/link-to}}
+          {{/each}}
+        </td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>

app/pods/strains/index/controller.js

@@ -0,0 +1,6 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  sortParams: ['fullNameMU', 'totalMeasurements'],
+  sortedStrains: Ember.computed.sort('strains', 'sortParams'),
+});

app/pods/strains/index/route.js

@@ -3,16 +3,12 @@ import AuthenticatedRouteMixin from 'simple-auth/mixins/authenticated-route-mixi
 
 export default Ember.Route.extend(AuthenticatedRouteMixin, {
   model: function() {
-    return this.store.findAll('strain');
+    return Ember.RSVP.hash({
+      strains: this.store.findAll('strain'),
+    });
   },
+
   setupController: function(controller, model) {
-    var tableAttrs = [
+    controller.setProperties(model);
-      { name: 'Name', attr: 'fullNameMU' },
-      { name: 'Total Measurements', attr: 'totalMeasurements' }
-    ];
-    controller.set('model', model);
-    controller.set('tableAttrs', tableAttrs);
-    controller.set('row', 'strain-index-row');
-    controller.set('sort', ['sortOrder']);
   },
 });

app/pods/strains/index/template.hbs

@@ -1,12 +1,27 @@
 <h2>{{genus-name}} Strains</h2>
-<h3>Total strains: {{model.length}}</h3>
+<h3>Total strains: {{strains.length}}</h3>
 
 {{add-button label="Add Strain" link="strains.new"}}
 
-{{
+<table class="flakes-table">
-  sortable-table
+  <thead>
-  content=model
+    <tr>
-  tableAttrs=tableAttrs
+      <th>Species</th>
-  row=row
+      <th>Total Measurements</th>
-  sortProperties=sort
+    </tr>
-}}
+  </thead>
+  <tbody>
+    {{#each sortedStrains as |row|}}
+      <tr>
+        <td>
+          {{#link-to 'strains.show' row.id classBinding="data.typeStrain:type-strain"}}
+            {{row.fullNameMU}}
+          {{/link-to}}
+        </td>
+        <td>
+          {{row.totalMeasurements}}
+        </td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>