#5306 passing the target dataset to the app worker

Author: tobiu

apps/portal/view/learn/ContentTreeList.mjs

@@ -235,7 +235,7 @@ class ContentTreeList extends TreeList {
 
                 storeData.push({id: i, name: line, sourceId: me.id});
 
-                contentArray[index] = `<h2 class="neo-h2" id="${me.id}__section__${i}">${line}</h2>`;
+                contentArray[index] = `<h2 class="neo-h2" id="${me.id}__section__${i}" data-record-id="${i}">${line}</h2>`;
 
                 i++
             }

apps/portal/view/learn/ContentView.mjs

@@ -62,7 +62,7 @@ class ContentView extends Component {
     /**
      * @param {Object} data
      */
-    onClick(data) {console.log('click');
+    onClick(data) {
         let me = this,
             record = me.record;
 

apps/portal/view/learn/MainContainerController.mjs

@@ -152,13 +152,10 @@ class MainContainerController extends Controller {
     onIntersect(data) {
         console.log('onIntersect', data);
 
-        let me    = this,
-            panel = me.getReference('page-sections-panel'),
-            list  = panel.list,
-            recordId = parseInt(data.targetId.split('__')[2]);
-
-        console.log(list.store);
-        console.log(recordId)
+        let me       = this,
+            panel    = me.getReference('page-sections-panel'),
+            list     = panel.list,
+            recordId = parseInt(data.data.recordId);
 
         list.selectionModel.select(list.store.get(recordId));
     }

src/main/addon/IntersectionObserver.mjs

@@ -37,19 +37,22 @@ class NeoIntersectionObserver extends Base {
 
             if (entry.isIntersecting) {
                 if (target.getBoundingClientRect().y < 200) {
-                    console.log(entry.target.id);
-                    console.log(entry.target.innerText);
+                    console.log(target.id);
+                    console.log(target.innerText);
                     console.log(entry.isIntersecting);
-                    console.log(entry.target.getBoundingClientRect());
+                    console.log(target.getBoundingClientRect());
                     console.log(entry);
                     console.log(observer);
+                    console.log(target.dataset && {...target.dataset});
 
-                    let path = DomEvents.getPathFromElement(entry.target).map(e => DomEvents.getTargetData(e));
+                    let data = target.dataset && {...target.dataset} || null,
+                        path = DomEvents.getPathFromElement(entry.target).map(e => DomEvents.getTargetData(e));
 
                     Neo.worker.Manager.sendMessage('app', {
                         action   : 'domEvent',
                         eventName: 'intersect',
                         data: {
+                            data,
                             id            : observer.rootId,
                             isIntersecting: true,
                             path,