Merge pull request #138 from RhoInc/addCustomEvent

Add custom event

safetyOutlierExplorer.js

@@ -859,6 +859,12 @@
         updateNormalRangeControl.call(this);
     }
 
+    function initCustomEvents() {
+        var chart = this;
+        chart.participantsSelected = [];
+        chart.events.participantsSelected = new CustomEvent('participantsSelected');
+    }
+
     function onInit() {
         // 1. Count number of unique participant IDs in data prior to data cleaning.
         countParticipants.call(this);
@@ -874,6 +880,9 @@
 
         // 5. Check controls.
         checkControls.call(this);
+
+        // 6. Initialize custom events
+        initCustomEvents.call(this);
     }
 
     function identifyControls() {
@@ -1587,6 +1596,11 @@
         });
         if (this.multiples.chart) this.multiples.chart.destroy();
         delete this.selected_id;
+
+        //Trigger participantsSelected event
+        this.participantsSelected = [];
+        this.events.participantsSelected.data = this.participantsSelected;
+        this.wrap.node().dispatchEvent(this.events.participantsSelected);
     }
 
     function addOverlayEventListener() {
@@ -2009,6 +2023,11 @@
                 context.selected_id = context.multiples.id;
                 highlightSelected.call(context);
                 smallMultiples.call(context);
+
+                //Trigger participantsSelected event
+                context.participantsSelected = [context.selected_id];
+                context.events.participantsSelected.data = context.participantsSelected;
+                context.wrap.node().dispatchEvent(context.events.participantsSelected);
             });
     }
 
@@ -2060,6 +2079,11 @@
                 highlightSelected.call(_this);
                 reorderMarks.call(_this);
                 smallMultiples.call(_this);
+
+                //Trigger participantsSelected event
+                _this.participantsSelected = [_this.selected_id];
+                _this.events.participantsSelected.data = _this.participantsSelected;
+                _this.wrap.node().dispatchEvent(_this.events.participantsSelected);
             });
     }
 
@@ -2085,6 +2109,11 @@
                 highlightSelected.call(_this);
                 reorderMarks.call(_this);
                 smallMultiples.call(_this);
+
+                //Trigger participantsSelected event
+                _this.participantsSelected = [_this.selected_id];
+                _this.events.participantsSelected.data = _this.participantsSelected;
+                _this.wrap.node().dispatchEvent(_this.events.participantsSelected);
             });
     }
 

src/callbacks/onInit.js

@@ -3,6 +3,7 @@ import cleanData from './onInit/cleanData';
 import addVariables from './onInit/addVariables';
 import defineSets from './onInit/defineSets';
 import checkControls from './onInit/checkControls';
+import initCustomEvents from './onInit/initCustomEvents';
 
 export default function onInit() {
     // 1. Count number of unique participant IDs in data prior to data cleaning.
@@ -19,4 +20,7 @@ export default function onInit() {
 
     // 5. Check controls.
     checkControls.call(this);
+
+    // 6. Initialize custom events
+    initCustomEvents.call(this);
 }

src/callbacks/onInit/initCustomEvents.js

@@ -0,0 +1,5 @@
+export default function initCustomEvents() {
+    var chart = this;
+    chart.participantsSelected = [];
+    chart.events.participantsSelected = new CustomEvent('participantsSelected');
+}

src/callbacks/onResize/addEventListeners/addLineEventListeners.js

@@ -23,5 +23,10 @@ export default function addLineEventListeners() {
             highlightSelected.call(this);
             reorderMarks.call(this);
             smallMultiples.call(this);
+
+            //Trigger participantsSelected event
+            this.participantsSelected = [this.selected_id];
+            this.events.participantsSelected.data = this.participantsSelected;
+            this.wrap.node().dispatchEvent(this.events.participantsSelected);
         });
 }

src/callbacks/onResize/addEventListeners/addPointEventListeners.js

@@ -23,5 +23,10 @@ export default function addPointEventListeners() {
             highlightSelected.call(this);
             reorderMarks.call(this);
             smallMultiples.call(this);
+
+            //Trigger participantsSelected event
+            this.participantsSelected = [this.selected_id];
+            this.events.participantsSelected.data = this.participantsSelected;
+            this.wrap.node().dispatchEvent(this.events.participantsSelected);
         });
 }

src/callbacks/onResize/addEventListeners/functions/clearSelected.js

@@ -8,4 +8,9 @@ export default function clearSelected() {
     });
     if (this.multiples.chart) this.multiples.chart.destroy();
     delete this.selected_id;
+
+    //Trigger participantsSelected event
+    this.participantsSelected = [];
+    this.events.participantsSelected.data = this.participantsSelected;
+    this.wrap.node().dispatchEvent(this.events.participantsSelected);
 }

src/callbacks/onResize/addEventListeners/functions/smallMultiples/updateParticipantDropdown.js

@@ -27,5 +27,10 @@ export default function updateParticipantDropdown() {
             context.selected_id = context.multiples.id;
             highlightSelected.call(context);
             smallMultiples.call(context);
+
+            //Trigger participantsSelected event
+            context.participantsSelected = [context.selected_id];
+            context.events.participantsSelected.data = context.participantsSelected;
+            context.wrap.node().dispatchEvent(context.events.participantsSelected);
         });
 }

src/util/polyfills.js

@@ -125,3 +125,17 @@ Math.log10 =
     function(x) {
         return Math.log(x) * Math.LOG10E;
     };
+
+
+    (function() {
+        if (typeof window.CustomEvent === 'function') return false;
+
+        function CustomEvent(event, params) {
+            params = params || { bubbles: false, cancelable: false, detail: null };
+            var evt = document.createEvent('CustomEvent');
+            evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+            return evt;
+        }
+
+        window.CustomEvent = CustomEvent;
+    })();

test-page/index.js

@@ -44,5 +44,11 @@ d3.csv(
             settings
         );
         instance.init(data);
+
+        //quick test of participantSelected event
+        instance.wrap.on("participantsSelected",function(){
+          console.log("Participant Selected Event:")
+          console.log(d3.event.data)
+        })
     }
 );