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.TracingTimelineUIUtils = function() | 9 WebInspector.TracingTimelineUIUtils = function() |
10 { | 10 { |
(...skipping 421 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
432 detailsText = null; | 432 detailsText = null; |
433 else | 433 else |
434 details = linkifyTopCallFrame(); | 434 details = linkifyTopCallFrame(); |
435 break; | 435 break; |
436 } | 436 } |
437 | 437 |
438 if (detailsText) { | 438 if (detailsText) { |
439 if (details) | 439 if (details) |
440 details.textContent = detailsText; | 440 details.textContent = detailsText; |
441 else | 441 else |
442 details = document.createTextNode(detailsText); | 442 details = createTextNode(detailsText); |
443 } | 443 } |
444 return details; | 444 return details; |
445 | 445 |
446 /** | 446 /** |
447 * @param {string} scriptId | 447 * @param {string} scriptId |
448 * @param {string} url | 448 * @param {string} url |
449 * @param {number} lineNumber | 449 * @param {number} lineNumber |
450 * @param {number=} columnNumber | 450 * @param {number=} columnNumber |
451 */ | 451 */ |
452 function linkifyLocation(scriptId, url, lineNumber, columnNumber) | 452 function linkifyLocation(scriptId, url, lineNumber, columnNumber) |
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
521 | 521 |
522 /** | 522 /** |
523 * @param {!WebInspector.TracingModel.Event} event | 523 * @param {!WebInspector.TracingModel.Event} event |
524 * @param {!WebInspector.TracingTimelineModel} model | 524 * @param {!WebInspector.TracingTimelineModel} model |
525 * @param {!WebInspector.Linkifier} linkifier | 525 * @param {!WebInspector.Linkifier} linkifier |
526 * @param {?WebInspector.DOMNode} relatedNode | 526 * @param {?WebInspector.DOMNode} relatedNode |
527 * @return {!DocumentFragment} | 527 * @return {!DocumentFragment} |
528 */ | 528 */ |
529 WebInspector.TracingTimelineUIUtils._buildTraceEventDetailsSynchronously = funct
ion(event, model, linkifier, relatedNode) | 529 WebInspector.TracingTimelineUIUtils._buildTraceEventDetailsSynchronously = funct
ion(event, model, linkifier, relatedNode) |
530 { | 530 { |
531 var fragment = document.createDocumentFragment(); | 531 var fragment = createDocumentFragment(); |
532 var stats = {}; | 532 var stats = {}; |
533 var hasChildren = WebInspector.TracingTimelineUIUtils._aggregatedStatsForTra
ceEvent(stats, model, event); | 533 var hasChildren = WebInspector.TracingTimelineUIUtils._aggregatedStatsForTra
ceEvent(stats, model, event); |
534 var pieChart = hasChildren ? | 534 var pieChart = hasChildren ? |
535 WebInspector.TimelineUIUtils.generatePieChart(stats, WebInspector.Tracin
gTimelineUIUtils.eventStyle(event).category, event.selfTime) : | 535 WebInspector.TimelineUIUtils.generatePieChart(stats, WebInspector.Tracin
gTimelineUIUtils.eventStyle(event).category, event.selfTime) : |
536 WebInspector.TimelineUIUtils.generatePieChart(stats); | 536 WebInspector.TimelineUIUtils.generatePieChart(stats); |
537 fragment.appendChild(pieChart); | 537 fragment.appendChild(pieChart); |
538 | 538 |
539 var recordTypes = WebInspector.TracingTimelineModel.RecordType; | 539 var recordTypes = WebInspector.TracingTimelineModel.RecordType; |
540 | 540 |
541 // This message may vary per event.name; | 541 // This message may vary per event.name; |
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
648 } | 648 } |
649 | 649 |
650 if (relatedNode) | 650 if (relatedNode) |
651 contentHelper.appendElementRow(relatedNodeLabel || WebInspector.UIString
("Related node"), WebInspector.DOMPresentationUtils.linkifyNodeReference(related
Node)); | 651 contentHelper.appendElementRow(relatedNodeLabel || WebInspector.UIString
("Related node"), WebInspector.DOMPresentationUtils.linkifyNodeReference(related
Node)); |
652 | 652 |
653 if (eventData && eventData["scriptName"] && event.name !== recordTypes.Funct
ionCall) | 653 if (eventData && eventData["scriptName"] && event.name !== recordTypes.Funct
ionCall) |
654 contentHelper.appendLocationRow(WebInspector.UIString("Function Call"),
eventData["scriptName"], eventData["scriptLine"]); | 654 contentHelper.appendLocationRow(WebInspector.UIString("Function Call"),
eventData["scriptName"], eventData["scriptLine"]); |
655 | 655 |
656 var warning = event.warning; | 656 var warning = event.warning; |
657 if (warning) { | 657 if (warning) { |
658 var div = document.createElement("div"); | 658 var div = createElement("div"); |
659 div.textContent = warning; | 659 div.textContent = warning; |
660 contentHelper.appendElementRow(WebInspector.UIString("Warning"), div); | 660 contentHelper.appendElementRow(WebInspector.UIString("Warning"), div); |
661 } | 661 } |
662 if (event.previewElement) | 662 if (event.previewElement) |
663 contentHelper.appendElementRow(WebInspector.UIString("Preview"), event.p
reviewElement); | 663 contentHelper.appendElementRow(WebInspector.UIString("Preview"), event.p
reviewElement); |
664 | 664 |
665 if (event.stackTrace || (event.initiator && event.initiator.stackTrace)) | 665 if (event.stackTrace || (event.initiator && event.initiator.stackTrace)) |
666 WebInspector.TracingTimelineUIUtils._generateCauses(event, contentHelper
); | 666 WebInspector.TracingTimelineUIUtils._generateCauses(event, contentHelper
); |
667 | 667 |
668 fragment.appendChild(contentHelper.element); | 668 fragment.appendChild(contentHelper.element); |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
778 | 778 |
779 /** | 779 /** |
780 * @param {string=} imageURL | 780 * @param {string=} imageURL |
781 */ | 781 */ |
782 function onGotImage(imageURL) | 782 function onGotImage(imageURL) |
783 { | 783 { |
784 if (!imageURL) { | 784 if (!imageURL) { |
785 callback(); | 785 callback(); |
786 return; | 786 return; |
787 } | 787 } |
788 var container = document.createElement("div"); | 788 var container = createElement("div"); |
789 container.className = "image-preview-container"; | 789 container.className = "image-preview-container"; |
790 var img = container.createChild("img"); | 790 var img = container.createChild("img"); |
791 img.src = imageURL; | 791 img.src = imageURL; |
792 callback(container); | 792 callback(container); |
793 } | 793 } |
794 } | 794 } |
795 | 795 |
796 /** | 796 /** |
797 * @param {string} recordType | 797 * @param {string} recordType |
798 * @param {string=} title | 798 * @param {string=} title |
799 * @return {!Element} | 799 * @return {!Element} |
800 */ | 800 */ |
801 WebInspector.TracingTimelineUIUtils._createEventDivider = function(recordType, t
itle) | 801 WebInspector.TracingTimelineUIUtils._createEventDivider = function(recordType, t
itle) |
802 { | 802 { |
803 var eventDivider = document.createElement("div"); | 803 var eventDivider = createElement("div"); |
804 eventDivider.className = "resources-event-divider"; | 804 eventDivider.className = "resources-event-divider"; |
805 var recordTypes = WebInspector.TracingTimelineModel.RecordType; | 805 var recordTypes = WebInspector.TracingTimelineModel.RecordType; |
806 | 806 |
807 if (recordType === recordTypes.MarkDOMContent) | 807 if (recordType === recordTypes.MarkDOMContent) |
808 eventDivider.className += " resources-blue-divider"; | 808 eventDivider.className += " resources-blue-divider"; |
809 else if (recordType === recordTypes.MarkLoad) | 809 else if (recordType === recordTypes.MarkLoad) |
810 eventDivider.className += " resources-red-divider"; | 810 eventDivider.className += " resources-red-divider"; |
811 else if (recordType === recordTypes.MarkFirstPaint) | 811 else if (recordType === recordTypes.MarkFirstPaint) |
812 eventDivider.className += " resources-green-divider"; | 812 eventDivider.className += " resources-green-divider"; |
813 else if (recordType === recordTypes.TimeStamp || recordType === recordTypes.
ConsoleTime) | 813 else if (recordType === recordTypes.TimeStamp || recordType === recordTypes.
ConsoleTime) |
(...skipping 21 matching lines...) Expand all Loading... |
835 return result; | 835 return result; |
836 } | 836 } |
837 | 837 |
838 /** | 838 /** |
839 * @return {!WebInspector.TracingTimelineModel.Filter} | 839 * @return {!WebInspector.TracingTimelineModel.Filter} |
840 */ | 840 */ |
841 WebInspector.TracingTimelineUIUtils.hiddenEventsFilter = function() | 841 WebInspector.TracingTimelineUIUtils.hiddenEventsFilter = function() |
842 { | 842 { |
843 return new WebInspector.TracingTimelineModel.InclusiveEventNameFilter(WebIns
pector.TracingTimelineUIUtils._visibleTypes()); | 843 return new WebInspector.TracingTimelineModel.InclusiveEventNameFilter(WebIns
pector.TracingTimelineUIUtils._visibleTypes()); |
844 } | 844 } |
OLD | NEW |