first commit

media/plg_quickicon_privacycheck/js/privacycheck.js

@@ -0,0 +1,71 @@
+/**
+ * @copyright  (C) 2019 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+(document => {
+
+  const checkPrivacy = () => {
+    const variables = Joomla.getOptions('js-privacy-check');
+    const ajaxUrl = variables.plg_quickicon_privacycheck_ajax_url;
+    const url = variables.plg_quickicon_privacycheck_url;
+    const text = variables.plg_quickicon_privacycheck_text;
+    const quickicon = document.getElementById('plg_quickicon_privacycheck');
+    const link = quickicon.querySelector('span.j-links-link');
+
+    /**
+     * DO NOT use fetch() for QuickIcon requests. They must be queued.
+     *
+     * @see https://github.com/joomla/joomla-cms/issues/38001
+     */
+    Joomla.enqueueRequest({
+      url: ajaxUrl,
+      method: 'GET',
+      promise: true
+    }).then(xhr => {
+      const response = xhr.responseText;
+      const request = JSON.parse(response);
+      if (request.data.number_urgent_requests) {
+        // Quickicon on dashboard shows message
+        const countBadge = document.createElement('span');
+        countBadge.classList.add('badge', 'text-dark', 'bg-light');
+        countBadge.textContent = request.data.number_urgent_requests;
+        link.textContent = `${text.REQUESTFOUND} `;
+        link.appendChild(countBadge);
+
+        // Quickicon becomes red
+        quickicon.classList.add('danger');
+
+        // Span in alert
+        const countSpan = document.createElement('span');
+        countSpan.classList.add('label', 'label-important');
+        countSpan.textContent = `${text.REQUESTFOUND_MESSAGE.replace('%s', request.data.number_urgent_requests)} `;
+
+        // Button in alert to 'view requests'
+        const requestButton = document.createElement('button');
+        requestButton.classList.add('btn', 'btn-primary', 'btn-sm');
+        requestButton.setAttribute('onclick', `document.location='${url}'`);
+        requestButton.textContent = text.REQUESTFOUND_BUTTON;
+        const div = document.createElement('div');
+        div.classList.add('alert', 'alert-error', 'alert-joomlaupdate');
+        div.appendChild(countSpan);
+        div.appendChild(requestButton);
+
+        // Add elements to container for alert messages
+        const container = document.querySelector('#system-message-container');
+        container.insertBefore(div, container.firstChild);
+      } else {
+        quickicon.classList.add('success');
+        link.textContent = text.NOREQUEST;
+      }
+    }).catch(() => {
+      quickicon.classList.add('danger');
+      link.textContent = text.ERROR;
+    });
+  };
+
+  // Give some times to the layout and other scripts to settle their stuff
+  window.addEventListener('load', () => {
+    setTimeout(checkPrivacy, 360);
+  });
+})(document);

media/plg_quickicon_privacycheck/js/privacycheck.min.js

@@ -0,0 +1 @@
+(e=>{const t=()=>{const t=Joomla.getOptions("js-privacy-check"),n=t.plg_quickicon_privacycheck_ajax_url,s=t.plg_quickicon_privacycheck_url,a=t.plg_quickicon_privacycheck_text,c=e.getElementById("plg_quickicon_privacycheck"),r=c.querySelector("span.j-links-link");Joomla.enqueueRequest({url:n,method:"GET",promise:!0}).then((t=>{const n=t.responseText,l=JSON.parse(n);if(l.data.number_urgent_requests){const t=e.createElement("span");t.classList.add("badge","text-dark","bg-light"),t.textContent=l.data.number_urgent_requests,r.textContent=`${a.REQUESTFOUND} `,r.appendChild(t),c.classList.add("danger");const n=e.createElement("span");n.classList.add("label","label-important"),n.textContent=`${a.REQUESTFOUND_MESSAGE.replace("%s",l.data.number_urgent_requests)} `;const o=e.createElement("button");o.classList.add("btn","btn-primary","btn-sm"),o.setAttribute("onclick",`document.location='${s}'`),o.textContent=a.REQUESTFOUND_BUTTON;const i=e.createElement("div");i.classList.add("alert","alert-error","alert-joomlaupdate"),i.appendChild(n),i.appendChild(o);const d=e.querySelector("#system-message-container");d.insertBefore(i,d.firstChild)}else c.classList.add("success"),r.textContent=a.NOREQUEST})).catch((()=>{c.classList.add("danger"),r.textContent=a.ERROR}))};window.addEventListener("load",(()=>{setTimeout(t,360)}))})(document);