primo commit

media/mod_quickicon/js/quickicon.js

@@ -0,0 +1,58 @@
+/**
+ * @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');
+}
+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.hasOwn(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');
+      }
+    });
+  }
+});

media/mod_quickicon/js/quickicon.min.js

@@ -0,0 +1,4 @@
+/**
+ * @copyright  (C) 2019 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */if(!Joomla)throw new Error("Joomla API was not properly initialized");document.querySelectorAll(".quickicon").forEach(t=>{const r=t.querySelector(".quickicon-amount");r&&r.dataset.url&&Joomla.request({url:r.dataset.url,method:"GET",onSuccess:n=>{let e;try{e=JSON.parse(n)}catch{t.classList.add("error")}if(Object.hasOwn(e,"data")){const a=t.querySelector(".quickicon-name"),o=document.createElement("span");t.classList.add(e.data>0?"warning":"success"),e.data.name&&a&&(o.textContent=e.data.name,a.replaceChild(o,a.firstChild)),r.textContent=`\u200E${e.data.amount}`;const s=t.querySelector(".quickicon-sr-desc");e.data.sronly&&s&&(s.textContent=e.data.sronly)}else t.classList.add("error")},onError:()=>{t.classList.add("error")}})});