Web Inspector: Timelines UI redesign: use DataGridNode for TimelineView selection...
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / SourceCodeTimelineTimelineDataGridNode.js
1 /*
2  * Copyright (C) 2014, 2015 Apple Inc. 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.SourceCodeTimelineTimelineDataGridNode = class SourceCodeTimelineTimelineDataGridNode extends WebInspector.TimelineDataGridNode
27 {
28     constructor(sourceCodeTimeline, graphDataSource)
29     {
30         super(true, graphDataSource);
31
32         this._sourceCodeTimeline = sourceCodeTimeline;
33         this._sourceCodeTimeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._timelineRecordAdded, this);
34     }
35
36     // Public
37
38     get records()
39     {
40         return this._sourceCodeTimeline.records;
41     }
42
43     get sourceCodeTimeline()
44     {
45         return this._sourceCodeTimeline;
46     }
47
48     get data()
49     {
50         return {graph: this._sourceCodeTimeline.startTime};
51     }
52
53     createCellContent(columnIdentifier, cell)
54     {
55         if (columnIdentifier === "name" && this.records.length) {
56             cell.classList.add(...this.iconClassNames());
57             return this._createNameCellContent(cell);
58         }
59
60         return super.createCellContent(columnIdentifier, cell);
61     }
62
63     // Private
64
65     _createNameCellContent(cellElement)
66     {
67         if (!this.records.length)
68             return null;
69
70         let fragment = document.createDocumentFragment();
71         let mainTitle = this.displayName();
72         fragment.append(mainTitle);
73
74         let sourceCodeLocation = this._sourceCodeTimeline.sourceCodeLocation;
75         if (sourceCodeLocation) {
76             let subtitleElement = document.createElement("span");
77             subtitleElement.classList.add("subtitle");
78             sourceCodeLocation.populateLiveDisplayLocationString(subtitleElement, "textContent", null, WebInspector.SourceCodeLocation.NameStyle.None, WebInspector.UIString("line "));
79
80             let goToArrowButtonLink = WebInspector.createSourceCodeLocationLink(sourceCodeLocation, false, true);
81             fragment.append(goToArrowButtonLink, subtitleElement);
82
83             // Give the whole cell a tooltip and keep it up to date.
84             sourceCodeLocation.populateLiveDisplayLocationTooltip(cellElement, mainTitle + "\n");
85         } else
86             cellElement.title = mainTitle;
87
88         return fragment;
89     }
90
91     _timelineRecordAdded(event)
92     {
93         if (this.isRecordVisible(event.data.record))
94             this.needsGraphRefresh();
95     }
96 };