chore: remove events bridge

Remove the custome events bridge and use the grid's div as one
BBj-Plugins · May 26, 2020 · 47bf427 · 47bf427
1 parent c961448
commit 47bf427
Show file tree

Hide file tree

Showing 6 changed files with 28,011 additions and 52 deletions.
diff --git a/client/dist/bbj-grid-widget.js b/client/dist/bbj-grid-widget.js
diff --git a/client/dist/bbj-grid-widget.min.js b/client/dist/bbj-grid-widget.min.js
diff --git a/client/dist/report.html b/client/dist/report.html
diff --git a/client/index.html b/client/index.html
@@ -15,11 +15,6 @@
   </head>
 
   <body>
-    <div
-      id="event-bridge-__id__"
-      onClick="window.basisDispatchCustomEvent(this, event.payload)"
-    ></div>
-
     <div tabindex="-1" id="__id__" style="height: 100%" class="__THEME__"></div>
   </body>
 </html>
diff --git a/client/src/events/utilities.js b/client/src/events/utilities.js
@@ -33,9 +33,6 @@ export function gw_debounce(func, wait, immediate) {
 /**
  * Send an event to BBj side
  *
- * The function will trigger a custom click event on the `event-bridge-${id}` div
- * then the div will use basisDispatchCustomEvent to dispatch the event to BBj
- *
  * @param {Array} context the grid's context
  * @param {*} payload the event payload
  * @param {String} eventId the event's id
@@ -44,11 +41,8 @@ export function gw_sendEvent(context, payload = {}, eventId = []) {
   const registeredInterests = context.interests || []
 
   if (registeredInterests.includes(eventId)) {
-    const div = gw_getDocument().getElementById(`event-bridge-${context.id}`)
-    const event = new CustomEvent('click')
-
-    event.payload = payload
-    div.dispatchEvent(event)
+    const div = gw_getDocument().getElementById(`${context.id}`)
+    window.basisDispatchCustomEvent(div, payload)
   }
 }
 

diff --git a/demo/assets/templates/grid-template-with-font-awesome.html b/demo/assets/templates/grid-template-with-font-awesome.html
@@ -1,32 +1,21 @@
 <!DOCTYPE html>
 <html lang="__lang__">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"/>
+    <style>
+      html,
+      body {
+        margin: 0;
+        padding: 0;
+        height: 100%;
+      }
+    </style>
+  </head>
 
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"/>
-  <style>
-    html,
-    body {
-      margin: 0;
-      padding: 0;
-      height: 100%;
-    }
-  </style>
-</head>
-
-<body>
-  <div 
-    id="event-bridge-__id__" 
-    onClick="window.basisDispatchCustomEvent(this, event.payload)">
-  </div>
-
-  <div 
-    id="__id__" 
-    style="height: 100%" 
-    class="__THEME__">
-  </div>
-</body>
-
-</html>
+  <body>
+    <div tabindex="-1" id="__id__" style="height: 100%" class="__THEME__"></div>
+  </body>
+</html>