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_view.css"> | |
9 | |
10 <link rel="import" href="/tracing/extras/chrome/cc/picture.html"> | 8 <link rel="import" href="/tracing/extras/chrome/cc/picture.html"> |
11 <link rel="import" href="/tracing/ui/analysis/generic_object_view.html"> | 9 <link rel="import" href="/tracing/ui/analysis/generic_object_view.html"> |
12 <link rel="import" href="/tracing/ui/analysis/object_snapshot_view.html"> | 10 <link rel="import" href="/tracing/ui/analysis/object_snapshot_view.html"> |
13 <link rel="import" href="/tracing/ui/extras/chrome/cc/picture_debugger.html"> | 11 <link rel="import" href="/tracing/ui/extras/chrome/cc/picture_debugger.html"> |
14 | 12 |
15 <script> | 13 <script> |
16 'use strict'; | 14 'use strict'; |
17 | 15 |
18 tr.exportTo('tr.ui.e.chrome.cc', function() { | 16 tr.exportTo('tr.ui.e.chrome.cc', function() { |
19 /* | 17 /* |
20 * Displays a picture snapshot in a human readable form. | 18 * Displays a picture snapshot in a human readable form. |
21 * @constructor | 19 * @constructor |
22 */ | 20 */ |
23 const PictureSnapshotView = tr.ui.b.define( | 21 const PictureSnapshotView = tr.ui.b.define( |
24 'tr-ui-e-chrome-cc-picture-snapshot-view', | 22 'tr-ui-e-chrome-cc-picture-snapshot-view', |
25 tr.ui.analysis.ObjectSnapshotView); | 23 tr.ui.analysis.ObjectSnapshotView); |
26 | 24 |
27 PictureSnapshotView.prototype = { | 25 PictureSnapshotView.prototype = { |
28 __proto__: tr.ui.analysis.ObjectSnapshotView.prototype, | 26 __proto__: tr.ui.analysis.ObjectSnapshotView.prototype, |
29 | 27 |
30 decorate() { | 28 decorate() { |
31 Polymer.dom(this).classList.add( | 29 Polymer.dom(this).classList.add( |
32 'tr-ui-e-chrome-cc-picture-snapshot-view'); | 30 'tr-ui-e-chrome-cc-picture-snapshot-view'); |
| 31 this.style.display = 'flex'; |
| 32 this.style.flexGrow = 0; |
| 33 this.style.flexShrink = 1; |
| 34 this.style.flexBasis = 'auto'; |
33 this.pictureDebugger_ = new tr.ui.e.chrome.cc.PictureDebugger(); | 35 this.pictureDebugger_ = new tr.ui.e.chrome.cc.PictureDebugger(); |
34 Polymer.dom(this).appendChild(this.pictureDebugger_); | 36 Polymer.dom(this).appendChild(this.pictureDebugger_); |
35 }, | 37 }, |
36 | 38 |
37 updateContents() { | 39 updateContents() { |
38 if (this.objectSnapshot_ && this.pictureDebugger_) { | 40 if (this.objectSnapshot_ && this.pictureDebugger_) { |
39 this.pictureDebugger_.picture = this.objectSnapshot_; | 41 this.pictureDebugger_.picture = this.objectSnapshot_; |
40 } | 42 } |
41 } | 43 } |
42 }; | 44 }; |
43 | 45 |
44 tr.ui.analysis.ObjectSnapshotView.register( | 46 tr.ui.analysis.ObjectSnapshotView.register( |
45 PictureSnapshotView, | 47 PictureSnapshotView, |
46 { | 48 { |
47 typeNames: ['cc::Picture', 'cc::LayeredPicture'], | 49 typeNames: ['cc::Picture', 'cc::LayeredPicture'], |
48 showInstances: false | 50 showInstances: false |
49 }); | 51 }); |
50 | 52 |
51 return { | 53 return { |
52 PictureSnapshotView, | 54 PictureSnapshotView, |
53 }; | 55 }; |
54 }); | 56 }); |
55 </script> | 57 </script> |
OLD | NEW |