DevTools: Start/Stop timeline overview recording for available mode

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 1f6457db3eb8691756510c60dc493542ea1b4fdc..e9cab3de78c39cd1fd4bdd9d5d22ffe22dd3f474 100644
--- a/Source/devtools/front_end/TimelinePanel.js
+++ b/Source/devtools/front_end/TimelinePanel.js
@@ -232,6 +232,29 @@ WebInspector.TimelinePanel.prototype = {
     },
 
     /**
+     * @return {!WebInspector.TimelinePanel.Mode}
+     */
+    _availableModes: function()
+    {
+        if (this._modes)
+            return this._modes;
+
+        this._modes = {
+            Events: WebInspector.TimelinePanel.Mode.Events,
+            Frames: WebInspector.TimelinePanel.Mode.Frames,
+            Memory: WebInspector.TimelinePanel.Mode.Memory,
+        };
+
+        if (WebInspector.experimentsSettings.timelineFlameChart.isEnabled())
+            this._modes.FlameChart = WebInspector.TimelinePanel.Mode.FlameChart;
+
+        if (Capabilities.canProfilePower)
+            this._modes.Power = WebInspector.TimelinePanel.Mode.Power;
+
+        return this._modes;
+    },
+
+    /**
      * @return {!WebInspector.TimelineView}
      */
     _timelineView: function()
@@ -294,10 +317,7 @@ 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() ||
-                mode === WebInspector.TimelinePanel.Mode.Power && !Capabilities.canProfilePower)
-                continue;
+        for (var mode in this._availableModes()) {
             this._overviewItems[mode] = new WebInspector.SidebarTreeElement("timeline-overview-sidebar-" + mode.toLowerCase(), WebInspector.UIString(mode));
             var item = this._overviewItems[mode];
             item.onselect = this._onModeChanged.bind(this, mode);
@@ -558,7 +578,7 @@ WebInspector.TimelinePanel.prototype = {
     {
         this._userInitiatedRecording = userInitiated;
         this._model.startRecording();
-        for (var mode in WebInspector.TimelinePanel.Mode)
+        for (var mode in this._availableModes())
             this._viewsForMode(mode).overviewView.timelineStarted();
 
         if (userInitiated)
@@ -569,7 +589,7 @@ WebInspector.TimelinePanel.prototype = {
     {
         this._userInitiatedRecording = false;
         this._model.stopRecording();
-        for (var mode in WebInspector.TimelinePanel.Mode)
+        for (var mode in this._availableModes())
             this._viewsForMode(mode).overviewView.timelineStopped();
     },