DevTools: Make FilmStripView support custom status text.

Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 Google 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 269 matching lines @@
     {
         this._reset();
     },
 
     _reset: function()
     {
         this._calculator.reset();
         this._overviewPane.reset();
         this._networkLogView.reset();
         if (this._filmStripView)
-            this._filmStripView.reset();
+            this._resetFilmStripView();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _willReloadPage: function(event)
     {
         if (!this._preserveLogCheckbox.checked())
             this._reset();
         this._toggleRecordButton(true);
@@ skipping 30 matching lines @@
         var toggled = this._networkRecordFilmStripSetting.get();
         if (toggled && !this._filmStripRecorder) {
             this._filmStripView = new WebInspector.FilmStripView();
             this._filmStripView.setMode(WebInspector.FilmStripView.Modes.FrameBased);
             this._filmStripView.element.classList.add("network-film-strip");
             this._filmStripRecorder = new WebInspector.NetworkPanel.FilmStripRecorder(this._filmStripView);
             this._filmStripView.show(this._searchableView.element, this._searchableView.element.firstElementChild);
             this._filmStripView.addEventListener(WebInspector.FilmStripView.Events.FrameSelected, this._onFilmFrameSelected, this);
             this._filmStripView.addEventListener(WebInspector.FilmStripView.Events.FrameEnter, this._onFilmFrameEnter, this);
             this._filmStripView.addEventListener(WebInspector.FilmStripView.Events.FrameExit, this._onFilmFrameExit, this);
+            this._resetFilmStripView();
         }
 
         if (!toggled && this._filmStripRecorder) {
             this._filmStripView.detach();
             this._filmStripView = null;
             this._filmStripRecorder = null;
         }
     },
 
+    _resetFilmStripView: function()
+    {
+        this._filmStripView.reset();
+        this._filmStripView.setStatusText(WebInspector.UIString("No frames recorded. Reload page to start recording."));
+    },
+
     /**
      * @return {boolean}
      */
     _isDetailsPaneAtBottom: function()
     {
         return WebInspector.moduleSetting("splitVerticallyWhenDockedToRight").get() && WebInspector.dockController.isVertical();
     },
 
     _dockSideChanged: function()
     {
@@ skipping 402 matching lines @@
     },
 
     startRecording: function()
     {
         if (this._target)
             return;
 
         this._target = WebInspector.targetManager.mainTarget();
         this._tracingModel = new WebInspector.TracingModel(new WebInspector.TempFileBackingStorage("tracing"));
         this._target.tracingManager.start(this, "-*,disabled-by-default-devtools.screenshot", "");
-        this._filmStripView.setRecording();
+        this._filmStripView.reset();
+        this._filmStripView.setStatusText(WebInspector.UIString("Recording frames..."));
     },
 
     /**
      * @return {boolean}
      */
     isRecording: function()
     {
         return !!this._target;
     },
 
     /**
      * @param {function(?WebInspector.FilmStripModel)} callback
      */
     stopRecording: function(callback)
     {
         if (!this._target)
             return;
 
         this._target.tracingManager.stop();
         this._target = null;
         this._callback = callback;
-        this._filmStripView.setFetching();
+        this._filmStripView.setStatusText(WebInspector.UIString("Fetching frames..."));
     }
 }