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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js

Issue 2639243003: DevTools: tweak performance landing page style. (Closed)
Patch Set: Created 3 years, 11 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
« no previous file with comments | « no previous file | third_party/WebKit/Source/devtools/front_end/timeline/timelinePanel.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2012 Google Inc. All rights reserved. 2 * Copyright (C) 2012 Google Inc. All rights reserved.
3 * Copyright (C) 2012 Intel Inc. All rights reserved. 3 * Copyright (C) 2012 Intel Inc. All rights reserved.
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions are 6 * modification, are permitted provided that the following conditions are
7 * met: 7 * met:
8 * 8 *
9 * * Redistributions of source code must retain the above copyright 9 * * Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 681 matching lines...) Expand 10 before | Expand all | Expand 10 after
692 encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptorsForAction('ti meline.toggle-recording')[0].name); 692 encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptorsForAction('ti meline.toggle-recording')[0].name);
693 var reloadNode = encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptors ForAction('main.reload')[0].name); 693 var reloadNode = encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptors ForAction('main.reload')[0].name);
694 var navigateNode = encloseWithTag('b', Common.UIString('WASD')); 694 var navigateNode = encloseWithTag('b', Common.UIString('WASD'));
695 695
696 this._landingPage = new UI.VBox(); 696 this._landingPage = new UI.VBox();
697 this._landingPage.contentElement.classList.add('timeline-landing-page', 'fil l'); 697 this._landingPage.contentElement.classList.add('timeline-landing-page', 'fil l');
698 var centered = this._landingPage.contentElement.createChild('div'); 698 var centered = this._landingPage.contentElement.createChild('div');
699 699
700 var p = centered.createChild('p'); 700 var p = centered.createChild('p');
701 p.createTextChild(Common.UIString( 701 p.createTextChild(Common.UIString(
702 'The Performance panel lets you record what the browser does during page load and user interaction. The timeline it generates can help you determine why certain parts of your page are slow.')); 702 'The Performance panel lets you record what the browser does during page load and user interaction. ' +
703 'The timeline it generates can help you determine why certain parts of y our page are slow.'));
703 704
704 p = centered.createChild('p'); 705 p = centered.createChild('p');
705 p.appendChild(UI.formatLocalized( 706 p.appendChild(UI.formatLocalized(
706 'To capture a new recording, click the record toolbar button or hit %s. To evaluate page load performance, hit %s to record the reload.', 707 'To capture a new recording, click the record toolbar button or hit %s. ' +
708 'To evaluate page load performance, hit %s to record the reload.',
707 [recordNode, reloadNode])); 709 [recordNode, reloadNode]));
708 710
709 p = centered.createChild('p'); 711 p = centered.createChild('p');
710 p.appendChild(UI.formatLocalized( 712 p.appendChild(UI.formatLocalized(
711 'After recording, select an area of interest in the overview by dragging . Then, zoom and pan the timeline with the mousewheel or %s keys.', 713 'After recording, select an area of interest in the overview by dragging . ' +
714 'Then, zoom and pan the timeline with the mousewheel or %s keys.',
712 [navigateNode])); 715 [navigateNode]));
713 716
714 p = centered.createChild('p'); 717 p = centered.createChild('p');
715 p.appendChild(learnMoreNode); 718 p.appendChild(learnMoreNode);
716 719
717 var timelineSpan = encloseWithTag('b', Common.UIString('Timeline')); 720 var timelineSpan = encloseWithTag('b', Common.UIString('Timeline'));
718 var performanceSpan = encloseWithTag('b', Common.UIString('Performance')); 721 var performanceSpan = encloseWithTag('b', Common.UIString('Performance'));
719 722
720 p = centered.createChild('p', 'timeline-landing-warning'); 723 p = centered.createChild('p', 'timeline-landing-warning');
721 p.appendChild(UI.formatLocalized( 724 p.appendChild(UI.formatLocalized(
722 'The %s panel has been enriched with the JavaScript profiler capabilitie s and is now called %s.%sYou can find the legacy JavaScript CPU profiler under % s\u2192 More Tools \u2192 JavaScript Profiler.', 725 'The %s panel has been enriched with the JavaScript profiler capabilitie s and is now called %s.%s' +
723 [timelineSpan, performanceSpan, createElement('br'), UI.Icon.create('lar geicon-menu')])); 726 'You can find the legacy JavaScript CPU profiler under %s%s \u2192 More Tools \u2192 JavaScript Profiler.',
727 [timelineSpan, performanceSpan, createElement('p'), createElement('br'), UI.Icon.create('largeicon-menu')]));
724 728
725 this._landingPage.show(this._statusPaneContainer); 729 this._landingPage.show(this._statusPaneContainer);
726 } 730 }
727 731
728 _hideLandingPage() { 732 _hideLandingPage() {
729 this._landingPage.detach(); 733 this._landingPage.detach();
730 } 734 }
731 735
732 /** 736 /**
733 * @override 737 * @override
(...skipping 1192 matching lines...) Expand 10 before | Expand all | Expand 10 after
1926 }; 1930 };
1927 1931
1928 Timeline.TimelinePanel._traceProviderSettingSymbol = Symbol('traceProviderSettin g'); 1932 Timeline.TimelinePanel._traceProviderSettingSymbol = Symbol('traceProviderSettin g');
1929 1933
1930 /** @enum {symbol} */ 1934 /** @enum {symbol} */
1931 Timeline.TimelineFilters.Events = { 1935 Timeline.TimelineFilters.Events = {
1932 FilterChanged: Symbol('FilterChanged') 1936 FilterChanged: Symbol('FilterChanged')
1933 }; 1937 };
1934 1938
1935 Timeline.TimelineFilters._durationFilterPresetsMs = [0, 1, 15]; 1939 Timeline.TimelineFilters._durationFilterPresetsMs = [0, 1, 15];
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/Source/devtools/front_end/timeline/timelinePanel.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698