Timeline: show white overlay till page being reloaded paints

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 560 matching lines @@
          * @param {!WebInspector.ToolbarButton} toolbarButton
          */
         function handler(toolbarButton)
         {
             toolbarButton.setEnabled(enabled);
         }
         this._recordingOptionUIControls.forEach(handler);
     },
 
     /**
-     * @param {boolean} userInitiated
+     * @param {boolean} autorecordUponReload
      */
-    _startRecording: function(userInitiated)
+    _startRecording: function(autorecordUponReload)
     {
         console.assert(!this._statusPane, "Status pane is already opened.");
         var mainTarget = WebInspector.targetManager.mainTarget();
         if (!mainTarget)
             return;
         this._setState(WebInspector.TimelinePanel.State.StartPending);
         this._showRecordingStarted();
 
-        this._autoRecordGeneration = userInitiated ? null : Symbol("Generation");
+        this._autoRecordGeneration = autorecordUponReload ? Symbol("Generation") : null;
         this._controller = new WebInspector.TimelineController(mainTarget, this, this._tracingModel);
-        this._controller.startRecording(true, this._captureJSProfileSetting.get(), this._captureMemorySetting.get(), this._captureLayersAndPicturesSetting.get(), this._captureFilmStripSetting && this._captureFilmStripSetting.get());
+        this._controller.startRecording(true, this._captureJSProfileSetting.get(), this._captureMemorySetting.get(), this._captureLayersAndPicturesSetting.get(), this._captureFilmStripSetting && this._captureFilmStripSetting.get(), autorecordUponReload ? WebInspector.UIString("Reloading…") : undefined);
 
         for (var i = 0; i < this._overviewControls.length; ++i)
             this._overviewControls[i].timelineStarted();
 
-        if (userInitiated)
+        if (!autorecordUponReload)
             WebInspector.userMetrics.actionTaken(WebInspector.UserMetrics.Action.TimelineStarted);
         this._setUIControlsEnabled(false);
         this._hideRecordingHelpMessage();
     },
 
     _stopRecording: function()
     {
         if (this._statusPane) {
             this._statusPane.finish();
             this._statusPane.updateStatus(WebInspector.UIString("Stopping timeline\u2026"));
@@ skipping 16 matching lines @@
         var state = WebInspector.TimelinePanel.State;
         this._toggleRecordAction.setToggled(this._state === state.Recording);
         this._toggleRecordAction.setEnabled(this._state === state.Recording || this._state === state.Idle);
         this._panelToolbar.setEnabled(this._state !== state.Loading);
         this._dropTarget.setEnabled(this._state === state.Idle);
     },
 
     _toggleRecording: function()
     {
         if (this._state === WebInspector.TimelinePanel.State.Idle)
-            this._startRecording(true);
+            this._startRecording(false);
         else if (this._state === WebInspector.TimelinePanel.State.Recording)
             this._stopRecording();
     },
 
     _garbageCollectButtonClicked: function()
     {
         var targets = WebInspector.targetManager.targets();
         for (var i = 0; i < targets.length; ++i)
             targets[i].heapProfilerAgent().collectGarbage();
     },
@@ skipping 176 matching lines @@
         this._overviewPane.setMarkers(markers);
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _pageReloadRequested: function(event)
     {
         if (this._state !== WebInspector.TimelinePanel.State.Idle || !this.isShowing())
             return;
-        this._startRecording(false);
+        this._startRecording(true);
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _loadEventFired: function(event)
     {
         if (this._state !== WebInspector.TimelinePanel.State.Recording || !this._autoRecordGeneration)
             return;
         setTimeout(stopRecordingOnReload.bind(this, this._autoRecordGeneration), this._millisecondsToRecordAfterLoadEvent);
@@ skipping 1172 matching lines @@
      * @override
      * @param {!WebInspector.Target} target
      */
     targetRemoved: function(target)
     {
         this._targets.remove(target, true);
     },
 
     __proto__: WebInspector.Object.prototype
 }