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

Side by Side Diff: Source/devtools/front_end/layers/LayerTreeOutline.js

Issue 662793002: [DevTools] Replace usages of document with custom functions. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 2 months 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 | Annotate | Revision Log
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 167 matching lines...) Expand 10 before | Expand all | Expand 10 after
178 WebInspector.LayerTreeElement = function(tree, layer) 178 WebInspector.LayerTreeElement = function(tree, layer)
179 { 179 {
180 TreeElement.call(this, "", layer); 180 TreeElement.call(this, "", layer);
181 this._treeOutline = tree; 181 this._treeOutline = tree;
182 this._update(); 182 this._update();
183 } 183 }
184 184
185 WebInspector.LayerTreeElement.prototype = { 185 WebInspector.LayerTreeElement.prototype = {
186 onattach: function() 186 onattach: function()
187 { 187 {
188 var selection = document.createElement("div"); 188 var selection = createElement("div");
189 selection.className = "selection"; 189 selection.className = "selection";
190 this.listItemElement.insertBefore(selection, this.listItemElement.firstC hild); 190 this.listItemElement.insertBefore(selection, this.listItemElement.firstC hild);
191 }, 191 },
192 192
193 _update: function() 193 _update: function()
194 { 194 {
195 var layer = /** @type {!WebInspector.Layer} */ (this.representedObject); 195 var layer = /** @type {!WebInspector.Layer} */ (this.representedObject);
196 var node = layer.nodeForSelfOrAncestor(); 196 var node = layer.nodeForSelfOrAncestor();
197 var title = document.createDocumentFragment(); 197 var title = createDocumentFragment();
198 title.createChild("div", "selection"); 198 title.createChild("div", "selection");
199 title.createTextChild(node ? WebInspector.DOMPresentationUtils.simpleSel ector(node) : "#" + layer.id()); 199 title.createTextChild(node ? WebInspector.DOMPresentationUtils.simpleSel ector(node) : "#" + layer.id());
200 var details = title.createChild("span", "dimmed"); 200 var details = title.createChild("span", "dimmed");
201 details.textContent = WebInspector.UIString(" (%d × %d)", layer.width(), layer.height()); 201 details.textContent = WebInspector.UIString(" (%d × %d)", layer.width(), layer.height());
202 this.title = title; 202 this.title = title;
203 }, 203 },
204 204
205 /** 205 /**
206 * @override 206 * @override
207 * @return {boolean} 207 * @return {boolean}
208 */ 208 */
209 onselect: function() 209 onselect: function()
210 { 210 {
211 this._treeOutline._selectedNodeChanged(this); 211 this._treeOutline._selectedNodeChanged(this);
212 return false; 212 return false;
213 }, 213 },
214 214
215 /** 215 /**
216 * @param {boolean} hovered 216 * @param {boolean} hovered
217 */ 217 */
218 setHovered: function(hovered) 218 setHovered: function(hovered)
219 { 219 {
220 this.listItemElement.classList.toggle("hovered", hovered); 220 this.listItemElement.classList.toggle("hovered", hovered);
221 }, 221 },
222 222
223 __proto__: TreeElement.prototype 223 __proto__: TreeElement.prototype
224 } 224 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/layers/LayerDetailsView.js ('k') | Source/devtools/front_end/main/OverridesView.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698