thermokarst/hymenobacterdotinfo
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

compare/strains works

Browse source
This commit is contained in:
Matthew Dillon 2015-11-12 16:33:51 -07:00
parent dbcc51c80d
commit a4fc06d22d
2 changed files with 27 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/pods/components/x-select/component.js
View file

@ -1,16 +1,16 @@
import Ember from 'ember'; import Ember from 'ember';
const { Component } = Ember; const { Component, isEmpty } = Ember;
export default Component.extend({ export default Component.extend({
tagName: 'select', tagName: 'select',
value: null,
nameAttr: null, nameAttr: null,
listItems: null, listItems: null,
placeholder: null, placeholder: null,
selected: null, selected: null,
selectize: null, selectize: null,
multiple: false,
attributeBindings: [ attributeBindings: [
'multiple', 'multiple',
@ -29,11 +29,29 @@ export default Component.extend({
}, },
didInsertElement: function() { didInsertElement: function() {
this._super(...arguments);
this.$().selectize({ this.$().selectize({
closeAfterSelect: true,
selectOnTab: true,
plugins: ['drag_drop'], plugins: ['drag_drop'],
items: this.get('selected'), items: this.get('selected'),
}); });
this.set('selectize', this.$()[0].selectize); 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);
}
},
}); });

15
app/pods/protected/compare/select-form/component.js
View file

@ -13,10 +13,10 @@ export default Component.extend({
selectedStrains: null, selectedStrains: null,
selectedCharacteristics: null, selectedCharacteristics: null,
// updateStrains: function(selection) { updateStrains: function(selection) {
// this.set('selectedStrains', selection); this.set('selectedStrains', selection);
// this.attrs['update-strains'](this.get('selectedStrains')); this.attrs["update-strains"](selection);
// }, },
updateCharacteristics: function(selection) { updateCharacteristics: function(selection) {
this.set('selectedCharacteristics', selection); this.set('selectedCharacteristics', selection);
@ -38,11 +38,11 @@ export default Component.extend({
strains.forEach((strain) => { strains.forEach((strain) => {
strain_ids.push(strain.get('id')); strain_ids.push(strain.get('id'));
}); });
this.updateStrains(strain_ids.join(",")); this.updateStrains(strain_ids);
}, },
deselectAllStrains: function() { deselectAllStrains: function() {
this.updateStrains(""); this.updateStrains([]);
}, },
selectAllCharacteristics: function() { selectAllCharacteristics: function() {
@ -59,8 +59,7 @@ export default Component.extend({
}, },
updateStrainSelection: function(selection) { updateStrainSelection: function(selection) {
this.set('selectedStrains', selection); this.updateStrains(selection);
this.attrs["update-strains"](selection);
}, },
}, },
}); });