Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(218)

Side by Side Diff: Source/devtools/front_end/timeline/TracingTimelineUIUtils.js

Issue 662793002: [DevTools] Replace usages of document with custom functions. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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
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
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
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
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 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/timeline/TimelineView.js ('k') | Source/devtools/front_end/timeline/TransformController.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698