[DevTools] Add power profiler and power overview in timeline panel.

Source/devtools/front_end/TimelinePanel.js

Index: Source/devtools/front_end/TimelinePanel.js
diff --git a/Source/devtools/front_end/TimelinePanel.js b/Source/devtools/front_end/TimelinePanel.js
index 073dfa333cd76a7d94cf1dadebd8eb69f40c8d39..944408c070fde505719dc492a79ad13c3503aac1 100644
--- a/Source/devtools/front_end/TimelinePanel.js
+++ b/Source/devtools/front_end/TimelinePanel.js
@@ -39,6 +39,7 @@ importScript("TimelineFrameModel.js");
 importScript("TimelineEventOverview.js");
 importScript("TimelineFrameOverview.js");
 importScript("TimelineMemoryOverview.js");
+importScript("TimelinePowerOverview.js");
 importScript("TimelineFlameChart.js");
 importScript("TimelineUIUtils.js");
 importScript("TimelineView.js");
@@ -130,7 +131,8 @@ WebInspector.TimelinePanel.Mode = {
     Events: "Events",
     Frames: "Frames",
     Memory: "Memory",
-    FlameChart: "FlameChart"
+    FlameChart: "FlameChart",
+    Power: "Power"
 };
 
 // Define row and header height, should be in sync with styles for timeline graphs.
@@ -269,6 +271,10 @@ WebInspector.TimelinePanel.prototype = {
                 views.overviewView = new WebInspector.TimelineFrameOverview(this._model, this._frameModel());
                 views.mainViews = [new WebInspector.TimelineFlameChart(this, this._model, this._frameModel())];
                 break;
+            case WebInspector.TimelinePanel.Mode.Power:
+                views.overviewView = new WebInspector.TimelinePowerOverview(this._model);
+                views.mainViews = [this._timelineView()];
+                break;
             default:
                 console.assert(false, "Unknown mode: " + mode);
             }
@@ -290,8 +296,10 @@ WebInspector.TimelinePanel.prototype = {
         var topPaneSidebarTree = new TreeOutline(overviewTreeElement);
 
         this._overviewItems = {};
+
         for (var mode in WebInspector.TimelinePanel.Mode) {
-            if (mode === WebInspector.TimelinePanel.Mode.FlameChart && !WebInspector.experimentsSettings.timelineFlameChart.isEnabled())
+            if (mode === WebInspector.TimelinePanel.Mode.FlameChart && !WebInspector.experimentsSettings.timelineFlameChart.isEnabled() ||
+                mode === WebInspector.TimelinePanel.Mode.Power && (!WebInspector.experimentsSettings.powerTimeline.isEnabled() || !Capabilities.canProfilePower))
                 continue;
             this._overviewItems[mode] = new WebInspector.SidebarTreeElement("timeline-overview-sidebar-" + mode.toLowerCase(), WebInspector.UIString(mode));
             var item = this._overviewItems[mode];
@@ -1135,6 +1143,7 @@ WebInspector.TimelineHiddenFilter = function()
     this._hiddenRecords[WebInspector.TimelineModel.RecordType.ActivateLayerTree] = 1;
     this._hiddenRecords[WebInspector.TimelineModel.RecordType.DrawFrame] = 1;
     this._hiddenRecords[WebInspector.TimelineModel.RecordType.BeginFrame] = 1;
+    this._hiddenRecords[WebInspector.TimelineModel.RecordType.SoC_Package] = 1;
 }
 
 WebInspector.TimelineHiddenFilter.prototype = {