Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(85)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/layer_viewer/LayerTreeOutline.js

Issue 2440953003: DevTools: use semicolons after each statement. (Closed)
Patch Set: rebaseline Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2013 Google Inc. All rights reserved. 2 * Copyright (C) 2013 Google Inc. All rights reserved.
3 * 3 *
4 * Redistribution and use in source and binary forms, with or without 4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions are 5 * modification, are permitted provided that the following conditions are
6 * met: 6 * met:
7 * 7 *
8 * * Redistributions of source code must retain the above copyright 8 * * Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer. 9 * notice, this list of conditions and the following disclaimer.
10 * * Redistributions in binary form must reproduce the above 10 * * Redistributions in binary form must reproduce the above
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
42 42
43 this._treeOutline = new TreeOutlineInShadow(); 43 this._treeOutline = new TreeOutlineInShadow();
44 this._treeOutline.element.classList.add("layer-tree", "overflow-auto"); 44 this._treeOutline.element.classList.add("layer-tree", "overflow-auto");
45 this._treeOutline.element.addEventListener("mousemove", this._onMouseMove.bi nd(this), false); 45 this._treeOutline.element.addEventListener("mousemove", this._onMouseMove.bi nd(this), false);
46 this._treeOutline.element.addEventListener("mouseout", this._onMouseMove.bin d(this), false); 46 this._treeOutline.element.addEventListener("mouseout", this._onMouseMove.bin d(this), false);
47 this._treeOutline.element.addEventListener("contextmenu", this._onContextMen u.bind(this), true); 47 this._treeOutline.element.addEventListener("contextmenu", this._onContextMen u.bind(this), true);
48 48
49 this._lastHoveredNode = null; 49 this._lastHoveredNode = null;
50 this.element = this._treeOutline.element; 50 this.element = this._treeOutline.element;
51 this._layerViewHost.showInternalLayersSetting().addChangeListener(this._upda te, this); 51 this._layerViewHost.showInternalLayersSetting().addChangeListener(this._upda te, this);
52 } 52 };
53 53
54 WebInspector.LayerTreeOutline.prototype = { 54 WebInspector.LayerTreeOutline.prototype = {
55 focus: function() 55 focus: function()
56 { 56 {
57 this._treeOutline.focus(); 57 this._treeOutline.focus();
58 }, 58 },
59 59
60 /** 60 /**
61 * @param {?WebInspector.LayerView.Selection} selection 61 * @param {?WebInspector.LayerView.Selection} selection
62 * @override 62 * @override
(...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after
204 /** 204 /**
205 * @param {?TreeElement} node 205 * @param {?TreeElement} node
206 * @return {?WebInspector.LayerView.Selection} 206 * @return {?WebInspector.LayerView.Selection}
207 */ 207 */
208 _selectionForNode: function(node) 208 _selectionForNode: function(node)
209 { 209 {
210 return node && node._layer ? new WebInspector.LayerView.LayerSelection(n ode._layer) : null; 210 return node && node._layer ? new WebInspector.LayerView.LayerSelection(n ode._layer) : null;
211 }, 211 },
212 212
213 __proto__: WebInspector.Object.prototype 213 __proto__: WebInspector.Object.prototype
214 } 214 };
215 215
216 /** 216 /**
217 * @constructor 217 * @constructor
218 * @param {!WebInspector.LayerTreeOutline} tree 218 * @param {!WebInspector.LayerTreeOutline} tree
219 * @param {!WebInspector.Layer} layer 219 * @param {!WebInspector.Layer} layer
220 * @extends {TreeElement} 220 * @extends {TreeElement}
221 */ 221 */
222 WebInspector.LayerTreeElement = function(tree, layer) 222 WebInspector.LayerTreeElement = function(tree, layer)
223 { 223 {
224 TreeElement.call(this); 224 TreeElement.call(this);
225 this._treeOutline = tree; 225 this._treeOutline = tree;
226 this._layer = layer; 226 this._layer = layer;
227 this._layer[WebInspector.LayerTreeElement._symbol] = this; 227 this._layer[WebInspector.LayerTreeElement._symbol] = this;
228 this._update(); 228 this._update();
229 } 229 };
230 230
231 WebInspector.LayerTreeElement._symbol = Symbol("layer"); 231 WebInspector.LayerTreeElement._symbol = Symbol("layer");
232 232
233 WebInspector.LayerTreeElement.prototype = { 233 WebInspector.LayerTreeElement.prototype = {
234 _update: function() 234 _update: function()
235 { 235 {
236 var node = this._layer.nodeForSelfOrAncestor(); 236 var node = this._layer.nodeForSelfOrAncestor();
237 var title = createDocumentFragment(); 237 var title = createDocumentFragment();
238 title.createTextChild(node ? WebInspector.DOMPresentationUtils.simpleSel ector(node) : "#" + this._layer.id()); 238 title.createTextChild(node ? WebInspector.DOMPresentationUtils.simpleSel ector(node) : "#" + this._layer.id());
239 var details = title.createChild("span", "dimmed"); 239 var details = title.createChild("span", "dimmed");
(...skipping 13 matching lines...) Expand all
253 253
254 /** 254 /**
255 * @param {boolean} hovered 255 * @param {boolean} hovered
256 */ 256 */
257 setHovered: function(hovered) 257 setHovered: function(hovered)
258 { 258 {
259 this.listItemElement.classList.toggle("hovered", hovered); 259 this.listItemElement.classList.toggle("hovered", hovered);
260 }, 260 },
261 261
262 __proto__: TreeElement.prototype 262 __proto__: TreeElement.prototype
263 } 263 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698