Characteristics details

app/pods/protected/characteristics/index/editable-row/component.js

@@ -1,28 +0,0 @@
-import Ember from 'ember';
-
-export default Ember.Component.extend({
-  tagName: 'tr',
-
-  actions: {
-    edit: function() {
-      this.set('characteristicName', this.get('row.characteristicName'));
-      this.set('characteristicTypeName', this.get('row.characteristicTypeName'));
-      this.set('sortOrder', this.get('row.sortOrder'));
-      this.toggleProperty('isEditing');
-    },
-
-    save: function() {
-      if (this.get('characteristicName') !== this.get('row.characteristicName') ||
-          this.get('characteristicTypeName') !== this.get('row.characteristicTypeName') ||
-          this.get('sortOrder') !== this.get('row.sortOrder')) {
-        this.set('row.characteristicName', this.get('characteristicName'));
-        this.set('row.characteristicTypeName', this.get('characteristicTypeName'));
-        this.set('row.sortOrder', this.get('sortOrder'));
-        this.get('row').save();
-      }
-      this.toggleProperty('isEditing');
-    },
-
-  }
-
-});

app/pods/protected/characteristics/index/editable-row/template.hbs

@@ -1,15 +0,0 @@
-{{#if isEditing}}
-  <td>{{input value=characteristicName}}</td>
-  <td>{{input value=characteristicTypeName}}</td>
-  <td>{{input value=sortOrder}}</td>
-  <td {{action 'save'}}>Save</td>
-{{else}}
-  <td>{{row.characteristicName}}</td>
-  <td>{{row.characteristicTypeName}}</td>
-  <td>{{row.sortOrder}}</td>
-  {{#if row.canEdit}}
-    <td {{action 'edit'}}>Edit</td>
-  {{else}}
-    <td></td>
-  {{/if}}
-{{/if}}

app/pods/protected/characteristics/loading/template.hbs

@@ -0,0 +1 @@
+{{loading-panel}}

app/pods/protected/characteristics/show/measurements-table/component.js

@@ -0,0 +1,16 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  measurementsTable: function() {
+    let measurements = this.get('model.measurements');
+    let table = [];
+    measurements.forEach((measurement) => {
+      let row = {};
+      row['measurement'] = measurement;
+      row['strain'] = this.store.peekRecord('strain', measurement.get('strain.id'));
+      table.push(row);
+    });
+    return table;
+  }.property(),
+
+});

app/pods/protected/characteristics/show/measurements-table/template.hbs

@@ -0,0 +1,26 @@
+<table class="flakes-table">
+  <thead>
+    <tr>
+      <th>Strain</th>
+      <th>Value</th>
+      <th>Notes</th>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each measurementsTable as |row|}}
+      <tr>
+        <td>
+          {{#link-to 'protected.strains.show' row.strain.id}}
+            {{{row.strain.strainNameMU}}}
+          {{/link-to}}
+        </td>
+        <td>
+          {{row.measurement.value}}
+        </td>
+        <td>
+          {{row.measurement.notes}}
+        </td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>

app/pods/protected/characteristics/show/template.hbs

@@ -18,17 +18,9 @@
       {{! ROW 2 }}
       <div class="grid-2 gutter-20">
         <dl class="span-2">
-          <dt>Strains</dt>
+          <dt>Measurements</dt>
           <dd>
-            <ul>
-              {{#each model.strains as |strain index|}}
-                <li>
-                  {{#link-to 'protected.strains.show' strain.id}}
-                    {{{strain.strainNameMU}}}
-                  {{/link-to}}
-                </li>
-              {{/each}}
-            </ul>
+            {{protected/characteristics/show/measurements-table model=model}}
           </dd>
         </dl>
       </div>

app/pods/protected/compare/loading/template.hbs

@@ -0,0 +1 @@
+{{loading-panel}}

app/pods/protected/species/loading/template.hbs

@@ -0,0 +1 @@
+{{loading-panel}}

app/pods/protected/strains/loading/template.hbs

@@ -0,0 +1 @@
+{{loading-panel}}