src/chrome/test/functional/perf/endure_graphs/endure_plotter.html

   1 <!--
   2   Copyright (c) 2012 The Chromium Authors. All rights reserved.
   3   Use of this source code is governed by a BSD-style license that can be
   4   found in the LICENSE file.
   5 -->
   6
   7 <!--
   8   HTML for a general Chrome Endure graph.
   9 -->
  10
  11 <html>
  12   <head>
  13     <style>
  14     body {
  15       font-family: sans-serif;
  16     }
  17     div#output {
  18       cursor: pointer;
  19     }
  20     div#switcher * {
  21       border: 1px solid black;
  22       border-radius: 4px 4px 0 0;
  23       padding-left: 0.5em;
  24       padding-right: 0.5em;
  25     }
  26     div#switcher a {
  27       background: #ddd;
  28       cursor: pointer;
  29     }
  30     canvas.plot {
  31       border: 1px solid black;
  32     }
  33     div.plot-coordinates {
  34       font-family: monospace;
  35     }
  36     iframe {
  37       display: none;
  38       width: 100%;
  39       height: 100%;
  40       border: none;
  41     }
  42     div.selected {
  43       border-left: none;
  44     }
  45     #explain {
  46       font-size: 0.75em;
  47       font-style: italic;
  48       color: rgb(100,100,100);
  49     }
  50     </style>
  51
  52     <script src="js/common.js"></script>
  53     <script src="js/coordinates.js"></script>
  54     <script src="js/dom_utils.js"></script>
  55     <script src="js/graph_utils.js"></script>
  56     <script src="js/plotter.js"></script>
  57     <script src="config.js"></script>
  58
  59     <script src="endure_plotter.js"></script>
  60   </head>
  61
  62   <body>
  63     <div id="header_lookout" align="center">
  64       <font style='color: #0066FF; font-family: Arial, serif;
  65             font-size: 12pt; font-weight: bold;'>
  66       <script>
  67         document.write("<a target=\"_blank\" href=\"");
  68         document.write(get_url());
  69         document.write("\">");
  70         if ('graph' in params && params.graph != '')
  71           document.write(escape(params.graph));
  72         else
  73           document.write(Config.title);
  74         document.write("</a>");
  75       </script>
  76       </font>
  77     </div>
  78
  79     <div id="header_text">
  80       Builds generated by the <i>
  81       <script>
  82         document.write(Config.buildslave);
  83       </script>
  84       </i> are run through <b>
  85       <script>
  86         document.write(Config.title);
  87       </script>
  88       </b> and the results of that test are charted here.
  89     </div>
  90
  91     <div id="explain">
  92       More information about Chrome Endure can be found here:
  93       <a href="http://www.chromium.org/developers/testing/pyauto/perf/endure">
  94       http://www.chromium.org/developers/testing/pyauto/perf/endure</a>
  95     </div>
  96
  97     <p></p>
  98
  99     <div id="switcher"></div>
 100     <div id="output"></div> <br>
 101     <div id="revisions"></div> <br>
 102     <div id="comparisons"></div> <br>
 103     <div id="events"></div>
 104     <script>
 105       if ('lookout' in params) {
 106         document.getElementById("switcher").style.display = "none";
 107         document.getElementById("header_text").style.display = "none";
 108         document.getElementById("explain").style.display = "none";
 109       } else {
 110         document.getElementById("header_lookout").style.display = "none";
 111       }
 112     </script>
 113   </body>
 114 </html>