| /* |
| * Copyright (C) 2013 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: |
| * |
| * * Redistributions of source code must retain the above copyright |
| * notice, this list of conditions and the following disclaimer. |
| * * 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. |
| * * Neither the name of Google Inc. nor the names of its |
| * contributors may be used to endorse or promote products derived from |
| * this software without specific prior written permission. |
| * |
| * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND 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 THE COPYRIGHT |
| * OWNER OR 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. |
| */ |
| |
| /** |
| * @constructor |
| * @extends {WebInspector.TimelineOverviewBase} |
| * @param {!WebInspector.TimelineModel} model |
| */ |
| WebInspector.TimelineEventOverview = function(model) |
| { |
| WebInspector.TimelineOverviewBase.call(this, model); |
| |
| this.element.id = "timeline-overview-events"; |
| |
| this._fillStyles = {}; |
| var categories = WebInspector.TimelinePresentationModel.categories(); |
| for (var category in categories) { |
| this._fillStyles[category] = WebInspector.TimelinePresentationModel.createFillStyleForCategory(this._context, 0, WebInspector.TimelineEventOverview._stripGradientHeight, categories[category]); |
| categories[category].addEventListener(WebInspector.TimelineCategory.Events.VisibilityChanged, this._onCategoryVisibilityChanged, this); |
| } |
| |
| this._disabledCategoryFillStyle = WebInspector.TimelinePresentationModel.createFillStyle(this._context, 0, WebInspector.TimelineEventOverview._stripGradientHeight, |
| "rgb(218, 218, 218)", "rgb(170, 170, 170)", "rgb(143, 143, 143)"); |
| |
| this._disabledCategoryBorderStyle = "rgb(143, 143, 143)"; |
| } |
| |
| /** @const */ |
| WebInspector.TimelineEventOverview._numberOfStrips = 3; |
| |
| /** @const */ |
| WebInspector.TimelineEventOverview._stripGradientHeight = 120; |
| |
| WebInspector.TimelineEventOverview.prototype = { |
| update: function() |
| { |
| this.resetCanvas(); |
| |
| var stripHeight = Math.round(this._canvas.height / WebInspector.TimelineEventOverview._numberOfStrips); |
| var timeOffset = this._model.minimumRecordTime(); |
| var timeSpan = this._model.maximumRecordTime() - timeOffset; |
| var scale = this._canvas.width / timeSpan; |
| |
| var lastBarByGroup = []; |
| |
| this._context.fillStyle = "rgba(0, 0, 0, 0.05)"; |
| for (var i = 1; i < WebInspector.TimelineEventOverview._numberOfStrips; i += 2) |
| this._context.fillRect(0.5, i * stripHeight + 0.5, this._canvas.width, stripHeight); |
| |
| /** |
| * @this {WebInspector.TimelineEventOverview} |
| */ |
| function appendRecord(record) |
| { |
| if (record.type === WebInspector.TimelineModel.RecordType.BeginFrame) |
| return; |
| var recordStart = Math.floor((WebInspector.TimelineModel.startTimeInSeconds(record) - timeOffset) * scale); |
| var recordEnd = Math.ceil((WebInspector.TimelineModel.endTimeInSeconds(record) - timeOffset) * scale); |
| var category = WebInspector.TimelinePresentationModel.categoryForRecord(record); |
| if (category.overviewStripGroupIndex < 0) |
| return; |
| var bar = lastBarByGroup[category.overviewStripGroupIndex]; |
| // This bar may be merged with previous -- so just adjust the previous bar. |
| const barsMergeThreshold = 2; |
| if (bar && bar.category === category && bar.end + barsMergeThreshold >= recordStart) { |
| if (recordEnd > bar.end) |
| bar.end = recordEnd; |
| return; |
| } |
| if (bar) |
| this._renderBar(bar.start, bar.end, stripHeight, bar.category); |
| lastBarByGroup[category.overviewStripGroupIndex] = { start: recordStart, end: recordEnd, category: category }; |
| } |
| WebInspector.TimelinePresentationModel.forAllRecords(this._model.records, appendRecord.bind(this)); |
| for (var i = 0; i < lastBarByGroup.length; ++i) { |
| if (lastBarByGroup[i]) |
| this._renderBar(lastBarByGroup[i].start, lastBarByGroup[i].end, stripHeight, lastBarByGroup[i].category); |
| } |
| }, |
| |
| _onCategoryVisibilityChanged: function() |
| { |
| this.update(); |
| }, |
| |
| /** |
| * @param {number} begin |
| * @param {number} end |
| * @param {number} height |
| * @param {!WebInspector.TimelineCategory} category |
| */ |
| _renderBar: function(begin, end, height, category) |
| { |
| const stripPadding = 4 * window.devicePixelRatio; |
| const innerStripHeight = height - 2 * stripPadding; |
| |
| var x = begin + 0.5; |
| var y = category.overviewStripGroupIndex * height + stripPadding + 0.5; |
| var width = Math.max(end - begin, 1); |
| |
| this._context.save(); |
| this._context.translate(x, y); |
| this._context.scale(1, innerStripHeight / WebInspector.TimelineEventOverview._stripGradientHeight); |
| this._context.fillStyle = category.hidden ? this._disabledCategoryFillStyle : this._fillStyles[category.name]; |
| this._context.fillRect(0, 0, width, WebInspector.TimelineEventOverview._stripGradientHeight); |
| this._context.strokeStyle = category.hidden ? this._disabledCategoryBorderStyle : category.borderColor; |
| this._context.strokeRect(0, 0, width, WebInspector.TimelineEventOverview._stripGradientHeight); |
| this._context.restore(); |
| }, |
| |
| __proto__: WebInspector.TimelineOverviewBase.prototype |
| } |