Web Inspector: Timelines UI redesign: use DataGridNode for TimelineView selection...
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / LayoutTimelineDataGridNode.js
1 /*
2  * Copyright (C) 2013, 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.LayoutTimelineDataGridNode = class LayoutTimelineDataGridNode extends WebInspector.TimelineDataGridNode
27 {
28     constructor(layoutTimelineRecord, baseStartTime)
29     {
30         super(false, null);
31
32         this._record = layoutTimelineRecord;
33         this._baseStartTime = baseStartTime || 0;
34     }
35
36     // Public
37
38     get records()
39     {
40         return [this._record];
41     }
42
43     get data()
44     {
45         if (!this._cachedData) {
46             this._cachedData = {
47                 name: this.displayName(),
48                 width: this._record.width,
49                 height: this._record.height,
50                 area: this._record.width * this._record.height,
51                 startTime: this._record.startTime,
52                 totalTime: this._record.duration,
53                 location: this._record.initiatorCallFrame,
54             };
55         }
56
57         return this._cachedData;
58     }
59
60     createCellContent(columnIdentifier, cell)
61     {
62         var value = this.data[columnIdentifier];
63
64         switch (columnIdentifier) {
65         case "name":
66             cell.classList.add(...this.iconClassNames());
67             return value;
68
69         case "width":
70         case "height":
71             return isNaN(value) ? emDash : WebInspector.UIString("%fpx").format(value);
72
73         case "area":
74             return isNaN(value) ? emDash : WebInspector.UIString("%fpx²").format(value);
75
76         case "startTime":
77             return isNaN(value) ? emDash : Number.secondsToString(value - this._baseStartTime, true);
78
79         case "totalTime":
80             return isNaN(value) ? emDash : Number.secondsToString(value, true);
81         }
82
83         return super.createCellContent(columnIdentifier, cell);
84     }
85 };