| 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 |