Force sort order for compare

app/pods/protected/compare/select-form/component.js

@@ -1,6 +1,6 @@
 import Ember from 'ember';
 
-const { Component } = Ember;
+const { Component, computed: { sort } } = Ember;
 
 export default Component.extend({
   characteristics: null,
@@ -10,6 +10,12 @@ export default Component.extend({
   "update-strains": null,
   "update-characteristics": null,
 
+
+  charSortParams: ['characteristicTypeName', 'sortOrder', 'characteristicName'],
+  sortedCharacteristics: sort('characteristics', 'charSortParams'),
+  strainSortParams: ['sortOrder'],
+  sortedStrains: sort('strains', 'sortParams'),
+
   selectedStrains: [],
   selectedCharacteristics: [],
 

app/pods/protected/compare/select-form/template.hbs

@@ -6,7 +6,7 @@
           <label>Strains</label>
           {{
             x-select
-            options=strains
+            options=sortedStrains
             nameAttr='fullNameMU'
             multiple=true
             selected=selectedStrains
@@ -26,7 +26,7 @@
           <label>Characteristics</label>
           {{
             x-select
-            options=characteristics
+            options=sortedCharacteristics
             nameAttr='characteristicName'
             multiple=true
             selected=selectedCharacteristics