tracing/tracing/ui/extras/chrome/cc/layer_tree_quad_stack_view.html - Issue 1922193002: [polymer] Replaces this.appendChild with Polymer.dom(this).appendChild

Side by Side Diff: tracing/tracing/ui/extras/chrome/cc/layer_tree_quad_stack_view.html

Issue 1922193002: [polymer] Replaces this.appendChild with Polymer.dom(this).appendChild (Closed) Base URL: git@github.com:catapult-project/catapult.git@polymer10-migration

Patch Set: Created 4 years, 7 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

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <!--	2 <!--

3 Copyright (c) 2015 The Chromium Authors. All rights reserved.	3 Copyright (c) 2015 The Chromium Authors. All rights reserved.

4 Use of this source code is governed by a BSD-style license that can be	4 Use of this source code is governed by a BSD-style license that can be

5 found in the LICENSE file.	5 found in the LICENSE file.

6 -->	6 -->

7	7

8 <link rel="import" href="/tracing/base/color.html">	8 <link rel="import" href="/tracing/base/color.html">

9 <link rel="import" href="/tracing/base/quad.html">	9 <link rel="import" href="/tracing/base/quad.html">

10 <link rel="import" href="/tracing/base/raf.html">	10 <link rel="import" href="/tracing/base/raf.html">

(...skipping 103 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
114 var m = tr.ui.b.MOUSE_SELECTOR_MODE;	114 var m = tr.ui.b.MOUSE_SELECTOR_MODE;

115 var mms = this.quadStackView_.mouseModeSelector;	115 var mms = this.quadStackView_.mouseModeSelector;

116 mms.settingsKey = 'tr.e.cc.layerTreeQuadStackView.mouseModeSelector';	116 mms.settingsKey = 'tr.e.cc.layerTreeQuadStackView.mouseModeSelector';

117 mms.setKeyCodeForMode(m.SELECTION, 'Z'.charCodeAt(0));	117 mms.setKeyCodeForMode(m.SELECTION, 'Z'.charCodeAt(0));

118 mms.setKeyCodeForMode(m.PANSCAN, 'X'.charCodeAt(0));	118 mms.setKeyCodeForMode(m.PANSCAN, 'X'.charCodeAt(0));

119 mms.setKeyCodeForMode(m.ZOOM, 'C'.charCodeAt(0));	119 mms.setKeyCodeForMode(m.ZOOM, 'C'.charCodeAt(0));

120 mms.setKeyCodeForMode(m.ROTATE, 'V'.charCodeAt(0));	120 mms.setKeyCodeForMode(m.ROTATE, 'V'.charCodeAt(0));

121	121

122 var node = tr.ui.b.instantiateTemplate(	122 var node = tr.ui.b.instantiateTemplate(

123 '#tr-ui-e-chrome-cc-layer-tree-quad-stack-view-template', THIS_DOC);	123 '#tr-ui-e-chrome-cc-layer-tree-quad-stack-view-template', THIS_DOC);

124 this.appendChild(node);	124 Polymer.dom(this).appendChild(node);

125 this.appendChild(this.controls_);	125 Polymer.dom(this).appendChild(this.controls_);

126 this.appendChild(this.infoBar_);	126 Polymer.dom(this).appendChild(this.infoBar_);

127 this.appendChild(this.quadStackView_);	127 Polymer.dom(this).appendChild(this.quadStackView_);

128	128

129 this.tileRectsSelector_ = tr.ui.b.createSelector(	129 this.tileRectsSelector_ = tr.ui.b.createSelector(

130 this, 'howToShowTiles',	130 this, 'howToShowTiles',

131 'layerView.howToShowTiles', 'none',	131 'layerView.howToShowTiles', 'none',

132 createTileRectsSelectorBaseOptions());	132 createTileRectsSelectorBaseOptions());

133 this.controls_.appendChild(this.tileRectsSelector_);	133 this.controls_.appendChild(this.tileRectsSelector_);

134	134

135 var tileHeatmapText = tr.ui.b.createSpan({	135 var tileHeatmapText = tr.ui.b.createSpan({

136 textContent: 'Tile heatmap:'	136 textContent: 'Tile heatmap:'

137 });	137 });

(...skipping 73 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
211 'Input events');	211 'Input events');

212 showInputEventsCheckbox.title = 'When checked, input events are ' +	212 showInputEventsCheckbox.title = 'When checked, input events are ' +

213 'displayed as circles.';	213 'displayed as circles.';

214 this.controls_.appendChild(showInputEventsCheckbox);	214 this.controls_.appendChild(showInputEventsCheckbox);

215	215

216 this.whatRasterizedLink_ = document.createElement('a');	216 this.whatRasterizedLink_ = document.createElement('a');

217 this.whatRasterizedLink_.classList.add('what-rasterized');	217 this.whatRasterizedLink_.classList.add('what-rasterized');

218 this.whatRasterizedLink_.textContent = 'What rasterized?';	218 this.whatRasterizedLink_.textContent = 'What rasterized?';

219 this.whatRasterizedLink_.addEventListener(	219 this.whatRasterizedLink_.addEventListener(

220 'click', this.onWhatRasterizedLinkClicked_.bind(this));	220 'click', this.onWhatRasterizedLinkClicked_.bind(this));

221 this.appendChild(this.whatRasterizedLink_);	221 Polymer.dom(this).appendChild(this.whatRasterizedLink_);

222 },	222 },

223	223

224 get layerTreeImpl() {	224 get layerTreeImpl() {

225 return this.layerTreeImpl_;	225 return this.layerTreeImpl_;

226 },	226 },

227	227

228 set isRenderPassQuads(newValue) {	228 set isRenderPassQuads(newValue) {

229 this.isRenderPassQuads_ = newValue;	229 this.isRenderPassQuads_ = newValue;

230 },	230 },

231	231

(...skipping 951 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1183 event.selection = new tr.model.EventSet(tasks);	1183 event.selection = new tr.model.EventSet(tasks);

1184 this.dispatchEvent(event);	1184 this.dispatchEvent(event);

1185 }	1185 }

1186 };	1186 };

1187	1187

1188 return {	1188 return {

1189 LayerTreeQuadStackView: LayerTreeQuadStackView	1189 LayerTreeQuadStackView: LayerTreeQuadStackView

1190 };	1190 };

1191 });	1191 });

1192 </script>	1192 </script>

OLD	NEW