[DevTools] Support JQuery event listeners

Source/devtools/front_end/components/EventListenersView.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @param {!Element} element
  */
 WebInspector.EventListenersView = function(element)
 {
     this._element = element;
     this._treeOutline = new TreeOutlineInShadow("event-listener-tree");
     this._treeOutline.registerRequiredCSS("components/objectValue.css");
     this._treeOutline.registerRequiredCSS("components/eventListenersView.css");
     this._treeOutline.setComparator(WebInspector.EventListenersTreeElement.comparator);
     this._treeOutline.element.classList.add("monospace");
     this._element.appendChild(this._treeOutline.element)
     this._emptyHolder = createElementWithClass("div", "info");
     this._emptyHolder.textContent = WebInspector.UIString("No Event Listeners");
     this._linkifier = new WebInspector.Linkifier();
     /** @type {!Map<string, !WebInspector.EventListenersTreeElement>} */
     this._treeItemMap = new Map();
+    this._listenerTreeElements = [];
 }
 
 WebInspector.EventListenersView.prototype = {
     /**
      * @param {!Array<!WebInspector.RemoteObject>} objects
      * @return {!Promise<undefined>}
      */
     addObjects: function(objects)
     {
         var promises = [];
@@ skipping 17 matching lines @@
     /**
      * @param {!WebInspector.RemoteObject} object
      * @param {?Array<!WebInspector.EventListener>} eventListeners
      */
     _addObjectEventListeners: function(object, eventListeners)
     {
         if (!eventListeners)
             return;
         for (var eventListener of eventListeners) {
             var treeItem = this._getOrCreateTreeElementForType(eventListener.type());
-            treeItem.addObjectEventListener(eventListener, object);
+            this._listenerTreeElements.push(treeItem.addObjectEventListener(eventListener, object));
         }
     },
 
     /**
      * @param {string} type
      * @return {!WebInspector.EventListenersTreeElement}
      */
     _getOrCreateTreeElementForType: function(type)
     {
         var treeItem = this._treeItemMap.get(type);
         if (!treeItem) {
             treeItem = new WebInspector.EventListenersTreeElement(type, this._linkifier);
             this._treeItemMap.set(type, treeItem);
             this._treeOutline.appendChild(treeItem);
             this._emptyHolder.remove();
         }
         return treeItem;
     },
 
     addEmptyHolderIfNeeded: function()
     {
         if (!this._treeOutline.firstChild() && !this._emptyHolder.parentNode)
            this._element.appendChild(this._emptyHolder);
     },
 
     reset: function()
     {
         this._treeItemMap = new Map();
+        this._listenerTreeElements = [];
         this._treeOutline.removeChildren();
         this._linkifier.reset();
     },
 
+    /**
+     * @param {boolean} showUserListeners
+     */
+    showFrameworkUserEventListeners: function(showUserListeners)
+    {
+        for (var listenerTreeElement of  this._listenerTreeElements) {
+            var listenerType = listenerTreeElement.eventListener().listenerType();
+            var hidden = false;
+            if (listenerType === "frameworkUser" && !showUserListeners)
+                hidden = true;
+            if (listenerType === "frameworkInternal" && showUserListeners)
+                hidden = true;
+            listenerTreeElement.hidden = hidden;
+        }
+    },
+
     _eventListenersArrivedForTest: function()
     {
     }
 }
 
 /**
  * @constructor
  * @extends {TreeElement}
  * @param {string} type
  * @param {!WebInspector.Linkifier} linkifier
@@ skipping 14 matching lines @@
 WebInspector.EventListenersTreeElement.comparator = function(element1, element2) {
     if (element1.title === element2.title)
         return 0;
     return element1.title > element2.title ? 1 : -1;
 }
 
 WebInspector.EventListenersTreeElement.prototype = {
     /**
      * @param {!WebInspector.EventListener} eventListener
      * @param {!WebInspector.RemoteObject} object
+     * @return {!WebInspector.ObjectEventListenerBar}
      */
     addObjectEventListener: function(eventListener, object)
     {
         var treeElement = new WebInspector.ObjectEventListenerBar(eventListener, object, this._linkifier);
         this.appendChild(/** @type {!TreeElement} */ (treeElement));
+        return treeElement;
     },
 
     __proto__: TreeElement.prototype
 }
 
 /**
  * @constructor
  * @extends {TreeElement}
  * @param {!WebInspector.EventListener} eventListener
  * @param {!WebInspector.RemoteObject} object
@@ skipping 25 matching lines @@
      * @param {!WebInspector.Linkifier} linkifier
      */
     _setTitle: function(object, linkifier)
     {
         var title = this.listItemElement.createChild("span");
         var subtitle = this.listItemElement.createChild("span", "event-listener-tree-subtitle");
         subtitle.appendChild(linkifier.linkifyRawLocation(this._eventListener.location(), this._eventListener.sourceName()));
         title.appendChild(WebInspector.ObjectPropertiesSection.createValueElement(object, false));
     },
 
+    /**
+     * @return {!WebInspector.EventListener}
+     */
+    eventListener: function()
+    {
+        return this._eventListener;
+    },
+
     __proto__: TreeElement.prototype
 }