DevTools: Make FilmStripView support custom status text.

Source/devtools/front_end/components_lazy/FilmStripView.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.HBox}
  */
 WebInspector.FilmStripView = function()
 {
     WebInspector.HBox.call(this, true);
     this.registerRequiredCSS("components_lazy/filmStripView.css");
     this.contentElement.classList.add("film-strip-view");
+    this._statusLabel = this.contentElement.createChild("div", "label");
     this.reset();
     this.setMode(WebInspector.FilmStripView.Modes.TimeBased);
 }
 
 WebInspector.FilmStripView.Events = {
     FrameSelected: "FrameSelected",
     FrameEnter: "FrameEnter",
     FrameExit: "FrameExit",
 }
 
@@ skipping 80 matching lines @@
 
     update: function()
     {
         if (!this._model)
             return;
         var frames = this._model.frames();
         if (!frames.length)
             return;
 
         this.contentElement.removeChildren();
-        this._statusLabel.remove();
 
         if (this._mode === WebInspector.FilmStripView.Modes.FrameBased) {
             Promise.all(frames.map(this.createFrameElement.bind(this))).spread(this.contentElement.appendChildren.bind(this.contentElement));
             return;
         }
 
         var width = this.contentElement.clientWidth;
         var scale = this._spanTime / width;
         this.createFrameElement(frames[0]).then(continueWhenFrameImageLoaded.bind(this));  // Calculate frame width basing on the first frame.
 
@@ skipping 49 matching lines @@
      */
     _onDoubleClick: function(filmStripFrame)
     {
         WebInspector.Dialog.show(null, new WebInspector.FilmStripView.DialogDelegate(filmStripFrame, this._zeroTime));
     },
 
     reset: function()
     {
         this._zeroTime = 0;
         this.contentElement.removeChildren();
-        this._statusLabel = this.contentElement.createChild("div", "label");
-        this._statusLabel.textContent = WebInspector.UIString("No frames recorded. Reload page to start recording.");
+        this.contentElement.appendChild(this._statusLabel);
     },
 
-    setRecording: function()
+    /**
+     * @param {string} text
+     */
+    setStatusText: function(text)
     {
-        this.reset();
-        this._statusLabel.textContent = WebInspector.UIString("Recording frames...");
-    },
-
-    setFetching: function()
-    {
-        this._statusLabel.textContent = WebInspector.UIString("Fetching frames...");
+        this._statusLabel.textContent = text;
     },
 
     __proto__: WebInspector.HBox.prototype
 }
 
 /**
  * @param {!Element} imageElement
  * @param {?string} data
  */
 WebInspector.FilmStripView._setImageData = function(imageElement, data)
@@ skipping 101 matching lines @@
 
     _render: function()
     {
         var frame = this._frames[this._index];
         frame.imageDataPromise().then(WebInspector.FilmStripView._setImageData.bind(null, this._imageElement));
         this._timeLabel.textContent = Number.millisToString(frame.timestamp - this._zeroTime);
     },
 
     __proto__: WebInspector.DialogDelegate.prototype
 }