Difference between revisions of "MediaWiki:Common.js"

Revision as of 15:02, 15 February 2022

/* Any JavaScript here will be loaded for all users on every page load. */

/* Matomo */
var _paq = window._paq = window._paq || [];
/* Tracker methods like 'setCustomDimension' should be called before 'trackPageView'. */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
    var u = '//analytics.safetyinnovation.center/';
    _paq.push(['setTrackerUrl', u + 'matomo.php']);
    _paq.push(['setSiteId', '11']);
    var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
    g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
})();
/* End Matomo Code */

/* Recent Changes Start */
var changesWrapper = document.getElementById('recentChanges');
if (changesWrapper) {
    var url = 'https://links.communitycenter.eu/api.php';
    var params = {
        action: 'query',
        list: 'recentchanges',
        rcprop: 'title|user|timestamp',
        rclimit: '5',
        format: 'json'
    };

    url = url + '?origin=*';
    Object.keys(params).forEach(function (key) { url += '&' + key + '=' + params[key]; });

    fetch(url)
        .then(function (response) { return response.json(); })
        .then(function (response) {
            var domStr = response.query.recentchanges.reduce(function (output, change) {
                return output
                    + '<div class="recentChange">'
                    + '<span>' + change.title + '</span>'
                    + '<span>' + change.user + '</span>'
                    + '<span>' + change.timestamp + '</span>'
                    + '</div>'
            }, '');
            changesWrapper.innerHTML = domStr;
        })
        .catch(function (error) { console.log(error); });
}
/* Recent Changes End */

@@ Line 33: / Line 33: @@
          .then(function (response) { return response.json(); })
          .then(function (response) {
-             var recentchanges = response.query.recentchanges;
+             var domStr = response.query.recentchanges.reduce(function (output, change) {
-            var str = response.query.recentchanges.reduce(function (output, change) {
                  return output
                      + '<div class="recentChange">'
@@ Line 43: / Line 41: @@
                      + '</div>'
              }, '');
-             console.log(str);
+             changesWrapper.innerHTML = domStr;
-            console.log(recentchanges);
-            for (var rc in recentchanges) {
-                changesWrapper.innerHTML += '<div>' + recentchanges[rc].title + ' ' + recentchanges[rc].user + ' ' + recentchanges[rc].timestamp + '</div>';
-            }
          })
          .catch(function (error) { console.log(error); });
 }
 /* Recent Changes End */