feat: add ability to search groups in group details page
Barış Soner Uşaklı
5 years ago
parent
335169f2b1
commit
e7a502e0aa
@ -0,0 +1,60 @@
|
||||
'use strict';
|
||||
|
||||
define('groupSearch', function () {
|
||||
var groupSearch = {};
|
||||
|
||||
groupSearch.init = function (el) {
|
||||
if (utils.isTouchDevice()) {
|
||||
return;
|
||||
}
|
||||
var searchEl = el.find('[component="group-selector-search"]');
|
||||
if (!searchEl.length) {
|
||||
return;
|
||||
}
|
||||
var toggleVisibility = searchEl.parent('[component="group-selector"]').length > 0;
|
||||
|
||||
var groupEls = el.find('[component="group-list"] [data-name]');
|
||||
el.on('show.bs.dropdown', function () {
|
||||
function updateList() {
|
||||
var val = searchEl.find('input').val().toLowerCase();
|
||||
var noMatch = true;
|
||||
groupEls.each(function () {
|
||||
var liEl = $(this);
|
||||
var isMatch = liEl.attr('data-name').toLowerCase().indexOf(val) !== -1;
|
||||
if (noMatch && isMatch) {
|
||||
noMatch = false;
|
||||
}
|
||||
|
||||
liEl.toggleClass('hidden', !isMatch);
|
||||
});
|
||||
|
||||
el.find('[component="group-list"] [component="group-no-matches"]').toggleClass('hidden', !noMatch);
|
||||
}
|
||||
if (toggleVisibility) {
|
||||
el.find('.dropdown-toggle').addClass('hidden');
|
||||
searchEl.removeClass('hidden');
|
||||
}
|
||||
|
||||
searchEl.on('click', function (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
});
|
||||
searchEl.find('input').val('').on('keyup', updateList);
|
||||
updateList();
|
||||
});
|
||||
|
||||
el.on('shown.bs.dropdown', function () {
|
||||
searchEl.find('input').focus();
|
||||
});
|
||||
|
||||
el.on('hide.bs.dropdown', function () {
|
||||
if (toggleVisibility) {
|
||||
el.find('.dropdown-toggle').removeClass('hidden');
|
||||
searchEl.addClass('hidden');
|
||||
}
|
||||
searchEl.off('click').find('input').off('keyup');
|
||||
});
|
||||
};
|
||||
|
||||
return groupSearch;
|
||||
});
|
||||
Loading…
Reference in New Issue