40 lines
1.0 KiB
JavaScript
40 lines
1.0 KiB
JavaScript
import $ from 'jquery';
|
|
import initDeprecatedJQueryDropdown from '~/deprecated_jquery_dropdown';
|
|
import { __ } from '~/locale';
|
|
|
|
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: '-1', text: __('No parent group') }, { type: 'divider' }];
|
|
|
|
initDeprecatedJQueryDropdown(this.groupDropdown, {
|
|
selectable: true,
|
|
filterable: true,
|
|
toggleLabel: (item) => item.text,
|
|
search: { fields: ['text'] },
|
|
data: extraOptions.concat(this.data),
|
|
text: (item) => item.text,
|
|
clicked: (options) => {
|
|
const { e } = options;
|
|
e.preventDefault();
|
|
this.assignSelected(options.selectedObj);
|
|
},
|
|
});
|
|
}
|
|
|
|
assignSelected(selected) {
|
|
this.parentInput.val(selected.id);
|
|
this.parentInput.change();
|
|
}
|
|
}
|