From f0167c858d9bd057cd7761fc3cef9b55389845c9 Mon Sep 17 00:00:00 2001
From: Matthew Dillon <mrdillon@alaska.edu>
Date: Fri, 13 Nov 2015 08:16:53 -0700
Subject: [PATCH] Checkin.

From what I can tell, the bottleneck is in selectize itself. Will drop
this and work on select2.
---
 app/pods/components/x-select/component.js     | 31 +++++++------------
 app/pods/protected/compare/controller.js      |  2 ++
 .../compare/select-form/component.js          |  5 ---
 3 files changed, 14 insertions(+), 24 deletions(-)

diff --git a/app/pods/components/x-select/component.js b/app/pods/components/x-select/component.js
index e4274b6..129b943 100644
--- a/app/pods/components/x-select/component.js
+++ b/app/pods/components/x-select/component.js
@@ -17,41 +17,34 @@ export default Component.extend({
   ],
 
   change: function() {
-    this.attrs["update"](this.get('selectize').getValue());
+    this.attrs["update"](this.$()[0].selectize.getValue());
   },
 
   didReceiveAttrs: function() {
     this._super(...arguments);
+    console.log('didReceiveAttrs');
 
     if (!this.attrs.update) {
       throw new Error(`You must provide an \`update\` action.`);
     }
+
+    Ember.run.schedule('actions', this, () => {
+      console.log('before adding');
+      this.$()[0].selectize.setValue(this.get('selected'), true);
+      console.log('after adding')
+    });
   },
 
   didInsertElement: function() {
-    this._super(...arguments);
-
-    this.$().selectize({
+    console.log('didInsertElement');
+    const options = {
       closeAfterSelect: true,
       selectOnTab: true,
       plugins: ['drag_drop'],
       items: this.get('selected'),
-    });
-
-    this.set('selectize', this.$()[0].selectize);
-  },
-
-  didRender: function() {
-    this._super(...arguments);
-
-    const selected = this.get('selected');
-    if (!isEmpty(selected)) {
-      this.get('selected').forEach((item) => {
-        this.get('selectize').addItem(item, true);
-      });
-    } else {
-      this.get('selectize').clear(true);
     }
+
+    this.$().selectize(options);
   },
 
 });
diff --git a/app/pods/protected/compare/controller.js b/app/pods/protected/compare/controller.js
index 0ba05a4..7e0d72d 100644
--- a/app/pods/protected/compare/controller.js
+++ b/app/pods/protected/compare/controller.js
@@ -12,10 +12,12 @@ export default Controller.extend({
     },
 
     updateStrainSelection: function(selection) {
+      console.log(selection);
       this.set('selectedStrains', selection);
     },
 
     updateCharacteristicSelection: function(selection) {
+      console.log(selection);
       this.set('selectedCharacteristics', selection);
     },
   }
diff --git a/app/pods/protected/compare/select-form/component.js b/app/pods/protected/compare/select-form/component.js
index 6c7d0ae..8c90170 100644
--- a/app/pods/protected/compare/select-form/component.js
+++ b/app/pods/protected/compare/select-form/component.js
@@ -10,16 +10,11 @@ export default Component.extend({
   "update-strains": null,
   "update-characteristics": null,
 
-  selectedStrains: null,
-  selectedCharacteristics: null,
-
   updateStrains: function(selection) {
-    this.set('selectedStrains', selection);
     this.attrs["update-strains"](selection);
   },
 
   updateCharacteristics: function(selection) {
-    this.set('selectedCharacteristics', selection);
     this.attrs['update-characteristics'](selection);
   },