DevTools: report timeline progress while recording.

Source/devtools/front_end/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 48 matching lines @@
 
     this._detailsLinkifier = new WebInspector.Linkifier();
     this._windowStartTime = 0;
     this._windowEndTime = Infinity;
 
     // Create model.
     this._model = new WebInspector.TimelineModel();
     this._model.addEventListener(WebInspector.TimelineModel.Events.RecordingStarted, this._onRecordingStarted, this);
     this._model.addEventListener(WebInspector.TimelineModel.Events.RecordingStopped, this._onRecordingStopped, this);
     this._model.addEventListener(WebInspector.TimelineModel.Events.RecordsCleared, this._onRecordsCleared, this);
+    this._model.addEventListener(WebInspector.TimelineModel.Events.RecordingProgress, this._onRecordingProgress, this);
     this._model.addEventListener(WebInspector.TimelineModel.Events.RecordFilterChanged, this._refreshViews, this);
     this._model.addEventListener(WebInspector.TimelineModel.Events.RecordAdded, this._onRecordAdded, this);
 
     this._categoryFilter = new WebInspector.TimelineCategoryFilter();
     this._durationFilter = new WebInspector.TimelineIsLongFilter();
     this._textFilter = new WebInspector.TimelineTextFilter();
 
     this._model.addFilter(new WebInspector.TimelineHiddenFilter());
     this._model.addFilter(this._categoryFilter);
     this._model.addFilter(this._durationFilter);
@@ skipping 241 matching lines @@
         panelStatusBarElement.appendChild(this.clearButton.element);
 
         this._filterBar = this._createFilterBar();
         panelStatusBarElement.appendChild(this._filterBar.filterButton().element);
 
         this.garbageCollectButton = new WebInspector.StatusBarButton(WebInspector.UIString("Collect Garbage"), "garbage-collect-status-bar-item");
         this.garbageCollectButton.addEventListener("click", this._garbageCollectButtonClicked, this);
         this._statusBarButtons.push(this.garbageCollectButton);
         panelStatusBarElement.appendChild(this.garbageCollectButton.element);
 
-        if (WebInspector.experimentsSettings.timelineNoLiveUpdate.isEnabled()) {
-            panelStatusBarElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Live update"),
-                                              WebInspector.settings.timelineLiveUpdate, true, undefined,
-                                              WebInspector.UIString("Show timeline records while recording")));
-        }
-
         panelStatusBarElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Capture stacks"),
                                           WebInspector.settings.timelineCaptureStacks, true, undefined,
                                           WebInspector.UIString("Capture JavaScript stack on every timeline event")));
 
         this._miscStatusBarItems = panelStatusBarElement.createChild("div", "status-bar-item");
 
         this._filtersContainer = this.element.createChild("div", "timeline-filters-header hidden");
         this._filtersContainer.appendChild(this._filterBar.filtersElement());
         this._filterBar.addEventListener(WebInspector.FilterBar.Events.FiltersToggled, this._onFiltersToggled, this);
     },
@@ skipping 264 matching lines @@
         for (var i = 0; i < this._currentViews.length; ++i)
             this._currentViews[i].reset();
         this._overviewControl.reset();
         this._updateSelectionDetails();
     },
 
     _onRecordingStarted: function()
     {
         this.toggleTimelineButton.title = WebInspector.UIString("Stop");
         this.toggleTimelineButton.toggled = true;
+        this._showProgressPane();
     },
 
     _recordingInProgress: function()
     {
         return this.toggleTimelineButton.toggled;
     },
 
+    _showProgressPane: function()
+    {
+        if (!WebInspector.experimentsSettings.timelineNoLiveUpdate.isEnabled())
+            return;
+        this._hideProgressPane();
+        this._progressElement = this._detailsSplitView.mainElement().createChild("div", "timeline-progress-pane");
+        this._progressElement.textContent = WebInspector.UIString("%d events collected", 0);
+    },
+
+    _hideProgressPane: function()
+    {
+        if (!WebInspector.experimentsSettings.timelineNoLiveUpdate.isEnabled())
+            return;
+        if (this._progressElement)
+            this._progressElement.remove();
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _onRecordingProgress: function(event)
+    {
+        if (!WebInspector.experimentsSettings.timelineNoLiveUpdate.isEnabled())
+            return;
+        this._progressElement.textContent = WebInspector.UIString("%d events collected", event.data);
+    },
+
     _onRecordingStopped: function()
     {
         this.toggleTimelineButton.title = WebInspector.UIString("Record");
         this.toggleTimelineButton.toggled = false;
+        this._hideProgressPane();
     },
 
     _onRecordAdded: function(event)
     {
         this._addRecord(/** @type {!WebInspector.TimelineModel.Record} */(event.data));
     },
 
     /**
      * @param {!WebInspector.TimelineModel.Record} record
      */
@@ skipping 481 matching lines @@
      * @param {!WebInspector.TimelineModel.Record} record
      * @return {boolean}
      */
     accept: function(record)
     {
         return !this._hiddenRecords[record.type];
     },
 
     __proto__: WebInspector.TimelineModel.Filter.prototype
 }