tracing/tracing/ui/extras/chrome/cc/picture_ops_chart_view.html - Issue 1967613003: Migrate child element manipulation, innerHTML, classList, attributes,

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

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

Issue 1967613003: Migrate child element manipulation, innerHTML, classList, attributes, (Closed) Base URL: https://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

« tracing/tracing/base/base.html ('K') | « tracing/tracing/ui/extras/chrome/cc/picture_ops_chart_summary_view.html ('k') | tracing/tracing/ui/extras/chrome/cc/picture_ops_list_view.html » ('j') | tracing/tracing/ui/timeline_track_view.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <!--	2 <!--

3 Copyright (c) 2013 The Chromium Authors. All rights reserved.	3 Copyright (c) 2013 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="stylesheet" href="/tracing/ui/extras/chrome/cc/picture_ops_chart_view .css">	8 <link rel="stylesheet" href="/tracing/ui/extras/chrome/cc/picture_ops_chart_view .css">

9	9

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

(...skipping 51 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
62 this.totalOpCost_ = 0;	62 this.totalOpCost_ = 0;

63	63

64 this.chart_.addEventListener('click', this.onClick_.bind(this));	64 this.chart_.addEventListener('click', this.onClick_.bind(this));

65 this.chart_.addEventListener('mousemove', this.onMouseMove_.bind(this));	65 this.chart_.addEventListener('mousemove', this.onMouseMove_.bind(this));

66	66

67 this.usePercentileScale_ = false;	67 this.usePercentileScale_ = false;

68 this.usePercentileScaleCheckbox_ = tr.ui.b.createCheckBox(	68 this.usePercentileScaleCheckbox_ = tr.ui.b.createCheckBox(

69 this, 'usePercentileScale',	69 this, 'usePercentileScale',

70 'PictureOpsChartView.usePercentileScale', false,	70 'PictureOpsChartView.usePercentileScale', false,

71 'Limit to 95%-ile');	71 'Limit to 95%-ile');

72 this.usePercentileScaleCheckbox_.classList.add('use-percentile-scale');	72 Polymer.dom(this.usePercentileScaleCheckbox_).classList.add(

	73 'use-percentile-scale');

73 Polymer.dom(this).appendChild(this.usePercentileScaleCheckbox_);	74 Polymer.dom(this).appendChild(this.usePercentileScaleCheckbox_);

74 },	75 },

75	76

76 get dimensionsHaveChanged() {	77 get dimensionsHaveChanged() {

77 return this.dimensionsHaveChanged_;	78 return this.dimensionsHaveChanged_;

78 },	79 },

79	80

80 set dimensionsHaveChanged(dimensionsHaveChanged) {	81 set dimensionsHaveChanged(dimensionsHaveChanged) {

81 this.dimensionsHaveChanged_ = dimensionsHaveChanged;	82 this.dimensionsHaveChanged_ = dimensionsHaveChanged;

82 },	83 },

(...skipping 408 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
491 this.chartCtx_.fillText('No timing data available.',	492 this.chartCtx_.fillText('No timing data available.',

492 this.chartWidth_ * 0.5, this.chartHeight_ * 0.5);	493 this.chartWidth_ * 0.5, this.chartHeight_ * 0.5);

493 }	494 }

494 };	495 };

495	496

496 return {	497 return {

497 PictureOpsChartView: PictureOpsChartView	498 PictureOpsChartView: PictureOpsChartView

498 };	499 };

499 });	500 });

500 </script>	501 </script>

OLD	NEW