Use API sort order for species

app/pods/protected/species/index/species-table/component.js

@@ -6,7 +6,7 @@ const { Component, computed: { sort } } = Ember;
 export default Component.extend(SetupMetaData, {
   species: null,
 
-  sortParams: ['speciesName', 'strainCount'],
+  sortParams: ['sortOrder'],
   sortedSpecies: sort('species', 'sortParams'),
 
 });

app/pods/protected/strains/strain-form/component.js

@@ -1,7 +1,7 @@
 import Ember from 'ember';
 import SetupMetaData from '../../../../mixins/setup-metadata';
 
-const { Component } = Ember;
+const { Component, computed: { sort } } = Ember;
 
 export default Component.extend(SetupMetaData, {
   // Read-only attributes
@@ -19,6 +19,10 @@ export default Component.extend(SetupMetaData, {
   "save-measurement": null,
   "delete-measurement": null,
 
+  // CPs
+  sortParams: ['sortOrder'],
+  sortedSpeciesList: sort('speciesList', 'sortParams'),
+
   // Property mapping
   propertiesList: ['strainName', 'typeStrain', 'species', 'isolatedFrom', 'accessionNumbers', 'genbank', 'wholeGenomeSequence', 'notes'],
   strainName: null,

app/pods/protected/strains/strain-form/template.hbs

@@ -17,7 +17,7 @@
         <label>Species</label>
         {{
           x-select
-          options=speciesList
+          options=sortedSpeciesList
           nameAttr='speciesName'
           selected=species.id
           update=(action "speciesDidChange")