KOKINIO - MANAGER

Edit File: quickicon.js

/**
 * @copyright  (C) 2019 Open Source Matters, Inc. <https://www.joomla.org>
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 */

/**
 * Every quickicon with an ajax request url loads data and set them into the counter element
 * Also the data name is set as singular or plural.
 * A SR-only text is added
 * The class pulse gets 'warning', 'success' or 'error', depending on the retrieved data.
 */
if (!Joomla) {
  throw new Error('Joomla API was not properly initialized');
}

Array.from(document.querySelectorAll('.quickicon')).forEach(quickicon => {
  const counter = quickicon.querySelector('.quickicon-amount');

if (!counter) {
    return;
  }

if (counter.dataset.url) {
    Joomla.request({
      url: counter.dataset.url,
      method: 'GET',
      onSuccess: resp => {
        let response;

try {
          response = JSON.parse(resp);
        } catch (error) {
          quickicon.classList.add('error');
        }

if (Object.prototype.hasOwnProperty.call(response, 'data')) {
          const name = quickicon.querySelector('.quickicon-name');
          const nameSpan = document.createElement('span');
          quickicon.classList.add(response.data > 0 ? 'warning' : 'success'); // Set name in singular or plural

if (response.data.name && name) {
            nameSpan.textContent = response.data.name;
            name.replaceChild(nameSpan, name.firstChild);
          } // Set amount of number into counter span

counter.textContent = `\u200E${response.data.amount}`; // Insert screenreader text

const sronly = quickicon.querySelector('.quickicon-sr-desc');

if (response.data.sronly && sronly) {
            sronly.textContent = response.data.sronly;
          }
        } else {
          quickicon.classList.add('error');
        }
      },
      onError: () => {
        quickicon.classList.add('error');
      }
    });
  }
});