Differences

This shows you the differences between two versions of the page.

--- admin:online-platform-cms:using-web-ui-custom-events [2021/09/27 09:10] – evaldas-luksys
+++ admin:online-platform-cms:using-web-ui-custom-events [2021/09/27 10:11] – evaldas-luksys
@@ Line 129: / Line 129: @@
  moduleName: 'prematch',
  from: {
-  fullPath: '/app/en/prematch/9500/football',
+  fullPath: string,
-  name: 'prematch.sportName',
+  name: string,
  },
  to: {
-  fullPath: '/app/en/roulettes/roulette/3',
+  fullPath: string,
-  name: 'roulettes.roulette',
+  name: string,
  }
 }
@@ Line 146: / Line 146: @@
   * This event allows custom script to stop the route change in the app by adding 'Event.preventDefault()' in the event's listener.
   * Each game has it's own module names, so Roulette page will fire 'roulette' and Dogs page 'dogs' modaleNames.
+  * Games with nested URLs will have the same moduleName, but different names under the 'from' and 'to' objects.
 Script example and what it does:
@@ Line 163: / Line 164: @@
    if (routeChangeEvent.detail.moduleName === 'betgames-iframe') {
+       // preventDefault prevents the route from updating, so the user cannot access this page normally as he would. In this case
+       // we provide our custom solution to guide user when he tries to visit this module (page)
        routeChangeEvent.preventDefault();
        displayBetGamesModal(routeChangeEvent.detail.to, routeChangeEvent.detail.from);
@@ Line 196: / Line 199: @@
     modalElement.remove();
-    // If name is not set, it means that client came straight to this page through the URL section, so this is an exception and
+    // If name is not set, it means that client came straight to this page through the browsers address section, so this is an exception and
     // should be handled differently, since after removing the modal, user will see blank page.
     if (!from.name) {