Index: perf/dashboard/ui/pagecycler_report.html |
=================================================================== |
--- perf/dashboard/ui/pagecycler_report.html (revision 298504) |
+++ perf/dashboard/ui/pagecycler_report.html (working copy) |
@@ -1,260 +0,0 @@ |
-<html> |
-<head> |
-<style> |
-body { |
- font-family: sans-serif; |
-} |
-div#output { |
- cursor: pointer; |
-} |
-div#switcher { |
- cursor: pointer; |
-} |
-div#switcher a { |
- border-top: 1px solid black; |
- border-left: 1px solid black; |
- padding-left: 0.5em; |
- padding-right: 0.5em; |
-} |
-canvas.plot { |
- border: 1px solid black; |
-} |
-div.plot-coordinates { |
- font-family: monospace; |
-} |
-iframe { |
- display: none; |
- width: 100%; |
- height: 100%; |
- border: none; |
-} |
-div.selector { |
- border: solid 1px black; |
- cursor: pointer; |
- padding-left: 0.3em; |
- background-color: white; |
-} |
-div.selector:hover { |
- background-color: rgb(200,200,250); |
-} |
-div.selected { |
- border-left: none; |
-} |
-div#selectors { |
- width: 80px; |
- display: none; |
-} |
-</style> |
-<script src="js/common.js"></script> |
-<script src="js/plotter.js"></script> |
-<script src="js/coordinates.js"></script> |
-<script src="config.js"></script> |
-<script> |
-document.title = Config.title; |
- |
-var params = ParseParams(); |
-if (!('history' in params)) { |
- params.history = 150; |
- // make this option somewhat user discoverable :-/ |
- window.location.href = MakeURL(params); |
-} |
- |
-var did_position_details = false; |
- |
-function units_for_trace() { |
- if ('trace' in params && params.trace.indexOf('vm-') == 0) { |
- return 'bytes' |
- } else if ('trace' in params && params.trace.indexOf('io-op') == 0) { |
- return 'times' |
- } else if ('trace' in params && params.trace.indexOf('io-byte') == 0) { |
- return 'KB' |
- } else { |
- return 'msec' |
- } |
-} |
- |
-function go_to(trace) { |
- params.trace = trace; |
- if (params.trace == '') |
- delete params.trace; |
- window.location.href = MakeURL(params); |
-} |
- |
-function on_clicked_plot(cl, value, fuzz, e) { |
- document.getElementById('view-change'). |
- setAttribute('src', Config.changeLinkPrefix + cl); |
- |
- document.getElementById('view-pages'). |
- setAttribute('src', 'details.html?cl=' + cl); |
- |
- if (!did_position_details) { |
- position_details(); |
- did_position_details = true; |
- } |
-} |
- |
-function received_summary(data) { |
- var dataGrid = [[],[]]; |
- var clNumbers = []; |
- var rows = data.split('\n'); |
- var max_rows = rows.length; |
- if (max_rows > params.history) |
- max_rows = params.history |
- var index = 0; |
- for (var i = 0; i < max_rows; ++i) { |
- // ignore ill-formatted data |
- if (rows[i].match(/[\d\.]+ [\d\.]+ [\d\.]+/) == null) |
- continue; |
- var cols = rows[i].split(' '); |
- |
- clNumbers.push(cols[0]) |
- if (cols.length == 3) { |
- dataGrid[0].push( [parseFloat(cols[1]), 0] ); |
- dataGrid[1].push( [parseFloat(cols[2]), 0] ); |
- } else { |
- dataGrid[0].push( [parseFloat(cols[1]), parseFloat(cols[2])] ); |
- dataGrid[1].push( [parseFloat(cols[3]), 0] ); |
- } |
- |
- index++; |
- } |
- |
- |
- dataGrid[0].reverse(); |
- dataGrid[1].reverse(); |
- clNumbers.reverse(); |
- |
- var output = document.getElementById("output"); |
- var plotter = new Plotter(clNumbers, dataGrid, [], units_for_trace(), |
- document.getElementById("output")); |
- plotter.onclick = on_clicked_plot; |
- plotter.plot(); |
-} |
- |
-function fetch_summary() { |
- if ('trace' in params) |
- file = "summary-" + escape(params.trace) + ".dat" |
- else |
- file = "summary.dat" |
- Fetch(file, received_summary); |
-} |
- |
-function position_details() { |
- var output = document.getElementById("output"); |
- |
- var win_height = window.innerHeight; |
- |
- var details = document.getElementById("views"); |
- |
- var views = document.getElementById("views"); |
- var selectors = document.getElementById("selectors"); |
- selectors.style.display = "block"; |
- |
- var views_width = output.offsetWidth - selectors.offsetWidth; |
- |
- views.style.border = "1px solid black"; |
- views.style.width = views_width + "px"; |
- views.style.height = (win_height - output.offsetHeight - output.offsetTop - 30) + "px"; |
- |
- selectors.style.position = "absolute"; |
- selectors.style.left = (views.offsetLeft + views_width + 1) + "px"; |
- selectors.style.top = views.offsetTop + "px"; |
- |
- change_view("view-change"); |
-} |
- |
-function change_view(target) { |
- if (target == "view-change") { |
- document.getElementById("view-pages").style.display = "none"; |
- document.getElementById("view-change").style.display = "block"; |
- } else { |
- document.getElementById("view-change").style.display = "none"; |
- document.getElementById("view-pages").style.display = "block"; |
- } |
-} |
- |
-function init() { |
- fetch_summary(); |
-} |
- |
-window.addEventListener("load", init, false); |
-</script> |
-</head> |
-<body> |
-<p> |
-<div id="header_lookout" align="center"> |
- <font style='color: #0066FF; font-family: Arial, serif;font-size: 20pt; font-weight: bold;'> |
- <script>document.write(Config.title);</script> |
- </font> |
-</div> |
-<div id="header_text"> |
-Builds generated by the <a href="http://build.chromium.org/">BUILD TYPE</a> build |
-slave are run through the |
-<script> |
-document.write('<a href="' + Config.sourceLink + '">' + Config.title + '</a>'); |
-</script> |
-and the results of that test are charted here. |
-</div> |
-</p> |
-<p style="font-size: 0.75em; font-style: italic; color: rgb(100,100,100)"> |
-<div id="explain"> |
-<script> |
-if ('trace' in params && params.trace == 'vm-peak-renderer') { |
- document.write( |
- "The vertical axis is the peak vm usage for the renderer process, and the " + |
- "horizontal axis is the change-list for the build being tested. The pink " + |
- "trace shows the results for the reference build.") |
-} else if ('trace' in params && params.trace == 'vm-peak-browser') { |
- document.write( |
- "The vertical axis is the peak vm usage for the browser process, and the " + |
- "horizontal axis is the change-list for the build being tested. The pink " + |
- "trace shows the results for the reference build.") |
-} else if ('trace' in params && params.trace == 'io-op-browser') { |
- document.write( |
- "This is an experimental page to track IO performance.") |
-} else if ('trace' in params && params.trace == 'io-byte-browser') { |
- document.write( |
- "This is an experimental page to track IO performance.") |
-} else { |
- document.write( |
- "The vertical axis is the time in milliseconds for the build to complete the " + |
- "test, and the horizontal axis is the change-list for the build being " + |
- "tested. Vertical error bars correspond to standard deviation. The pink " + |
- "trace shows the results for the reference build.") |
-} |
-</script> |
-</div> |
-</p> |
-<div id="switcher"> |
- <a onclick="go_to('')">page-load-time</a> |
- <a onclick="go_to('vm-peak-browser')">vm-peak-browser</a> |
- <a onclick="go_to('vm-peak-renderer')">vm-peak-renderer</a> |
- <a onclick="go_to('io-op-browser')">io-op-browser</a> |
- <a onclick="go_to('io-byte-browser')">io-byte-browser</a> |
-</div> |
-<div id="output"></div> |
-<div id="details"> |
- <div id="views"> |
- <iframe id="view-change"></iframe> |
- <iframe id="view-pages"></iframe> |
- </div> |
- <div id="selectors"> |
- <div class="selector" onclick="change_view('view-change')">CL</div> |
- <div style="border-top: none" class="selector" onclick="change_view('view-pages')">Pages</div> |
- </div> |
-</div> |
-<pre id="log"></pre> |
- |
-<script> |
-if ('lookout' in params) { |
- switcher.style.display = "none"; |
- details.style.display = "none"; |
- header_text.style.display = "none"; |
- explain.style.display = "none"; |
- selection.style.display = "none"; |
-} else { |
- document.getElementById("header_lookout").style.display = "none"; |
-} |
-</script> |
-</body> |
-</html> |