Refactor species edit

app/pods/protected/species/species-form/component.js

@@ -1,17 +1,27 @@
 import Ember from 'ember';
 
-const { Component } = Ember;
+const { Component, inject: { service } } = Ember;
 
 export default Component.extend({
+  currentUser: service('session-account'),
+
   species: null,
+  "on-save": null,
+  "on-cancel": null,
+
+  setupMetaDataOnInit: Ember.on('init', function() {
+    this.get('currentUser.account').then((user) => {
+      this.set('metaData', user.get('metaData'));
+    });
+  }),
 
   actions: {
     save: function() {
-      this.sendAction('save');
+      return this.attrs['on-save']();
     },
 
     cancel: function() {
-      this.sendAction('cancel');
+      return this.attrs['on-cancel']();
     },
   }
 });

app/pods/protected/species/species-form/template.hbs

@@ -4,7 +4,7 @@
     <div data-row-span="2">
       <div data-field-span="1">
         <label>Species Name</label>
-        {{input value=species.speciesName}}
+        {{input value=species.speciesName class="species-name"}}
       </div>
       <div data-field-span="1">
         <label>Type Species?</label>
@@ -38,7 +38,7 @@
     Cancel
   </a>
   {{#if species.hasDirtyAttributes}}
-    <button type="submit" class="button-green smaller">
+    <button type="submit" class="button-green smaller save-species">
       Save
     </button>
   {{/if}}