esoko/rvr-nextgen
esoko/rvr-nextgen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

feature/RVRNEXT-30-replace-choices-to-tomselect #41

Merged
bence merged 5 commits from feature/RVRNEXT-30-replace-choices-to-tomselect into master 2023-05-02 02:24:40 +02:00
Conversation 0 Commits 5 Files Changed 6 +24 -10
1 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5053d37388 - Show all commits

32
public/static/js/communities/community_members.js
View File

@ -1,17 +1,31 @@
(function () { (function () {
const element = document.getElementById('newMember').elements['user_id']; const element = document.getElementById('newMember').elements['user_id'];
const choices = new Choices(element, { const select = new TomSelect(element, {
noResultsText: 'No users found', placeholder: 'User',
noChoicesText: 'Start typing to search users' valueField: 'value',
labelField: 'label',
searchField: 'label',
loadThrottle: 300,
load: function (query, callback) {
var self = this;
RVR.httpRequest('GET', searchUserUrl.replace('QUERY', encodeURIComponent(query)), function () {
self.clearOptions();
callback(this.response.results);
});
},
}); });
element.addEventListener('search', RVR.debounce(async function (e) { select.on('change', function (value) {
RVR.httpRequest('GET', searchUserUrl.replace('QUERY', encodeURIComponent(e.detail.value)), function () { this.clearOptions();
choices.setChoices(this.response.results, 'value', 'label', true);
}); });
}));
element.addEventListener('choice', function () { select.on('blur', function (value) {
choices.setChoices([], 'value', 'label', true); this.clearOptions();
});
select.on('type', function (value) {
if (value === '') {
this.clearOptions();
}
}); });
})(); })();