2009-11-22 Pavel Feldman <pfeldman@chromium.org>
[WebKit-https.git] / WebCore / inspector / front-end / TimelineGrid.js
1 /*
2  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
3  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
4  * Copyright (C) 2009 Google Inc. All rights reserved.
5  *
6  * Redistribution and use in source and binary forms, with or without
7  * modification, are permitted provided that the following conditions
8  * are met:
9  *
10  * 1.  Redistributions of source code must retain the above copyright
11  *     notice, this list of conditions and the following disclaimer.
12  * 2.  Redistributions in binary form must reproduce the above copyright
13  *     notice, this list of conditions and the following disclaimer in the
14  *     documentation and/or other materials provided with the distribution.
15  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
16  *     its contributors may be used to endorse or promote products derived
17  *     from this software without specific prior written permission.
18  *
19  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
20  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
21  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
22  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
23  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
24  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
25  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
26  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
28  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
29  */
30
31 WebInspector.TimelineGrid = function()
32 {
33     this.element = document.createElement("div");
34
35     this._itemsGraphsElement = document.createElement("div");
36     this._itemsGraphsElement.id = "resources-graphs";
37     this.element.appendChild(this._itemsGraphsElement);
38
39     this._dividersElement = document.createElement("div");
40     this._dividersElement.id = "resources-dividers";
41     this.element.appendChild(this._dividersElement);
42
43     this._eventDividersElement = document.createElement("div");
44     this._eventDividersElement.id = "resources-event-dividers";
45     this.element.appendChild(this._eventDividersElement);
46
47     this._dividersLabelBarElement = document.createElement("div");
48     this._dividersLabelBarElement.id = "resources-dividers-label-bar";
49     this.element.appendChild(this._dividersLabelBarElement);
50 }
51
52 WebInspector.TimelineGrid.prototype = {
53     get itemsGraphsElement()
54     {
55         return this._itemsGraphsElement;
56     },
57
58     updateDividers: function(force, calculator)
59     {
60         var dividerCount = Math.round(this._dividersElement.offsetWidth / 64);
61         var slice = calculator.boundarySpan / dividerCount;
62         if (!force && this._currentDividerSlice === slice)
63             return false;
64
65         this._currentDividerSlice = slice;
66
67         this._dividersElement.removeChildren();
68         this._eventDividersElement.removeChildren();
69         this._dividersLabelBarElement.removeChildren();
70
71         for (var i = 1; i <= dividerCount; ++i) {
72             var divider = document.createElement("div");
73             divider.className = "resources-divider";
74             if (i === dividerCount)
75                 divider.addStyleClass("last");
76             divider.style.left = ((i / dividerCount) * 100) + "%";
77
78             this._dividersElement.appendChild(divider.cloneNode());
79
80             var label = document.createElement("div");
81             label.className = "resources-divider-label";
82             if (!isNaN(slice))
83                 label.textContent = calculator.formatValue(slice * i);
84             divider.appendChild(label);
85
86             this._dividersLabelBarElement.appendChild(divider);
87         }
88         return true;
89     },
90
91     addEventDivider: function(divider)
92     {
93         this._eventDividersElement.appendChild(divider);
94     },
95
96     setScrollAndDividerTop: function(scrollTop, dividersTop)
97     {
98         this._dividersElement.style.top = scrollTop + "px";
99         this._eventDividersElement.style.top = scrollTop + "px";
100         this._dividersLabelBarElement.style.top = dividersTop + "px";
101     }
102 }