Add measurement count & speciesName to strain

app/models/strain.js

@@ -2,6 +2,7 @@ import DS from 'ember-data';
 
 export default DS.Model.extend({
   measurements: DS.hasMany('measurements', { async: true }),
+  speciesName: DS.attr('string'),
   strainName: DS.attr('string'),
   strainType: DS.attr('string'),
   etymology: DS.attr('string'),
@@ -10,5 +11,6 @@ export default DS.Model.extend({
   isolatedFrom: DS.attr('string'),
   createdAt: DS.attr('date'),
   updatedAt: DS.attr('date'),
-  deletedAt: DS.attr('date')
+  deletedAt: DS.attr('date'),
+  totalMeasurements: DS.attr('number')
 });

app/templates/strains/index.hbs

@@ -12,7 +12,7 @@
     {{#each strain in model}}
       <tr>
         <td>{{link-to strain.strainName 'measurements' strain}}</td>
-        <td></td>
+        <td>{{strain.totalMeasurements}}</td>
       </tr>
     {{/each}}
   </tbody>

app/templates/strains/show.hbs

@@ -2,29 +2,41 @@
   <div class="span-1">
     <fieldset class="flakes-information-box">
       <legend>{{model.strainName}}</legend>
+      {{! ROW 1 }}
       <div class="grid-4">
-        <dl class="span-1">
+        <dl class="span-2">
+          <dt>Species</dt>
+          <dd>{{model.speciesName}}</dd>
+        </dl>
+        <dl class="span-2">
           <dt>Type</dt>
           <dd>{{model.strainType}}</dd>
         </dl>
-        <dl class="span-1">
-          <dt>Etymology</dt>
-          <dd>{{model.etymology}}</dd>
-        </dl>
-        <dl class="span-1">
+      </div>
+      {{! ROW 2 }}
+      <div class="grid-4">
+        <dl class="span-2">
           <dt>Accession Banks</dt>
           <dd>{{model.accessionBanks}}</dd>
         </dl>
-        <dl class="span-1">
+        <dl class="span-2">
           <dt>Genbank</dt>
           <dd>{{model.genbankEmblDdb}}</dd>
         </dl>
       </div>
+      {{! ROW 3 }}
       <div class="grid-4">
-        <dl class="span-1">
+        <dl class="span-2">
+          <dt>Etymology</dt>
+          <dd>{{model.etymology}}</dd>
+        </dl>
+        <dl class="span-2">
           <dt>Isolated From</dt>
           <dd>{{model.isolatedFrom}}</dd>
         </dl>
+      </div>
+      {{! ROW 4 }}
+      <div class="grid-4">
         <dl class="span-1">
           <dt>Record Created</dt>
           <dd>{{null-time model.createdAt 'LL'}}</dd>