89 lines
2.7 KiB
JavaScript
89 lines
2.7 KiB
JavaScript
/**
|
|
* @copyright (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
|
|
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
|
*/
|
|
((Awesomplete, Joomla, window, document) => {
|
|
|
|
if (!Joomla) {
|
|
throw new Error('core.js was not properly initialised');
|
|
}
|
|
|
|
// Handle the autocomplete
|
|
const onInputChange = ({
|
|
target
|
|
}) => {
|
|
if (target.value.length > 1) {
|
|
target.awesomplete.list = [];
|
|
Joomla.request({
|
|
url: `${Joomla.getOptions('finder-search').url}&q=${target.value}`,
|
|
promise: true
|
|
}).then(xhr => {
|
|
let response;
|
|
try {
|
|
response = JSON.parse(xhr.responseText);
|
|
} catch (e) {
|
|
Joomla.renderMessages(Joomla.ajaxErrorsMessages(xhr, 'parsererror'));
|
|
return;
|
|
}
|
|
if (Object.prototype.toString.call(response.suggestions) === '[object Array]') {
|
|
target.awesomplete.list = response.suggestions;
|
|
}
|
|
}).catch(xhr => {
|
|
Joomla.renderMessages(Joomla.ajaxErrorsMessages(xhr));
|
|
});
|
|
}
|
|
};
|
|
|
|
// Handle the submit
|
|
const onSubmit = event => {
|
|
event.stopPropagation();
|
|
const advanced = event.target.querySelector('.js-finder-advanced');
|
|
|
|
// Disable select boxes with no value selected.
|
|
if (advanced) {
|
|
const fields = [].slice.call(advanced.querySelectorAll('select'));
|
|
fields.forEach(field => {
|
|
if (!field.value) {
|
|
field.setAttribute('disabled', 'disabled');
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
// Submits the form programmatically
|
|
const submitForm = event => {
|
|
const form = event.target.closest('form');
|
|
if (form) {
|
|
form.submit();
|
|
}
|
|
};
|
|
|
|
// The boot sequence
|
|
const onBoot = () => {
|
|
const searchWords = [].slice.call(document.querySelectorAll('.js-finder-search-query'));
|
|
searchWords.forEach(searchword => {
|
|
// Handle the auto suggestion
|
|
if (Joomla.getOptions('finder-search')) {
|
|
searchword.awesomplete = new Awesomplete(searchword);
|
|
|
|
// If the current value is empty, set the previous value.
|
|
searchword.addEventListener('input', onInputChange);
|
|
const advanced = searchword.closest('form').querySelector('.js-finder-advanced');
|
|
|
|
// Do not submit the form on suggestion selection, in case of advanced form.
|
|
if (!advanced) {
|
|
searchword.addEventListener('awesomplete-selectcomplete', submitForm);
|
|
}
|
|
}
|
|
});
|
|
const forms = [].slice.call(document.querySelectorAll('.js-finder-searchform'));
|
|
forms.forEach(form => {
|
|
form.addEventListener('submit', onSubmit);
|
|
});
|
|
|
|
// Cleanup
|
|
document.removeEventListener('DOMContentLoaded', onBoot);
|
|
};
|
|
document.addEventListener('DOMContentLoaded', onBoot);
|
|
})(window.Awesomplete, window.Joomla, window, document);
|