Delete characteristic

app/pods/components/delete-button/component.js

@@ -0,0 +1,13 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  tagName: 'button',
+  classNames: ["button-red", "smaller"],
+
+  click: function() {
+    if (window.confirm("Do you really want to delete this?")) {
+      this.attrs.delete();
+    }
+  },
+
+});

app/pods/components/delete-button/template.hbs

@@ -0,0 +1 @@
+Delete

app/pods/protected/characteristics/show/controller.js

@@ -0,0 +1,11 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  actions: {
+    delete: function() {
+      this.get('model').destroyRecord()
+      this.transitionToRoute('protected.characteristics.index');
+    },
+  },
+
+});

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

@@ -26,6 +26,7 @@
         <dl class="span-2">
           <dt>Measurements</dt>
           <dd>
+            <p>To add/edit/remove a measurement, please visit the strain's page (links below)</p>
             {{protected/characteristics/show/measurements-table model=model}}
           </dd>
         </dl>
@@ -54,4 +55,5 @@
   {{#link-to 'protected.characteristics.edit' model.id class="button-gray smaller"}}
     Edit
   {{/link-to}}
+  {{delete-button delete=(action 'delete')}}
 {{/if}}