Attachment #236043 for bug #135170

View Details Raw Unified Return to Bug 135170



2014-07-22  Brian J. Burg  <burg@cs.washington.edu>

        Web Inspector: show a replay dashboard when capturing or replaying
        https://bugs.webkit.org/show_bug.cgi?id=135170

        Reviewed by NOBODY (OOPS!).

        This patch adds a replay dashboard with record/play/pause buttons. It
        is shown automatically when the user starts capturing an execution from
        the replay menu in the Timelines sidebar panel.

        * Localizations/en.lproj/localizedStrings.js:
        * UserInterface/Base/Main.js:
        (WebInspector.loaded):
        (WebInspector._captureDidStart):
        * UserInterface/Controllers/DashboardManager.js:
        (WebInspector.DashboardManager):
        * UserInterface/Images/ReplayPauseButton.svg: Added.
        * UserInterface/Images/ReplayPlayButton.svg: Added.
        * UserInterface/Images/ReplayRecordingButton.svg: Added.
        * UserInterface/Main.html:
        * UserInterface/Models/ReplayDashboard.js: Added.
        (WebInspector.ReplayDashboard):
        * UserInterface/Views/ButtonNavigationItem.js:
        (WebInspector.ButtonNavigationItem.prototype._updateImage):
        * UserInterface/Views/DashboardView.js:
        (WebInspector.DashboardView):
        * UserInterface/Views/ReplayDashboardView.css: Added.
        (.toolbar .dashboard.replay):
        (.toolbar .dashboard.replay div.navigation-bar):
        (.toolbar .dashboard.replay .item.button > .glyph):
        (.toolbar.label-only .dashboard.replay .item.button > .glyph):
        * UserInterface/Views/ReplayDashboardView.js: Added.
        (WebInspector.ReplayDashboardView):
        (WebInspector.ReplayDashboardView.prototype._captureButtonItemClicked):
        (WebInspector.ReplayDashboardView.prototype._replayButtonItemClicked):
        (WebInspector.ReplayDashboardView.prototype._captureStarted):
        (WebInspector.ReplayDashboardView.prototype._captureStopped):
        (WebInspector.ReplayDashboardView.prototype._playbackStarted):
        (WebInspector.ReplayDashboardView.prototype._playbackPaused):
        (WebInspector.ReplayDashboardView.prototype._playbackFinished):

2014-07-21  Brian J. Burg  <burg@cs.washington.edu>

        Web Inspector: cannot navigate between multiple applicable dashboards

Lines 124-129 WebInspector.loaded = function() a/Source/WebInspectorUI/UserInterface/Base/Main.js_sec1
- a/Source/WebInspectorUI/UserInterface/Base/Main.js +6 lines
124	ConsoleAgent.enable();	124	ConsoleAgent.enable();
125		125
126	// Register for events.	126	// Register for events.
		127	this.replayManager.addEventListener(WebInspector.ReplayManager.Event.CaptureStarted, this._captureDidStart, this);
127	this.debuggerManager.addEventListener(WebInspector.DebuggerManager.Event.Paused, this._debuggerDidPause, this);	128	this.debuggerManager.addEventListener(WebInspector.DebuggerManager.Event.Paused, this._debuggerDidPause, this);
128	this.debuggerManager.addEventListener(WebInspector.DebuggerManager.Event.Resumed, this._debuggerDidResume, this);	129	this.debuggerManager.addEventListener(WebInspector.DebuggerManager.Event.Resumed, this._debuggerDidResume, this);
129	this.domTreeManager.addEventListener(WebInspector.DOMTreeManager.Event.InspectModeStateChanged, this._inspectModeStateChanged, this);	130	this.domTreeManager.addEventListener(WebInspector.DOMTreeManager.Event.InspectModeStateChanged, this._inspectModeStateChanged, this);
Lines 744-749 WebInspector._dragOver = function(event) a/Source/WebInspectorUI/UserInterface/Base/Main.js_sec2
744	event.preventDefault();	745	event.preventDefault();
745	}	746	}
746		747
		748	WebInspector._captureDidStart = function(event)
		749	{
		750	this.dashboardContainer.showDashboardViewForRepresentedObject(this.dashboardManager.dashboards.replay);
		751	}
		752
747	WebInspector._debuggerDidPause = function(event)	753	WebInspector._debuggerDidPause = function(event)
748	{	754	{
749	this.debuggerSidebarPanel.show();	755	this.debuggerSidebarPanel.show();

Lines 29-34 WebInspector.DashboardManager = function() { a/Source/WebInspectorUI/UserInterface/Controllers/DashboardManager.js_sec1
- a/Source/WebInspectorUI/UserInterface/Controllers/DashboardManager.js +1 lines
29	this._dashboards = {};	29	this._dashboards = {};
30	this._dashboards.default = new WebInspector.DefaultDashboard;	30	this._dashboards.default = new WebInspector.DefaultDashboard;
31	this._dashboards.debugger = new WebInspector.DebuggerDashboard;	31	this._dashboards.debugger = new WebInspector.DebuggerDashboard;
		32	this._dashboards.replay = new WebInspector.ReplayDashboard;
32	};	33	};
33		34
34	WebInspector.DashboardManager.prototype = {	35	WebInspector.DashboardManager.prototype = {



<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
<g>
	<rect x="5.656" y="4.202" width="9.255" height="27.597"/>
	<rect x="21.09" y="4.202" width="9.254" height="27.597"/>
</g>
</svg>

Line 0 a/Source/WebInspectorUI/UserInterface/Images/ReplayPlayButton.svg_sec1
- a/Source/WebInspectorUI/UserInterface/Images/ReplayPlayButton.svg +7 lines
	1	<?xml version="1.0" encoding="utf-8"?>
	2	<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
	3	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	4	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	5	width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
	6	<polygon fill="#38AF4A" points="5.625,4.21 30.375,18 5.625,31.79 "/>
	7	</svg>

Line 0 a/Source/WebInspectorUI/UserInterface/Images/ReplayRecordingButton.svg_sec1
- a/Source/WebInspectorUI/UserInterface/Images/ReplayRecordingButton.svg +7 lines
	1	<?xml version="1.0" encoding="utf-8"?>
	2	<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
	3	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	4	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	5	width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
	6	<circle fill="#EE2D24" cx="18" cy="18" r="13.605"/>
	7	</svg>



    <link rel="stylesheet" href="Views/ProbeSetDataGrid.css">
    <link rel="stylesheet" href="Views/QuickConsole.css">
    <link rel="stylesheet" href="Views/RadioButtonNavigationItem.css">
    <link rel="stylesheet" href="Views/ReplayDashboardView.css">
    <link rel="stylesheet" href="Views/ResourceIcons.css">
    <link rel="stylesheet" href="Views/ResourceSidebarPanel.css">
    <link rel="stylesheet" href="Views/ResourceTreeElement.css">

    <script src="Models/Profile.js"></script>
    <script src="Models/ProfileNode.js"></script>
    <script src="Models/ProfileNodeCall.js"></script>
    <script src="Models/ReplayDashboard.js"></script>
    <script src="Models/ReplaySession.js"></script>
    <script src="Models/ReplaySessionSegment.js"></script>
    <script src="Models/Resource.js"></script>

    <script src="Views/QuickConsole.js"></script>
    <script src="Views/QuickConsoleNavigationBar.js"></script>
    <script src="Views/RadioButtonNavigationItem.js"></script>
    <script src="Views/ReplayDashboardView.js"></script>
    <script src="Views/ResourceClusterContentView.js"></script>
    <script src="Views/ResourceDetailsSidebarPanel.js"></script>
    <script src="Views/ResourceSidebarPanel.js"></script>



/*
 * Copyright (C) 2014 University of Washington. 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
 *    notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer in the
 *    documentation and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
 * THE POSSIBILITY OF SUCH DAMAGE.
 */

WebInspector.ReplayDashboard = function() {
    WebInspector.Object.call(this);
};

WebInspector.ReplayDashboard.prototype = {
    constructor: WebInspector.ReplayDashboard,
    __proto__: WebInspector.Object.prototype,
};

Lines 35-40 WebInspector.DashboardView = function(representedObject, identifier) a/Source/WebInspectorUI/UserInterface/Views/DashboardView.js_sec1
- a/Source/WebInspectorUI/UserInterface/Views/DashboardView.js +3 lines
35	if (representedObject instanceof WebInspector.DebuggerDashboard)	35	if (representedObject instanceof WebInspector.DebuggerDashboard)
36	return new WebInspector.DebuggerDashboardView(representedObject);	36	return new WebInspector.DebuggerDashboardView(representedObject);
37		37
		38	if (representedObject instanceof WebInspector.ReplayDashboard)
		39	return new WebInspector.ReplayDashboardView(representedObject);
		40
38	throw "Can't make a DashboardView for an unknown representedObject.";	41	throw "Can't make a DashboardView for an unknown representedObject.";
39	}	42	}
40		43



/*
 * Copyright (C) 2014 University of Washington. 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
 *    notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer in the
 *    documentation and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
 * THE POSSIBILITY OF SUCH DAMAGE.
 */
.toolbar .dashboard.replay {
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: center;
    -webkit-align-items: center;

    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
    color: rgb(60, 60, 60);
    padding: 0 5px;
}

.toolbar .dashboard.replay div.navigation-bar {
    border-bottom: none !important;
}

.toolbar .dashboard.replay .item.button > .glyph {
    /* ButtonNavigationItem is not aware of alternate button sizes, so override here. */
    width: 16px !important;
    height: 16px !important;
}

.toolbar.label-only .dashboard.replay .item.button > .glyph {
    /* The default styles here will try to elide buttons in label-only mode. */
    display: -webkit-flex !important;

    /* ButtonNavigationItem is not aware of alternate button sizes, so override here. */
    width: 14px !important;
    height: 14px !important;
}




/*
 * Copyright (C) 2014 University of Washington. 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
 *    notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer in the
 *    documentation and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
 * THE POSSIBILITY OF SUCH DAMAGE.
 */

WebInspector.ReplayDashboardView = function(representedObject)
{
    WebInspector.DashboardView.call(this, representedObject, "replay");

    this._navigationBar = new WebInspector.NavigationBar;
    this.element.appendChild(this._navigationBar.element);

    replayManager = WebInspector.replayManager;

    this._captureButtonItem = new WebInspector.ActivateButtonNavigationItem("replay-dashboard-capture", WebInspector.UIString("Start Recording"), WebInspector.UIString("Stop Recording"), "Images/ReplayReadyButton.svg", 16, 16);
    this._captureButtonItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._captureButtonItemClicked, this);
    this._captureButtonItem.hidden = true;
    this._navigationBar.addNavigationItem(this._captureButtonItem);

    this._replayButtonItem = new WebInspector.ToggleButtonNavigationItem("replay-dashboard-replay", WebInspector.UIString("Start Playback"), WebInspector.UIString("Pause Playback"), "Images/ReplayPlayButton.svg", "Images/ReplayPauseButton.svg", 16, 16);
    this._replayButtonItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._replayButtonItemClicked, this);
    this._replayButtonItem.hidden = true;
    this._navigationBar.addNavigationItem(this._replayButtonItem);

    // Add events required to track capture and replay state.
    WebInspector.replayManager.addEventListener(WebInspector.ReplayManager.Event.CaptureStarted, this._captureStarted, this);
    WebInspector.replayManager.addEventListener(WebInspector.ReplayManager.Event.CaptureStopped, this._captureStopped, this);
    WebInspector.replayManager.addEventListener(WebInspector.ReplayManager.Event.PlaybackStarted, this._playbackStarted, this);
    WebInspector.replayManager.addEventListener(WebInspector.ReplayManager.Event.PlaybackPaused, this._playbackPaused, this);
    WebInspector.replayManager.addEventListener(WebInspector.ReplayManager.Event.PlaybackFinished, this._playbackFinished, this);

    // Manually initialize style classes by querying current replay state.
    if (WebInspector.replayManager.sessionState === WebInspector.ReplayManager.SessionState.Capturing)
        this._captureStarted();
    else if (WebInspector.replayManager.sessionState === WebInspector.ReplayManager.SessionState.Inactive)
        this._captureStopped();
    // ReplayManager.sessionState must be Replaying.
    else if (WebInspector.replayManager.segmentState === WebInspector.ReplayManager.SegmentState.Dispatching)
        this._playbackStarted();
    // ReplayManager.sessionState must be Unloaded or Loaded, so execution is paused.
    else
        this._playbackPaused();
};

// Class names for top-level flex items within the replay dashboard.
WebInspector.ReplayDashboardView.RecordingContainerStyleClassName = "recording-container";

// Class names for single buttons.
WebInspector.ReplayDashboardView.RecordButtonStyleClassName = "record-button";
WebInspector.ReplayDashboardView.ReplayButtonStyleClassName = "replay-button";

WebInspector.ReplayDashboardView.prototype = {
    constructor: WebInspector.ReplayDashboardView,
    __proto__: WebInspector.DashboardView.prototype,

    // Private

    _captureButtonItemClicked: function()
    {
        if (WebInspector.replayManager.sessionState !== WebInspector.ReplayManager.SessionState.Capturing)
            WebInspector.replayManager.startCapturing();
        else
            WebInspector.replayManager.stopCapturing();
    },

    _replayButtonItemClicked: function(event)
    {
        console.assert(WebInspector.replayManager.sessionState !== WebInspector.ReplayManager.SessionState.Capturing, "Tried to start replaying while SessionState is Capturing!");

        if (WebInspector.replayManager.sessionState === WebInspector.ReplayManager.SessionState.Inactive)
            WebInspector.replayManager.replayToCompletion();
        else if (WebInspector.replayManager.segmentState === WebInspector.ReplayManager.SegmentState.Dispatching)
            WebInspector.replayManager.pausePlayback();
        else
            WebInspector.replayManager.replayToCompletion();
    },

    _captureStarted: function()
    {
        this._captureButtonItem.hidden = false;
        this._captureButtonItem.activated = true;
        this._replayButtonItem.hidden = true;
    },

    _captureStopped: function()
    {
        this._captureButtonItem.activated = false;
        this._captureButtonItem.hidden = true;
        this._replayButtonItem.hidden = false;
    },

    _playbackStarted: function()
    {
        this._replayButtonItem.toggled = true;
    },

    _playbackPaused: function()
    {
        this._replayButtonItem.toggled = false;
    },

    _playbackFinished: function()
    {
        this._replayButtonItem.toggled = false;
    }
};

Return to Bug 135170

Lines 1-3 a/Source/WebInspectorUI/ChangeLog_sec1
- a/Source/WebInspectorUI/ChangeLog +42 lines
		1	2014-07-22 Brian J. Burg <burg@cs.washington.edu>
		2
		3	Web Inspector: show a replay dashboard when capturing or replaying
		4	https://bugs.webkit.org/show_bug.cgi?id=135170
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	This patch adds a replay dashboard with record/play/pause buttons. It
		9	is shown automatically when the user starts capturing an execution from
		10	the replay menu in the Timelines sidebar panel.
		11
		12	* Localizations/en.lproj/localizedStrings.js:
		13	* UserInterface/Base/Main.js:
		14	(WebInspector.loaded):
		15	(WebInspector._captureDidStart):
		16	* UserInterface/Controllers/DashboardManager.js:
		17	(WebInspector.DashboardManager):
		18	* UserInterface/Images/ReplayPauseButton.svg: Added.
		19	* UserInterface/Images/ReplayPlayButton.svg: Added.
		20	* UserInterface/Images/ReplayRecordingButton.svg: Added.
		21	* UserInterface/Main.html:
		22	* UserInterface/Models/ReplayDashboard.js: Added.
		23	(WebInspector.ReplayDashboard):
		24	* UserInterface/Views/ButtonNavigationItem.js:
		25	(WebInspector.ButtonNavigationItem.prototype._updateImage):
		26	* UserInterface/Views/DashboardView.js:
		27	(WebInspector.DashboardView):
		28	* UserInterface/Views/ReplayDashboardView.css: Added.
		29	(.toolbar .dashboard.replay):
		30	(.toolbar .dashboard.replay div.navigation-bar):
		31	(.toolbar .dashboard.replay .item.button > .glyph):
		32	(.toolbar.label-only .dashboard.replay .item.button > .glyph):
		33	* UserInterface/Views/ReplayDashboardView.js: Added.
		34	(WebInspector.ReplayDashboardView):
		35	(WebInspector.ReplayDashboardView.prototype._captureButtonItemClicked):
		36	(WebInspector.ReplayDashboardView.prototype._replayButtonItemClicked):
		37	(WebInspector.ReplayDashboardView.prototype._captureStarted):
		38	(WebInspector.ReplayDashboardView.prototype._captureStopped):
		39	(WebInspector.ReplayDashboardView.prototype._playbackStarted):
		40	(WebInspector.ReplayDashboardView.prototype._playbackPaused):
		41	(WebInspector.ReplayDashboardView.prototype._playbackFinished):
		42
1	2014-07-21 Brian J. Burg <burg@cs.washington.edu>	43	2014-07-21 Brian J. Burg <burg@cs.washington.edu>
2		44
3	Web Inspector: cannot navigate between multiple applicable dashboards	45	Web Inspector: cannot navigate between multiple applicable dashboards

Lines 106-111 a/Source/WebInspectorUI/UserInterface/Main.html_sec1
- a/Source/WebInspectorUI/UserInterface/Main.html +3 lines
106	<link rel="stylesheet" href="Views/ProbeSetDataGrid.css">	106	<link rel="stylesheet" href="Views/ProbeSetDataGrid.css">
107	<link rel="stylesheet" href="Views/QuickConsole.css">	107	<link rel="stylesheet" href="Views/QuickConsole.css">
108	<link rel="stylesheet" href="Views/RadioButtonNavigationItem.css">	108	<link rel="stylesheet" href="Views/RadioButtonNavigationItem.css">
		109	<link rel="stylesheet" href="Views/ReplayDashboardView.css">
109	<link rel="stylesheet" href="Views/ResourceIcons.css">	110	<link rel="stylesheet" href="Views/ResourceIcons.css">
110	<link rel="stylesheet" href="Views/ResourceSidebarPanel.css">	111	<link rel="stylesheet" href="Views/ResourceSidebarPanel.css">
111	<link rel="stylesheet" href="Views/ResourceTreeElement.css">	112	<link rel="stylesheet" href="Views/ResourceTreeElement.css">
Lines 248-253 a/Source/WebInspectorUI/UserInterface/Main.html_sec2
248	<script src="Models/Profile.js"></script>	249	<script src="Models/Profile.js"></script>
249	<script src="Models/ProfileNode.js"></script>	250	<script src="Models/ProfileNode.js"></script>
250	<script src="Models/ProfileNodeCall.js"></script>	251	<script src="Models/ProfileNodeCall.js"></script>
		252	<script src="Models/ReplayDashboard.js"></script>
251	<script src="Models/ReplaySession.js"></script>	253	<script src="Models/ReplaySession.js"></script>
252	<script src="Models/ReplaySessionSegment.js"></script>	254	<script src="Models/ReplaySessionSegment.js"></script>
253	<script src="Models/Resource.js"></script>	255	<script src="Models/Resource.js"></script>
Lines 419-424 a/Source/WebInspectorUI/UserInterface/Main.html_sec3
419	<script src="Views/QuickConsole.js"></script>	421	<script src="Views/QuickConsole.js"></script>
420	<script src="Views/QuickConsoleNavigationBar.js"></script>	422	<script src="Views/QuickConsoleNavigationBar.js"></script>
421	<script src="Views/RadioButtonNavigationItem.js"></script>	423	<script src="Views/RadioButtonNavigationItem.js"></script>
		424	<script src="Views/ReplayDashboardView.js"></script>
422	<script src="Views/ResourceClusterContentView.js"></script>	425	<script src="Views/ResourceClusterContentView.js"></script>
423	<script src="Views/ResourceDetailsSidebarPanel.js"></script>	426	<script src="Views/ResourceDetailsSidebarPanel.js"></script>
424	<script src="Views/ResourceSidebarPanel.js"></script>	427	<script src="Views/ResourceSidebarPanel.js"></script>

Line 0 a/Source/WebInspectorUI/UserInterface/Models/ReplayDashboard.js_sec1
- a/Source/WebInspectorUI/UserInterface/Models/ReplayDashboard.js +33 lines
	1	/*
	2	* Copyright (C) 2014 University of Washington. All rights reserved.
	3	*
	4	* Redistribution and use in source and binary forms, with or without
	5	* modification, are permitted provided that the following conditions
	6	* are met:
	7	* 1. Redistributions of source code must retain the above copyright
	8	* notice, this list of conditions and the following disclaimer.
	9	* 2. Redistributions in binary form must reproduce the above copyright
	10	* notice, this list of conditions and the following disclaimer in the
	11	* documentation and/or other materials provided with the distribution.
	12	*
	13	* THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
	14	* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
	15	* THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
	16	* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
	17	* BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
	18	* CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
	19	* SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
	20	* INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
	21	* CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
	22	* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
	23	* THE POSSIBILITY OF SUCH DAMAGE.
	24	*/
	25
	26	WebInspector.ReplayDashboard = function() {
	27	WebInspector.Object.call(this);
	28	};
	29
	30	WebInspector.ReplayDashboard.prototype = {
	31	constructor: WebInspector.ReplayDashboard,
	32	__proto__: WebInspector.Object.prototype,
	33	};