DevTools: Add "New" button to launch timeline landing page.

third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 275 matching lines @@
   }
 
   _recreateToolbarItems() {
     this._panelToolbar.removeToolbarItems();
 
     const perspectiveSetting =
         Common.settings.createSetting('timelinePerspective', Timeline.TimelinePanel.Perspectives.Load);
 
     // Record
     if (Runtime.experiments.isEnabled('timelineLandingPage')) {
+      const newButton = new UI.ToolbarButton(
+          Common.UIString('New recording'), 'largeicon-add', Common.UIString('New'));
+      newButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
+      this._panelToolbar.appendToolbarItem(newButton);
       this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButton(this._toggleRecordAction));
       this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('main.reload'));
     } else if (Runtime.experiments.isEnabled('timelineRecordingPerspectives') &&
         perspectiveSetting.get() === Timeline.TimelinePanel.Perspectives.Load) {
       const reloadButton = new UI.ToolbarButton(Common.UIString('Record & Reload'), 'largeicon-refresh');
       reloadButton.addEventListener(UI.ToolbarButton.Events.Click, () => SDK.targetManager.reloadPage());
       this._panelToolbar.appendToolbarItem(reloadButton);
     } else {
       this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButton(this._toggleRecordAction));
     }
 
     // Clear
-    var clearButton = new UI.ToolbarButton(Common.UIString('Clear recording'), 'largeicon-clear');
-    clearButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
-    this._panelToolbar.appendToolbarItem(clearButton);
+    if (!Runtime.experiments.isEnabled('timelineLandingPage')) {
+      const clearButton = new UI.ToolbarButton(Common.UIString('Clear recording'), 'largeicon-clear');
+      clearButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
+      this._panelToolbar.appendToolbarItem(clearButton);
+    }
 
     this._panelToolbar.appendSeparator();
 
     // Combo
     if (!Runtime.experiments.isEnabled('timelineLandingPage') &&
         Runtime.experiments.isEnabled('timelineRecordingPerspectives')) {
       /**
        * @this {!Timeline.TimelinePanel}
        */
       function onPerspectiveChanged() {
@@ skipping 43 matching lines @@
           this._captureLayersAndPicturesSetting.set(false);
           this._captureFilmStripSetting.set(false);
           this._detailsView.selectTab(Timeline.TimelinePanel.DetailsTab.BottomUp, false);
           break;
       }
 
       this._bulkUpdate = false;
       this._onModeChanged();
     }
 
+    // Checkboxes
     if (Runtime.experiments.isEnabled('timelineLandingPage')) {
       if (!this._model.isEmpty()) {
         this._panelToolbar.appendToolbarItem(this._createSettingCheckbox(Common.UIString('Memory'),
             this._showMemorySetting, Common.UIString('Show memory timeline.')));
         if (this._filmStripModel.frames().length) {
           this._showScreenshotsSetting.set(true);
           this._panelToolbar.appendToolbarItem(this._createSettingCheckbox(Common.UIString('Screenshots'),
               this._showScreenshotsSetting, Common.UIString('Show captured screenshots.')));
         }
       }
@@ skipping 30 matching lines @@
 
     const traceProviders = Extensions.extensionServer.traceProviders();
     if (traceProviders.length) {
       this._panelToolbar.appendSeparator();
       for (let provider of traceProviders) {
         const setting = Timeline.TimelinePanel._settingForTraceProvider(provider);
         const checkbox = this._createSettingCheckbox(provider.shortDisplayName(), setting, provider.longDisplayName());
         this._panelToolbar.appendToolbarItem(checkbox);
       }
     }
-    this._panelToolbar.appendSeparator();
-    this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('components.collect-garbage'));
 
     this._panelToolbar.appendSeparator();
     this._cpuThrottlingCombobox = new UI.ToolbarComboBox(this._onCPUThrottlingChanged.bind(this));
     this._panelToolbar.appendToolbarItem(this._createNetworkConditionsSelect());
     this._panelToolbar.appendToolbarItem(this._cpuThrottlingCombobox);
     this._populateCPUThrottingCombobox();
+
+    this._panelToolbar.appendSeparator();
+    this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('components.collect-garbage'));
+
     this._updateTimelineControls();
   }
 
   /**
    * @param {!Extensions.ExtensionTraceProvider} traceProvider
    * @return {!Common.Setting<boolean>}
    */
   static _settingForTraceProvider(traceProvider) {
     var setting = traceProvider[Timeline.TimelinePanel._traceProviderSettingSymbol];
     if (!setting) {
@@ skipping 1644 matching lines @@
   }
 
   /**
    * @override
    * @param {!SDK.Target} target
    */
   targetRemoved(target) {
     this._targets.remove(target, true);
   }
 };