50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
import $ from 'jquery';
|
|
|
|
class RefSelectDropdown {
|
|
constructor($dropdownButton, availableRefs) {
|
|
const availableRefsValue =
|
|
availableRefs || JSON.parse(document.getElementById('availableRefs').innerHTML);
|
|
$dropdownButton.glDropdown({
|
|
data: availableRefsValue,
|
|
filterable: true,
|
|
filterByText: true,
|
|
remote: false,
|
|
fieldName: $dropdownButton.data('fieldName'),
|
|
filterInput: 'input[type="search"]',
|
|
selectable: true,
|
|
isSelectable(branch, $el) {
|
|
return !$el.hasClass('is-active');
|
|
},
|
|
text(branch) {
|
|
return branch;
|
|
},
|
|
id(branch) {
|
|
return branch;
|
|
},
|
|
toggleLabel(branch) {
|
|
return branch;
|
|
},
|
|
});
|
|
|
|
const $dropdownContainer = $dropdownButton.closest('.dropdown');
|
|
const $fieldInput = $(`input[name="${$dropdownButton.data('fieldName')}"]`, $dropdownContainer);
|
|
const $filterInput = $('input[type="search"]', $dropdownContainer);
|
|
|
|
$filterInput.on('keyup', e => {
|
|
const keyCode = e.keyCode || e.which;
|
|
if (keyCode !== 13) return;
|
|
|
|
const ref = $filterInput.val().trim();
|
|
if (ref === '') {
|
|
return;
|
|
}
|
|
|
|
$fieldInput.val(ref);
|
|
$('.dropdown-toggle-text', $dropdownButton).text(ref);
|
|
|
|
$dropdownContainer.removeClass('open');
|
|
});
|
|
}
|
|
}
|
|
|
|
export default RefSelectDropdown;
|