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

Side by Side Diff: Source/devtools/front_end/timeline/TimelinePanel.js

Issue 1155963005: DevTools: Show frame rate on timeline events overview. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 5 years, 6 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
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2012 Google Inc. All rights reserved. 2 * Copyright (C) 2012 Google Inc. All rights reserved.
3 * Copyright (C) 2012 Intel Inc. All rights reserved. 3 * Copyright (C) 2012 Intel Inc. All rights reserved.
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions are 6 * modification, are permitted provided that the following conditions are
7 * met: 7 * met:
8 * 8 *
9 * * Redistributions of source code must retain the above copyright 9 * * Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 586 matching lines...) Expand 10 before | Expand all | Expand 10 after
597 597
598 _onModeChanged: function() 598 _onModeChanged: function()
599 { 599 {
600 this._stackView.detach(); 600 this._stackView.detach();
601 601
602 var isFrameMode = this._overviewModeSetting.get() === WebInspector.Timel inePanel.OverviewMode.Frames; 602 var isFrameMode = this._overviewModeSetting.get() === WebInspector.Timel inePanel.OverviewMode.Frames;
603 this._removeAllModeViews(); 603 this._removeAllModeViews();
604 this._overviewControls = []; 604 this._overviewControls = [];
605 605
606 var mainOverview = isFrameMode ? new WebInspector.TimelineFrameOverview( this._model, this._frameModel()) 606 var mainOverview = isFrameMode ? new WebInspector.TimelineFrameOverview( this._model, this._frameModel())
607 : new WebInspector.TimelineEventOverview( this._model); 607 : new WebInspector.TimelineEventOverview( this._model, this._frameModel());
608 this._overviewControls.push(mainOverview); 608 this._overviewControls.push(mainOverview);
609 this.element.classList.toggle("timeline-overview-frames-mode", isFrameMo de); 609 this.element.classList.toggle("timeline-overview-frames-mode", isFrameMo de);
610 610
611 if (this._flameChartEnabledSetting.get()) { 611 if (this._flameChartEnabledSetting.get()) {
612 this._filterBar.filterButton().setEnabled(false); 612 this._filterBar.filterButton().setEnabled(false);
613 this._filtersContainer.classList.toggle("hidden", true); 613 this._filtersContainer.classList.toggle("hidden", true);
614 this._flameChart = new WebInspector.TimelineFlameChartView(this, thi s._model, this._frameModel()); 614 this._flameChart = new WebInspector.TimelineFlameChartView(this, thi s._model, this._frameModel());
615 this._flameChart.enableNetworkPane(this._captureNetworkSetting.get() ); 615 this._flameChart.enableNetworkPane(this._captureNetworkSetting.get() );
616 this._addModeView(this._flameChart); 616 this._addModeView(this._flameChart);
617 } else { 617 } else {
618 this._flameChart = null; 618 this._flameChart = null;
619 this._filterBar.filterButton().setEnabled(true); 619 this._filterBar.filterButton().setEnabled(true);
620 this._filtersContainer.classList.toggle("hidden", !this._filterBar.f iltersToggled()); 620 this._filtersContainer.classList.toggle("hidden", !this._filterBar.f iltersToggled());
621 var timelineView = new WebInspector.TimelineView(this, this._model) 621 var timelineView = new WebInspector.TimelineView(this, this._model);
622 this._addModeView(timelineView); 622 this._addModeView(timelineView);
623 timelineView.setFrameModel(isFrameMode ? this._frameModel() : null); 623 timelineView.setFrameModel(isFrameMode ? this._frameModel() : null);
624 } 624 }
625 625
626 if (this._captureMemorySetting.get()) { 626 if (this._captureMemorySetting.get()) {
627 if (!isFrameMode) // Frame mode skews time, don't render aux overvi ews. 627 if (!isFrameMode) // Frame mode skews time, don't render aux overvi ews.
628 this._overviewControls.push(new WebInspector.TimelineMemoryOverv iew(this._model)); 628 this._overviewControls.push(new WebInspector.TimelineMemoryOverv iew(this._model));
629 this._addModeView(new WebInspector.MemoryCountersGraph(this, this._m odel)); 629 this._addModeView(new WebInspector.MemoryCountersGraph(this, this._m odel));
630 } 630 }
631 631
(...skipping 1203 matching lines...) Expand 10 before | Expand all | Expand 10 after
1835 /** 1835 /**
1836 * @override 1836 * @override
1837 */ 1837 */
1838 reset: function() 1838 reset: function()
1839 { 1839 {
1840 this._filmStripView.reset(); 1840 this._filmStripView.reset();
1841 }, 1841 },
1842 1842
1843 __proto__: WebInspector.TimelineOverviewBase.prototype 1843 __proto__: WebInspector.TimelineOverviewBase.prototype
1844 } 1844 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698