Sortable table component

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

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

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

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