feat: adds a refresh button (#19261)

* feat: adds a refresh button

this commit introduces a refresh button to every page in the CoreHome module. When the user clicks the button, the data of the current page is refreshed without reloading the page.

Refs #11047

* refactor: apply CR changes

Refs #11047

1 files changed, 43 insertions, 0 deletions

diff --git a/plugins/CoreHome/javascripts/refresh-button.js b/plugins/CoreHome/javascripts/refresh-button.js
new file mode 100644
index 0000000000..96f7176d93
--- /dev/null
+++ b/plugins/CoreHome/javascripts/refresh-button.js
@@ -0,0 +1,43 @@
+/*!
+ * Matomo - free/libre analytics platform
+ *
+ * @link http://matomo.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+$(function () {
+  var iconRefresh = $('.top_controls .icon-reload');
+
+  function refresh() {
+    var Matomo = window.CoreHome.Matomo;
+    var hashParsed = window.CoreHome.MatomoUrl.hashParsed.value;
+
+    Matomo.postEvent('loadPage', hashParsed.category, hashParsed.subcategory);
+  }
+
+  function isCoreHomeModuleActive() {
+    var search = window.CoreHome.MatomoUrl.parse(window.location.search.slice(1));
+    return search.module === 'CoreHome';
+  }
+
+  if (isCoreHomeModuleActive()) {
+    iconRefresh.show();
+
+    iconRefresh.on('click', function (e) {
+      e.preventDefault();
+      refresh();
+    });
+
+    piwikHelper.registerShortcut('r', _pk_translate('CoreHome_ShortcutRefresh'), function (event) {
+      if (event.altKey) {
+        return;
+      }
+      if (event.preventDefault) {
+        event.preventDefault();
+      } else {
+        event.returnValue = false; // IE
+      }
+
+      refresh();
+    });
+  }
+});