Devtools: [ElementsPanel] Add dom listeners in sidebars

Source/devtools/front_end/elements/ElementsSidebarPane.js

 // Copyright (c) 2014 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
  * @extends {WebInspector.SidebarPane}
  * @param {string} title
  */
 WebInspector.ElementsSidebarPane = function(title)
@@ skipping 57 matching lines @@
     {
         if (this._target === target)
             return;
         if (this._target) {
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetAdded, this.onCSSModelChanged, this);
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetRemoved, this.onCSSModelChanged, this);
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this.onCSSModelChanged, this);
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.MediaQueryResultChanged, this.onCSSModelChanged, this);
             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.PseudoStateForced, this.onCSSModelChanged, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.ModelWasEnabled, this.onCSSModelChanged, this);
-            this._domModel.removeEventListener(WebInspector.DOMModel.Events.AttrModified, this._onAttributeChanged, this);
-            this._domModel.removeEventListener(WebInspector.DOMModel.Events.AttrRemoved, this._onAttributeChanged, this);
-            this._domModel.removeEventListener(WebInspector.DOMModel.Events.CharacterDataModified, this._onCharDataChanged, this);
+            this._domModel.removeEventListener(WebInspector.DOMModel.Events.DOMMutated, this.onDOMModelChanged, this);
             this._target.resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameResized, this._onFrameResized, this);
         }
         this._target = target;
         if (target) {
             this._cssModel = WebInspector.CSSStyleModel.fromTarget(target);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetAdded, this.onCSSModelChanged, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetRemoved, this.onCSSModelChanged, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this.onCSSModelChanged, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.MediaQueryResultChanged, this.onCSSModelChanged, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.PseudoStateForced, this.onCSSModelChanged, this);
             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.ModelWasEnabled, this.onCSSModelChanged, this);
             this._domModel = WebInspector.DOMModel.fromTarget(target);
-            this._domModel.addEventListener(WebInspector.DOMModel.Events.AttrModified, this._onAttributeChanged, this);
-            this._domModel.addEventListener(WebInspector.DOMModel.Events.AttrRemoved, this._onAttributeChanged, this);
-            this._domModel.addEventListener(WebInspector.DOMModel.Events.CharacterDataModified, this._onCharDataChanged, this);
+            this._domModel.addEventListener(WebInspector.DOMModel.Events.DOMMutated, this.onDOMModelChanged, this);
             this._target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameResized, this._onFrameResized, this);
         }
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
-    _onAttributeChanged: function(event)
-    {
-        this.onDOMNodeChanged(/** @type {!WebInspector.DOMNode} */(event.data.node));
-    },
-
-    /**
-     * @param {!WebInspector.Event} event
-     */
-    _onCharDataChanged: function(event)
-    {
-        this.onDOMNodeChanged(/** @type {!WebInspector.DOMNode} */(event.data));
-    },
-
-    /**
-     * @param {!WebInspector.Event} event
-     */
     _onFrameResized: function(event)
     {
         /**
          * @this {WebInspector.ElementsSidebarPane}
          */
         function refreshContents()
         {
             this.onFrameResizedThrottled();
             delete this._frameResizedTimer;
         }
 
         if (this._frameResizedTimer)
             clearTimeout(this._frameResizedTimer);
 
         this._frameResizedTimer = setTimeout(refreshContents.bind(this), 100);
     },
 
-    /**
-     * @param {!WebInspector.DOMNode} changedNode
-     */
-    onDOMNodeChanged: function(changedNode) { },
+    onDOMModelChanged: function() { },
 
     onCSSModelChanged: function() { },
 
     onFrameResizedThrottled: function() { },
 
     __proto__: WebInspector.SidebarPane.prototype
 }
 
 /**
  * @constructor
@@ skipping 91 matching lines @@
      * @override
      * @return {!WebInspector.Widget}
      */
     view: function()
     {
         return this;
     },
 
     __proto__: WebInspector.Widget.prototype
 }