DevTools: render console filter in the main console toolbar.

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 283 matching lines @@
     // View
     this._panelToolbar.appendSeparator();
     this._showScreenshotsToolbarCheckbox = this._createSettingCheckbox(
         Common.UIString('Screenshots'), this._showScreenshotsSetting, Common.UIString('Capture screenshots'));
     this._panelToolbar.appendToolbarItem(this._showScreenshotsToolbarCheckbox);
 
     this._showMemoryToolbarCheckbox = this._createSettingCheckbox(
         Common.UIString('Memory'), this._showMemorySetting, Common.UIString('Show memory timeline.'));
     this._panelToolbar.appendToolbarItem(this._showMemoryToolbarCheckbox);
 
-    // Settings
-    this._panelToolbar.appendToolbarItem(this._showSettingsPaneButton);
-
     // GC
     this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('components.collect-garbage'));
+
+    // Settings
+    this._panelToolbar.appendSpacer();
+    this._panelToolbar.appendText('');
+    this._panelToolbar.appendSeparator();
+    this._panelToolbar.appendToolbarItem(this._showSettingsPaneButton);
   }
 
   _createSettingsPane() {
     this._showSettingsPaneSetting = Common.settings.createSetting('timelineShowSettingsToolbar', false);
     this._showSettingsPaneButton = new UI.ToolbarSettingToggle(
         this._showSettingsPaneSetting, 'largeicon-settings-gear', Common.UIString('Capture settings'));
     SDK.multitargetNetworkManager.addEventListener(
         SDK.MultitargetNetworkManager.Events.ConditionsChanged, this._updateShowSettingsToolbarButton, this);
     this._cpuThrottlingManager.addEventListener(
         Components.CPUThrottlingManager.Events.RateChanged, this._updateShowSettingsToolbarButton, this);
@@ skipping 394 matching lines @@
         encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptorsForAction('timeline.toggle-recording')[0].name);
     var reloadNode = encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptorsForAction('main.reload')[0].name);
     var navigateNode = encloseWithTag('b', Common.UIString('WASD'));
 
     this._landingPage = new UI.VBox();
     this._landingPage.contentElement.classList.add('timeline-landing-page', 'fill');
     var centered = this._landingPage.contentElement.createChild('div');
 
     centered.createChild('p').appendChild(UI.formatLocalized(
         'To capture a new recording, click the record button or hit %s.%s' +
-        'To evaluate the page load, click the reload button or hit %s to record the reload.',
+            'To evaluate the page load, click the reload button or hit %s to record the reload.',
         [recordNode, createElement('br'), reloadNode]));
 
     centered.createChild('p').appendChild(UI.formatLocalized(
         'After recording, select an area of interest in the overview by dragging. ' +
-        'Then, zoom and pan the timeline with the mousewheel or %s keys. %s',
+            'Then, zoom and pan the timeline with the mousewheel or %s keys. %s',
         [navigateNode, learnMoreNode]));
 
     var cpuProfilerHintSetting = Common.settings.createSetting('timelineShowProfilerHint', true);
     if (cpuProfilerHintSetting.get()) {
       var warning = centered.createChild('p', 'timeline-landing-warning');
       var closeButton = warning.createChild('div', 'timeline-landing-warning-close', 'dt-close-button');
       closeButton.addEventListener('click', () => {
         warning.style.visibility = 'hidden';
         cpuProfilerHintSetting.set(false);
       }, false);
       var performanceSpan = encloseWithTag('b', Common.UIString('Performance'));
       warning.createChild('div').appendChild(UI.formatLocalized(
           'The %s panel provides the combined functionality of Timeline and CPU profiler.%s' +
-          'The JavaScript CPU profiler will be removed shortly. Meanwhile, it\'s available under ' +
-          '%s \u2192 More Tools \u2192 JavaScript Profiler.',
+              'The JavaScript CPU profiler will be removed shortly. Meanwhile, it\'s available under ' +
+              '%s \u2192 More Tools \u2192 JavaScript Profiler.',
           [performanceSpan, createElement('p'), UI.Icon.create('largeicon-menu')]));
     }
 
     this._landingPage.show(this._statusPaneContainer);
   }
 
   _hideLandingPage() {
     this._landingPage.detach();
   }
 
@@ skipping 792 matching lines @@
         return true;
       case 'timeline.jump-to-next-frame':
         panel._jumpToFrame(1);
         return true;
     }
     return false;
   }
 };
 
 Timeline.TimelinePanel._traceProviderSettingSymbol = Symbol('traceProviderSetting');