Pulling stuff back out of strain component

app/components/strains/strain-details.js

@@ -3,18 +3,12 @@ import Ember from 'ember';
 export default Ember.Component.extend({
   classNames: ['grid-1'],
   isEditing: false,
-  isNew: false,
   actions: {
-    editStrain: function() {
+    save: function() {
-      this.get('strain').get('errors').clear();
+      this.sendAction('save');
-      if (this.get('isNew')) {
+    },
-        this.get('strain').destroyRecord().then(this.sendAction());
+    cancel: function() {
-      }
+      this.sendAction('cancel');
-      this.toggleProperty('isEditing');
-      this.get('strain').rollback();
     },
-    saveStrain: function() {
-      this.get('strain').save().then(this.toggleProperty('isEditing'));
-    }
   }
 });

app/controllers/strains/new.js

@@ -0,0 +1,21 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  isEditing: true,
+  actions: {
+    save: function() {
+      var strain = this.get('strain');
+      if (strain.get('isDirty')) {
+        strain.save();
+      }
+      this.transitionToRoute('strains.index');
+    },
+    cancel: function() {
+      var strain = this.get('strain');
+      if (strain.get('isNew')) {
+        strain.deleteRecord();
+      }
+      this.transitionToRoute('strains.index');
+    }
+  }
+});

app/controllers/strains/show.js

@@ -0,0 +1,19 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  isEditing: false,
+  actions: {
+    save: function() {
+      var strain = this.get('strain');
+      if (strain.get('isDirty')) {
+        strain.save();
+      }
+      this.toggleProperty('isEditing');
+    },
+    cancel: function() {
+      this.get('strain').get('errors').clear();
+      this.get('strain').rollback();
+      this.toggleProperty('isEditing');
+    }
+  }
+});

app/routes/strains/new.js

@@ -7,9 +7,7 @@ export default Ember.Route.extend({
       species: this.store.findAll('species')
     });
   },
-  actions: {
+  setupController: function(controller, models) {
-    cancelStrain: function() {
+    controller.setProperties(models);
-      this.transitionTo('strains.index');
+  },
-    }
-  }
 });

app/routes/strains/show.js

@@ -6,5 +6,8 @@ export default Ember.Route.extend({
       strain: this.store.find('strain', params.strain_id),
       species: this.store.findAll('species')
     });
-  }
+  },
+  setupController: function(controller, models) {
+    controller.setProperties(models);
+  },
 });

app/templates/components/species/species-details.hbs

@@ -21,6 +21,7 @@
             {{/link-to}}
           {{/each}}
           {{#if (can "edit species" species)}}
+            <br>
             {{#link-to 'strains.new' class="button-gray smaller"}}
               Add Strain
             {{/link-to}}

app/templates/components/strains/strain-details.hbs

@@ -120,11 +120,11 @@
       <div class="grid-4">
         <div class="span-1">
           {{! Does nothing ATM }}
-          <a {{bind-attr class=":smaller isEditing:button-red:button-gray"}} {{action 'editStrain'}}>
+          <a {{bind-attr class=":smaller isEditing:button-red:button-gray"}} {{action 'cancel'}}>
             {{#if isEditing}}Cancel{{else}}Edit{{/if}}
           </a>
           {{#if isEditing}}
-            <a class="button-green smaller" {{action 'saveStrain'}}>
+            <a class="button-green smaller" {{action 'save'}}>
               Save
             </a>
           {{/if}}

app/templates/strains/new.hbs

@@ -1,8 +1,8 @@
 {{
   strains/strain-details
-  strain=model.strain
+  strain=strain
-  species=model.species
+  species=species
   isEditing=true
-  isNew=true
+  save="save"
-  action="cancelStrain"
+  cancel="cancel"
 }}

app/templates/strains/show.hbs

@@ -1,4 +1,11 @@
-{{strains/strain-details strain=model.strain species=model.species}}
+{{
+  strains/strain-details
+  strain=strain
+  species=species
+  isEditing=isEditing
+  save="save"
+  cancel="cancel"
+}}
 
 <div class="measurements-container">
   {{outlet}}