Rough measurements search (WIP)

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

@@ -1,11 +1,9 @@
 <td>
-  {{#link-to 'strains.show' data.strain.id}}
-    {{scientific-name strain=data.strain}}
-  {{/link-to}}
+  {{scientific-name strain=data.strain}}
 </td>
 <td>
   {{data.characteristic.characteristicName}}
 </td>
 <td>
-  {{{data.computedValue}}}
+  {{{data.value}}}
 </td>

app/pods/components/measurement-search-table/component.js

@@ -0,0 +1,32 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  isLoading: false,
+  actions: {
+    search: function() {
+      this.set('isLoading', true);
+      let strain = this.get('selectedStrain');
+      let characteristic = this.get('selectedCharacteristic');
+      if ((strain === 'all') && (characteristic === 'all')) {
+        this.store.findAll('measurement').then((measurements)=>{
+          this.set('measurements', measurements);
+        });
+        this.set('isLoading', false);
+        console.log(this.get('isLoading'));
+        return false;
+      }
+      let search = {};
+      if (strain !== 'all') {
+        search['strain'] = strain;
+      }
+      if (characteristic !== 'all') {
+        search['characteristic'] = characteristic;
+      }
+      this.store.find('measurement', search).then((measurements)=>{
+        this.set('measurements', measurements);
+      });
+      this.set('isLoading', false);
+      return false;
+    }
+  },
+});

app/pods/components/measurement-search-table/template.hbs

@@ -0,0 +1,29 @@
+<div class="grid-12 gutter-50">
+  <div class="span-12">
+    {{search-button isLoading=isLoading action='search'}}
+  </div>
+</div>
+<div class="grid-12 gutter-50">
+  <div class="span-12">
+    <h3>Total matching measurements: {{measurements.length}}</h3>
+  </div>
+</div>
+
+{{#if isLoading}}
+  {{loading-panel}}
+{{else}}
+  <table class="flakes-table">
+    <thead>
+      <tr>
+        <th>Strain</th>
+        <th>Characteristic</th>
+        <th>Value</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{#each measurements as |measurement|}}
+        {{measurement-index-row data=measurement}}
+      {{/each}}
+    </tbody>
+  </table>
+{{/if}}