first commit

media/plg_system_stats/js/stats-message.js

@@ -0,0 +1,93 @@
+/**
+ * @copyright  (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ * @since      3.5.0
+ */
+
+Joomla = window.Joomla || {};
+((Joomla, document) => {
+
+  const allowed = {
+    input: ['type', 'name', 'value'],
+    'joomla-alert': ['type', 'dismiss', 'role'],
+    button: ['type'],
+    table: [],
+    tbody: [],
+    thead: [],
+    caption: [],
+    th: ['scope'],
+    tr: [],
+    td: []
+  };
+  const initStatsEvents = callback => {
+    const messageContainer = document.getElementById('system-message-container');
+    const joomlaAlert = messageContainer.querySelector('.js-pstats-alert');
+    const detailsContainer = messageContainer.querySelector('#js-pstats-data-details');
+
+    // Show details about the information being sent
+    document.addEventListener('click', event => {
+      if (event.target.classList.contains('js-pstats-btn-details')) {
+        event.preventDefault();
+        detailsContainer.classList.toggle('d-none');
+      }
+    });
+
+    // Always allow
+    document.addEventListener('click', event => {
+      if (event.target.classList.contains('js-pstats-btn-allow-always')) {
+        event.preventDefault();
+
+        // Remove message
+        joomlaAlert.close();
+        callback({
+          plugin: 'sendAlways'
+        });
+      }
+    });
+
+    // Never allow
+    document.addEventListener('click', event => {
+      if (event.target.classList.contains('js-pstats-btn-allow-never')) {
+        event.preventDefault();
+
+        // Remove message
+        joomlaAlert.close();
+        callback({
+          plugin: 'sendNever'
+        });
+      }
+    });
+  };
+  const getJson = ({
+    plugin: _plugin = 'sendStats'
+  } = {}) => {
+    const url = `index.php?option=com_ajax&group=system&plugin=${_plugin}&format=raw`;
+    const messageContainer = document.getElementById('system-message-container');
+    Joomla.request({
+      url,
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      onSuccess: response => {
+        try {
+          const json = JSON.parse(response);
+          if (json && json.html) {
+            messageContainer.insertAdjacentHTML('beforeend', Joomla.sanitizeHtml(json.html, allowed));
+            messageContainer.querySelector('.js-pstats-alert').classList.remove('hidden');
+            initStatsEvents(getJson);
+          }
+        } catch (e) {
+          throw new Error(e);
+        }
+      },
+      onError: xhr => {
+        Joomla.renderMessages({
+          error: [xhr.response]
+        });
+      }
+    });
+  };
+  document.addEventListener('DOMContentLoaded', () => {
+    getJson();
+  });
+})(Joomla, document);