55 lines
2.0 KiB
JavaScript
55 lines
2.0 KiB
JavaScript
/**
|
|
* @copyright (C) 2019 Open Source Matters, Inc. <https://www.joomla.org>
|
|
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
|
*/
|
|
((document, Joomla) => {
|
|
|
|
const init = () => {
|
|
// Cleanup
|
|
window.removeEventListener('load', init);
|
|
|
|
// Get the elements
|
|
const elements = document.querySelectorAll('.system-counter');
|
|
if (elements.length) {
|
|
elements.forEach(element => {
|
|
const badgeurl = element.getAttribute('data-url');
|
|
if (badgeurl && Joomla && Joomla.request && typeof Joomla.request === 'function') {
|
|
Joomla.enqueueRequest({
|
|
url: badgeurl,
|
|
method: 'POST',
|
|
promise: true
|
|
}).then(xhr => {
|
|
const resp = xhr.responseText;
|
|
let response;
|
|
try {
|
|
response = JSON.parse(resp);
|
|
} catch (error) {
|
|
throw new Error('Failed to parse JSON');
|
|
}
|
|
if (response.error || !response.success) {
|
|
element.classList.remove('icon-spin', 'icon-spinner');
|
|
element.classList.add('text-danger', 'icon-remove');
|
|
} else if (response.data) {
|
|
const elem = document.createElement('span');
|
|
elem.classList.add('float-end', 'badge', 'bg-warning', 'text-dark');
|
|
elem.innerHTML = Joomla.sanitizeHtml(response.data);
|
|
element.parentNode.replaceChild(elem, element);
|
|
} else {
|
|
element.classList.remove('icon-spin', 'icon-spinner');
|
|
element.classList.add('icon-check', 'text-success');
|
|
}
|
|
}).catch(() => {
|
|
element.classList.remove('icon-spin', 'icon-spinner');
|
|
element.classList.add('text-danger', 'icon-remove');
|
|
});
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
// Give some times to the layout and other scripts to settle their stuff
|
|
window.addEventListener('load', () => {
|
|
setTimeout(init, 300);
|
|
});
|
|
})(document, Joomla);
|