OLD | NEW |
1 // Copyright 2014 The Chromium Authors. All rights reserved. | 1 // Copyright 2014 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 /** | 5 /** |
6 * @constructor | 6 * @constructor |
7 * @extends {WebInspector.TimelineUIUtils} | 7 * @extends {WebInspector.TimelineUIUtils} |
8 */ | 8 */ |
9 WebInspector.TimelineUIUtilsImpl = function() | 9 WebInspector.TimelineUIUtilsImpl = function() |
10 { | 10 { |
(...skipping 373 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
384 break; | 384 break; |
385 case WebInspector.TimelineModel.RecordType.EmbedderCallback: | 385 case WebInspector.TimelineModel.RecordType.EmbedderCallback: |
386 detailsText = recordData["callbackName"]; | 386 detailsText = recordData["callbackName"]; |
387 break; | 387 break; |
388 default: | 388 default: |
389 details = linkifyTopCallFrame(); | 389 details = linkifyTopCallFrame(); |
390 break; | 390 break; |
391 } | 391 } |
392 | 392 |
393 if (!details && detailsText) | 393 if (!details && detailsText) |
394 details = document.createTextNode(detailsText); | 394 details = createTextNode(detailsText); |
395 return details; | 395 return details; |
396 | 396 |
397 /** | 397 /** |
398 * @param {string} scriptId | 398 * @param {string} scriptId |
399 * @param {string} url | 399 * @param {string} url |
400 * @param {number} lineNumber | 400 * @param {number} lineNumber |
401 * @param {number=} columnNumber | 401 * @param {number=} columnNumber |
402 */ | 402 */ |
403 function linkifyLocation(scriptId, url, lineNumber, columnNumber) | 403 function linkifyLocation(scriptId, url, lineNumber, columnNumber) |
404 { | 404 { |
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
489 /** | 489 /** |
490 * @param {!WebInspector.TimelineModel.Record} record | 490 * @param {!WebInspector.TimelineModel.Record} record |
491 * @param {!WebInspector.TimelineModel} model | 491 * @param {!WebInspector.TimelineModel} model |
492 * @param {!WebInspector.Linkifier} linkifier | 492 * @param {!WebInspector.Linkifier} linkifier |
493 * @param {?Element} imagePreviewElement | 493 * @param {?Element} imagePreviewElement |
494 * @param {?WebInspector.DOMNode} relatedNode | 494 * @param {?WebInspector.DOMNode} relatedNode |
495 * @return {!DocumentFragment} | 495 * @return {!DocumentFragment} |
496 */ | 496 */ |
497 WebInspector.TimelineUIUtilsImpl._generateDetailsContentSynchronously = function
(record, model, linkifier, imagePreviewElement, relatedNode) | 497 WebInspector.TimelineUIUtilsImpl._generateDetailsContentSynchronously = function
(record, model, linkifier, imagePreviewElement, relatedNode) |
498 { | 498 { |
499 var fragment = document.createDocumentFragment(); | 499 var fragment = createDocumentFragment(); |
500 var aggregatedStats = {}; | 500 var aggregatedStats = {}; |
501 WebInspector.TimelineUIUtilsImpl.aggregateTimeForRecord(aggregatedStats, rec
ord); | 501 WebInspector.TimelineUIUtilsImpl.aggregateTimeForRecord(aggregatedStats, rec
ord); |
502 if (record.children().length) | 502 if (record.children().length) |
503 fragment.appendChild(WebInspector.TimelineUIUtils.generatePieChart(aggre
gatedStats, WebInspector.TimelineUIUtilsImpl.recordStyle(record).category, recor
d.selfTime())); | 503 fragment.appendChild(WebInspector.TimelineUIUtils.generatePieChart(aggre
gatedStats, WebInspector.TimelineUIUtilsImpl.recordStyle(record).category, recor
d.selfTime())); |
504 else | 504 else |
505 fragment.appendChild(WebInspector.TimelineUIUtils.generatePieChart(aggre
gatedStats)); | 505 fragment.appendChild(WebInspector.TimelineUIUtils.generatePieChart(aggre
gatedStats)); |
506 | 506 |
507 const recordTypes = WebInspector.TimelineModel.RecordType; | 507 const recordTypes = WebInspector.TimelineModel.RecordType; |
508 | 508 |
509 // The messages may vary per record.type(); | 509 // The messages may vary per record.type(); |
(...skipping 126 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
636 if (recordData["scriptName"] && record.type() !== recordTypes.FunctionCall) | 636 if (recordData["scriptName"] && record.type() !== recordTypes.FunctionCall) |
637 contentHelper.appendLocationRow(WebInspector.UIString("Function Call"),
recordData["scriptName"], recordData["scriptLine"]); | 637 contentHelper.appendLocationRow(WebInspector.UIString("Function Call"),
recordData["scriptName"], recordData["scriptLine"]); |
638 var callSiteStackTrace = record.callSiteStackTrace(); | 638 var callSiteStackTrace = record.callSiteStackTrace(); |
639 if (callSiteStackTrace) | 639 if (callSiteStackTrace) |
640 contentHelper.appendStackTrace(callSiteStackTraceLabel || WebInspector.U
IString("Call Site stack"), callSiteStackTrace); | 640 contentHelper.appendStackTrace(callSiteStackTraceLabel || WebInspector.U
IString("Call Site stack"), callSiteStackTrace); |
641 var recordStackTrace = record.stackTrace(); | 641 var recordStackTrace = record.stackTrace(); |
642 if (recordStackTrace) | 642 if (recordStackTrace) |
643 contentHelper.appendStackTrace(callStackLabel || WebInspector.UIString("
Call Stack"), recordStackTrace); | 643 contentHelper.appendStackTrace(callStackLabel || WebInspector.UIString("
Call Stack"), recordStackTrace); |
644 | 644 |
645 if (record.warnings()) { | 645 if (record.warnings()) { |
646 var ul = document.createElement("ul"); | 646 var ul = createElement("ul"); |
647 for (var i = 0; i < record.warnings().length; ++i) | 647 for (var i = 0; i < record.warnings().length; ++i) |
648 ul.createChild("li").textContent = record.warnings()[i]; | 648 ul.createChild("li").textContent = record.warnings()[i]; |
649 contentHelper.appendElementRow(WebInspector.UIString("Warning"), ul); | 649 contentHelper.appendElementRow(WebInspector.UIString("Warning"), ul); |
650 } | 650 } |
651 fragment.appendChild(contentHelper.element); | 651 fragment.appendChild(contentHelper.element); |
652 return fragment; | 652 return fragment; |
653 } | 653 } |
654 | 654 |
655 /** | 655 /** |
656 * @param {string} recordType | 656 * @param {string} recordType |
657 * @param {string=} title | 657 * @param {string=} title |
658 * @return {!Element} | 658 * @return {!Element} |
659 */ | 659 */ |
660 WebInspector.TimelineUIUtilsImpl._createEventDivider = function(recordType, titl
e) | 660 WebInspector.TimelineUIUtilsImpl._createEventDivider = function(recordType, titl
e) |
661 { | 661 { |
662 var eventDivider = document.createElement("div"); | 662 var eventDivider = createElement("div"); |
663 eventDivider.className = "resources-event-divider"; | 663 eventDivider.className = "resources-event-divider"; |
664 var recordTypes = WebInspector.TimelineModel.RecordType; | 664 var recordTypes = WebInspector.TimelineModel.RecordType; |
665 | 665 |
666 if (recordType === recordTypes.MarkDOMContent) | 666 if (recordType === recordTypes.MarkDOMContent) |
667 eventDivider.className += " resources-blue-divider"; | 667 eventDivider.className += " resources-blue-divider"; |
668 else if (recordType === recordTypes.MarkLoad) | 668 else if (recordType === recordTypes.MarkLoad) |
669 eventDivider.className += " resources-red-divider"; | 669 eventDivider.className += " resources-red-divider"; |
670 else if (recordType === recordTypes.MarkFirstPaint) | 670 else if (recordType === recordTypes.MarkFirstPaint) |
671 eventDivider.className += " resources-green-divider"; | 671 eventDivider.className += " resources-green-divider"; |
672 else if (recordType === recordTypes.TimeStamp) | 672 else if (recordType === recordTypes.TimeStamp) |
673 eventDivider.className += " resources-orange-divider"; | 673 eventDivider.className += " resources-orange-divider"; |
674 else if (recordType === recordTypes.BeginFrame) | 674 else if (recordType === recordTypes.BeginFrame) |
675 eventDivider.className += " timeline-frame-divider"; | 675 eventDivider.className += " timeline-frame-divider"; |
676 | 676 |
677 if (title) | 677 if (title) |
678 eventDivider.title = title; | 678 eventDivider.title = title; |
679 | 679 |
680 return eventDivider; | 680 return eventDivider; |
681 } | 681 } |
OLD | NEW |