2018-03-09 15:18:59 -05:00
|
|
|
import $ from 'jquery';
|
|
|
|
|
2018-02-05 19:10:58 -05:00
|
|
|
export default class TransferDropdown {
|
|
|
|
constructor() {
|
|
|
|
this.groupDropdown = $('.js-groups-dropdown');
|
|
|
|
this.parentInput = $('#new_parent_group_id');
|
|
|
|
this.data = this.groupDropdown.data('data');
|
|
|
|
this.init();
|
|
|
|
}
|
|
|
|
|
|
|
|
init() {
|
|
|
|
this.buildDropdown();
|
|
|
|
}
|
|
|
|
|
|
|
|
buildDropdown() {
|
|
|
|
const extraOptions = [{ id: '', text: 'No parent group' }, 'divider'];
|
|
|
|
|
|
|
|
this.groupDropdown.glDropdown({
|
|
|
|
selectable: true,
|
|
|
|
filterable: true,
|
|
|
|
toggleLabel: item => item.text,
|
|
|
|
search: { fields: ['text'] },
|
|
|
|
data: extraOptions.concat(this.data),
|
|
|
|
text: item => item.text,
|
2018-10-24 15:17:03 -04:00
|
|
|
clicked: options => {
|
2018-02-05 19:10:58 -05:00
|
|
|
const { e } = options;
|
|
|
|
e.preventDefault();
|
|
|
|
this.assignSelected(options.selectedObj);
|
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
assignSelected(selected) {
|
|
|
|
this.parentInput.val(selected.id);
|
|
|
|
}
|
|
|
|
}
|