ENH: Simple collection details (#27)

app/components/collection-detail-container.js

@@ -0,0 +1,18 @@
+import Ember from 'ember';
+
+const { Component } = Ember;
+
+export default Component.extend({
+  // ARGS
+  model: null,
+
+  columns: [
+    { label: 'Project', valuePath: 'project.name', },
+    { label: 'Study Location', valuePath: 'studyLocation.code', },
+    { label: 'Method', valuePath: 'collectionMethod.code', },
+    { label: 'Type', valuePath: 'collectionType.name', },
+    { label: '# of Traps', valuePath: 'numberOfTraps', },
+    { label: 'Start', valuePath: 'startDateTime', },
+    { label: 'End', valuePath: 'endDateTime', },
+  ],
+});

app/controllers/collections/index.js

@@ -10,5 +10,8 @@ export default Controller.extend({
     changePage(page) {
       this.set('page', page);
     },
+    rowClick(row) {
+      this.transitionToRoute('collections.detail', row.get('id'));
+    },
   },
 });

app/router.js

@@ -9,7 +9,9 @@ const Router = Ember.Router.extend({
 Router.map(function() {
   this.route('login');
   this.route('logout');
-  this.route('collections');
+  this.route('collections', function() {
+    this.route('detail', { path: '/:collection_id' });
+  });
 });
 
 export default Router;

app/routes/collections/detail.js

@@ -0,0 +1,11 @@
+import Ember from 'ember';
+
+const { Route, RSVP } = Ember;
+
+export default Route.extend({
+  model(params) {
+    return RSVP.all([
+      this.get('store').findRecord('collection', params.collection_id)
+    ]);
+  },
+});

app/templates/collections.hbs

@@ -1 +0,0 @@
-{{collections-container model=model changePage=(action 'changePage')}}

app/templates/collections/detail.hbs

@@ -0,0 +1 @@
+{{collection-detail-container model=model}}

app/templates/collections/index.hbs

@@ -0,0 +1,6 @@
+{{
+  collections-container
+  model=model
+  changePage=(action 'changePage')
+  onRowClick=(action 'rowClick')
+}}

app/templates/components/ccdb-table.hbs

@@ -1,12 +1,12 @@
 {{#if hasBlock}}
   {{yield (hash
-    table=(component 'light-table' table=table)
-    pagination=(component 'ccdb-pagination' model=model changePage=(action changePage))
+    grid=(component 'light-table' table=table onRowClicked=(action (optional onRowClicked)))
+    pagination=(component 'ccdb-pagination' model=model changePage=(action (optional changePage)))
   )}}
 {{else}}
-  {{ccdb-pagination model=model changePage=(action changePage)}}
+  {{ccdb-pagination model=model changePage=(action (optional changePage))}}
   {{#light-table table tableClassNames="table table-striped" as |t|}}
     {{t.head}}
-    {{t.body}}
+    {{t.body onRowClick=(action (optional onRowClick))}}
   {{/light-table}}
 {{/if}}

app/templates/components/collection-detail-container.hbs

@@ -0,0 +1,6 @@
+{{#ccdb-table model=model columns=columns as |c|}}
+  {{#c.grid as |g|}}
+    {{g.head}}
+    {{g.body}}
+  {{/c.grid}}
+{{/ccdb-table}}

app/templates/components/collections-container.hbs

@@ -1 +1,7 @@
-{{ccdb-table model=model columns=columns changePage=(action changePage)}}
+{{
+  ccdb-table
+  model=model
+  columns=columns
+  changePage=(action changePage)
+  onRowClick=(action onRowClick)
+}}

package.json

@@ -31,6 +31,7 @@
     "ember-cli-shims": "^1.1.0",
     "ember-cli-sri": "^2.1.0",
     "ember-cli-uglify": "^1.2.0",
+    "ember-composable-helpers": "^2.0.3",
     "ember-data": "~2.14.3",
     "ember-export-application-global": "^2.0.0",
     "ember-inflector": "^2.0.1",

tests/unit/controllers/collections-test.js

@@ -1,12 +0,0 @@
-import { moduleFor, test } from 'ember-qunit';
-
-moduleFor('controller:collections', 'Unit | Controller | collections', {
-  // Specify the other units that are required for this test.
-  // needs: ['controller:foo']
-});
-
-// Replace this with your real tests.
-test('it exists', function(assert) {
-  let controller = this.subject();
-  assert.ok(controller);
-});

tests/unit/routes/collections-test.js

@@ -1,10 +0,0 @@
-import { moduleFor, test } from 'ember-qunit';
-
-moduleFor('route:collections', 'Unit | Route | collections', {
-  unit: true,
-});
-
-test('it exists', function(assert) {
-  const route = this.subject();
-  assert.ok(route);
-});