added back/forward buttons tracking

Author: Konstiman

vis/js/intermediate.js

@@ -422,8 +422,10 @@ function createFileChangeMiddleware() {
 function createRecordActionMiddleware() {
   return function ({ getState }) {
     return (next) => (action) => {
-      const state = getState();
-      logAction(action, state);
+      if (!action.canceled) {
+        const state = getState();
+        logAction(action, state);
+      }
       return next(action);
     };
   };

vis/js/utils/actionLogger.js

@@ -18,9 +18,55 @@ const logAction = (action, state) => {
       // TODO trackSiteSearch ?
       // https://developer.matomo.org/guides/tracking-javascript-guide
       return trackMatomoEvent("List controls", "Search", "Search box");
+    case "ZOOM_IN":
+      return trackZoomIn(action, state);
+    case "ZOOM_OUT":
+      return trackZoomOut(action);
+    case "SELECT_PAPER":
+      return trackSelectPaper(action);
+    case "DESELECT_PAPER":
+      return trackDeselectPaper(action);
     default:
       return;
   }
 };
 
 export default logAction;
+
+const trackZoomIn = (action, state) => {
+  if (!action.isFromBackButton) {
+    return;
+  }
+
+  if (action.selectedPaperData) {
+    return trackSelectPaper(action);
+  }
+
+  if (state.selectedPaper) {
+    return trackDeselectPaper(action);
+  }
+
+  trackMatomoEvent("Browser buttons", "Zoom in", "Back/Forward button");
+};
+
+const trackZoomOut = (action) => {
+  if (action.isFromBackButton) {
+    trackMatomoEvent("Browser buttons", "Zoom out", "Back/Forward button");
+  }
+};
+
+const trackSelectPaper = (action) => {
+  if (action.isFromBackButton) {
+    trackMatomoEvent("Browser buttons", "Select paper", "Back/Forward button");
+  }
+};
+
+const trackDeselectPaper = (action) => {
+  if (action.isFromBackButton) {
+    trackMatomoEvent(
+      "Browser buttons",
+      "Deselect paper",
+      "Back/Forward button"
+    );
+  }
+};