DevTools: render console level filter as drop box.

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 669 matching lines @@
     var centered = this._landingPage.contentElement.createChild('div');
 
     var p = centered.createChild('p');
     p.createTextChild(Common.UIString(
         'The Performance panel lets you record what the browser does during page load and user interaction. ' +
         'The timeline it generates can help you determine why certain parts of your page are slow.'));
 
     p = centered.createChild('p');
     p.appendChild(UI.formatLocalized(
         'To capture a new recording, click the record toolbar button or hit %s. ' +
-        'To evaluate page load performance, hit %s to record the reload.',
+            'To evaluate page load performance, hit %s to record the reload.',
         [recordNode, reloadNode]));
 
     p = centered.createChild('p');
     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.',
+            'Then, zoom and pan the timeline with the mousewheel or %s keys.',
         [navigateNode]));
 
     p = centered.createChild('p');
     p.appendChild(learnMoreNode);
 
     var timelineSpan = encloseWithTag('b', Common.UIString('Timeline'));
     var performanceSpan = encloseWithTag('b', Common.UIString('Performance'));
 
     p = centered.createChild('p', 'timeline-landing-warning');
     p.appendChild(UI.formatLocalized(
         'The %s panel has been enriched with the JavaScript profiler capabilities and is now called %s.%s' +
-        'You can find the legacy JavaScript CPU profiler under %s%s \u2192 More Tools \u2192 JavaScript Profiler.',
+            'You can find the legacy JavaScript CPU profiler under %s%s \u2192 More Tools \u2192 JavaScript Profiler.',
         [timelineSpan, performanceSpan, createElement('p'), createElement('br'), UI.Icon.create('largeicon-menu')]));
 
     this._landingPage.show(this._statusPaneContainer);
   }
 
   _hideLandingPage() {
     this._landingPage.detach();
   }
 
   /**
@@ skipping 908 matching lines @@
     this._textFilterUI = new UI.TextFilterUI();
     this._textFilterUI.addEventListener(UI.FilterUI.Events.FilterChanged, textFilterChanged, this);
     this._filterBar.addFilter(this._textFilterUI);
 
     var durationOptions = [];
     for (var durationMs of Timeline.TimelineFilters._durationFilterPresetsMs) {
       var durationOption = {};
       if (!durationMs) {
         durationOption.label = Common.UIString('All');
         durationOption.title = Common.UIString('Show all records');
+        durationOption.default = true;
       } else {
         durationOption.label = Common.UIString('\u2265 %dms', durationMs);
         durationOption.title = Common.UIString('Hide records shorter than %dms', durationMs);
       }
-      durationOption.value = durationMs;
+      durationOption.value = String(durationMs);
       durationOptions.push(durationOption);
     }
     var durationFilterUI = new UI.ComboBoxFilterUI(durationOptions);
     durationFilterUI.addEventListener(UI.FilterUI.Events.FilterChanged, durationFilterChanged, this);
     this._filterBar.addFilter(durationFilterUI);
 
     var categoryFiltersUI = {};
     var categories = Timeline.TimelineUIUtils.categories();
     for (var categoryName in categories) {
       var category = categories[categoryName];
@@ skipping 43 matching lines @@
 };
 
 Timeline.TimelinePanel._traceProviderSettingSymbol = Symbol('traceProviderSetting');
 
 /** @enum {symbol} */
 Timeline.TimelineFilters.Events = {
   FilterChanged: Symbol('FilterChanged')
 };
 
 Timeline.TimelineFilters._durationFilterPresetsMs = [0, 1, 15];