third_party/WebKit/Source/devtools/front_end/elements/SharedSidebarModel.js

   1 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 /**
   6  * @extends {WebInspector.Object}
   7  * @constructor
   8  */
   9 WebInspector.SharedSidebarModel = function()
  10 {
  11     WebInspector.Object.call(this);
  12     this._node = WebInspector.context.flavor(WebInspector.DOMNode);
  13     WebInspector.context.addFlavorChangeListener(WebInspector.DOMNode, this._onNodeChanged, this);
  14 }
  15
  16 /**
  17  * @param {?WebInspector.DOMNode} node
  18  * @return {?WebInspector.DOMNode}
  19  */
  20 WebInspector.SharedSidebarModel.elementNode = function(node)
  21 {
  22     if (node && node.nodeType() === Node.TEXT_NODE && node.parentNode)
  23         node = node.parentNode;
  24
  25     if (node && node.nodeType() !== Node.ELEMENT_NODE)
  26         node = null;
  27     return node;
  28 }
  29
  30 WebInspector.SharedSidebarModel.Events = {
  31     ComputedStyleChanged: "ComputedStyleChanged"
  32 }
  33
  34 WebInspector.SharedSidebarModel.prototype = {
  35     /**
  36      * @return {?WebInspector.DOMNode}
  37      */
  38     node: function()
  39     {
  40         return this._node;
  41     },
  42
  43     /**
  44      * @return {?WebInspector.CSSStyleModel}
  45      */
  46     cssModel: function()
  47     {
  48         return this._cssModel;
  49     },
  50
  51     /**
  52      * @param {!WebInspector.Event} event
  53      */
  54     _onNodeChanged: function(event)
  55     {
  56         this._node = /** @type {?WebInspector.DOMNode} */(event.data);
  57         this._updateTarget(this._node ? this._node.target() : null);
  58         this._onComputedStyleChanged();
  59     },
  60
  61     /**
  62      * @param {?WebInspector.Target} target
  63      */
  64     _updateTarget: function(target)
  65     {
  66         if (this._target === target)
  67             return;
  68         if (this._target) {
  69             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetAdded, this._onComputedStyleChanged, this);
  70             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetRemoved, this._onComputedStyleChanged, this);
  71             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this._onComputedStyleChanged, this);
  72             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.MediaQueryResultChanged, this._onComputedStyleChanged, this);
  73             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.PseudoStateForced, this._onComputedStyleChanged, this);
  74             this._cssModel.removeEventListener(WebInspector.CSSStyleModel.Events.ModelWasEnabled, this._onComputedStyleChanged, this);
  75             this._domModel.removeEventListener(WebInspector.DOMModel.Events.DOMMutated, this._onComputedStyleChanged, this);
  76         }
  77         this._target = target;
  78         if (target) {
  79             this._cssModel = WebInspector.CSSStyleModel.fromTarget(target);
  80             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetAdded, this._onComputedStyleChanged, this);
  81             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetRemoved, this._onComputedStyleChanged, this);
  82             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this._onComputedStyleChanged, this);
  83             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.MediaQueryResultChanged, this._onComputedStyleChanged, this);
  84             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.PseudoStateForced, this._onComputedStyleChanged, this);
  85             this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.ModelWasEnabled, this._onComputedStyleChanged, this);
  86             this._domModel = WebInspector.DOMModel.fromTarget(target);
  87             this._domModel.addEventListener(WebInspector.DOMModel.Events.DOMMutated, this._onComputedStyleChanged, this);
  88         }
  89     },
  90
  91     /**
  92      * @return {?WebInspector.DOMNode}
  93      */
  94     _elementNode: function()
  95     {
  96         return WebInspector.SharedSidebarModel.elementNode(this.node());
  97     },
  98
  99     /**
 100      * @return {!Promise.<?WebInspector.SharedSidebarModel.ComputedStyle>}
 101      */
 102     fetchComputedStyle: function()
 103     {
 104         var elementNode = this._elementNode();
 105         var cssModel = this.cssModel();
 106         if (!elementNode || !cssModel)
 107             return Promise.resolve(/** @type {?WebInspector.SharedSidebarModel.ComputedStyle} */(null));
 108
 109         if (!this._computedStylePromise)
 110             this._computedStylePromise = cssModel.computedStylePromise(elementNode.id).then(verifyOutdated.bind(this, elementNode));
 111
 112         return this._computedStylePromise;
 113
 114         /**
 115          * @param {!WebInspector.DOMNode} elementNode
 116          * @param {?WebInspector.CSSStyleDeclaration} style
 117          * @return {?WebInspector.SharedSidebarModel.ComputedStyle}
 118          * @this {WebInspector.SharedSidebarModel}
 119          */
 120         function verifyOutdated(elementNode, style)
 121         {
 122             return elementNode === this._elementNode() && style ? new WebInspector.SharedSidebarModel.ComputedStyle(elementNode, style) : /** @type {?WebInspector.SharedSidebarModel.ComputedStyle} */(null);
 123         }
 124     },
 125
 126     _onComputedStyleChanged: function()
 127     {
 128         delete this._computedStylePromise;
 129         this.dispatchEventToListeners(WebInspector.SharedSidebarModel.Events.ComputedStyleChanged);
 130     },
 131
 132     __proto__: WebInspector.Object.prototype
 133 }
 134
 135 /**
 136  * @constructor
 137  * @param {!WebInspector.DOMNode} node
 138  * @param {!WebInspector.CSSStyleDeclaration} computedStyle
 139  */
 140 WebInspector.SharedSidebarModel.ComputedStyle = function(node, computedStyle)
 141 {
 142     this.node = node;
 143     this.computedStyle = computedStyle;
 144 }