Add new strain

app/components/strains/strain-details.js

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

app/router.js

@@ -9,6 +9,7 @@ Router.map(function() {
   this.route('login');
   this.route('about');
   this.resource('strains', function() {
+    this.route('new');
     this.route('show', { path: ':strain_id' }, function() {
       this.resource('measurements', function() {});
     });

app/routes/strains/new.js

@@ -0,0 +1,12 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model: function() {
+    return this.store.createRecord('strain');
+  },
+  actions: {
+    cancelStrain: function() {
+      this.transitionTo('strains.index');
+    }
+  }
+});

app/templates/strains/index.hbs

@@ -3,7 +3,9 @@
 
 {{#if (can "add strain")}}
   {{! Does nothing ATM }}
-  <a class="button-gray smaller">Add Strain</a>
+  {{#link-to 'strains.new' class="button-gray smaller"}}
+    Add Strain
+  {{/link-to}}
 {{/if}}
 
 <table class="flakes-table">

app/templates/strains/new.hbs

@@ -0,0 +1 @@
+{{strains/strain-details strain=model isEditing=true isNew=true action="cancelStrain"}}