github.com/graybobo/golang.org-package-offline-cache@v0.0.0-20200626051047-6608995c132f/x/tools/dashboard/app/build/perf_graph.html (about)

     1  <!doctype html>
     2  <html>
     3    <head>
     4      <title>{{$.Dashboard.Name}} Dashboard</title>
     5      <link rel="stylesheet" href="/static/style.css"/>
     6      <style>
     7        .graph-container { background: #eee; }
     8      </style>
     9  
    10      <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    11      <script type="text/javascript">
    12        google.load("visualization", "1", {packages:["corechart"]});
    13        google.setOnLoadCallback(drawCharts);
    14        function drawCharts() {
    15          var data = new google.visualization.DataTable();
    16          data.addColumn({type: 'number', label: 'Commit'});
    17          data.addColumn({type: 'number'});
    18          data.addColumn({type: 'string', role: 'tooltip'});
    19          {{range $.Headers}}
    20            data.addColumn({type: 'number', label: '{{.}}'});
    21            data.addColumn({type: 'boolean', role: 'certainty'});
    22            data.addColumn({type: 'string', role: 'tooltip'});
    23            data.addColumn({type: 'string', role: 'annotation'});
    24          {{end}}
    25          data.addRows([
    26          {{range $.Commits}}
    27            [ {{.Id}}, 1, "{{.Name}}",
    28              {{range .Vals}}
    29                {{if .Val}}
    30                  {{.Val}}, {{.Certainty}}, '{{.Hint}}', '{{.Ann}}',
    31                {{else}}
    32                  ,,,,
    33                {{end}}
    34              {{end}}
    35            ],
    36          {{end}}
    37        ]);
    38        new google.visualization.LineChart(document.getElementById('graph_div')).
    39          draw(data, {
    40            width: "100%",
    41            height: 700,
    42            legend: {position: "bottom"},
    43            focusTarget: "category",
    44            hAxis: {textPosition: "none"},
    45            chartArea: {left: "10%", top: "5%", width: "85%", height:"80%"},
    46            explorer: {axis: 'horizontal', maxZoomIn: 0, maxZoomOut: 1, zoomDelta: 1.2, keepInBounds: true}
    47          })
    48        }
    49      </script>
    50  </head>
    51  <body>
    52   
    53     <header id="topbar">   
    54      <h1>Go Dashboard</h1>
    55      <nav>
    56          <a href="{{$.Dashboard.Prefix}}/">Test</a>
    57          <a href="{{$.Dashboard.Prefix}}/perf">Perf</a>
    58          <a href="{{$.Dashboard.Prefix}}/perfgraph">Graphs</a>
    59      </nav>
    60      <div class="clear"></div>
    61    </header>
    62   
    63    <div class="page">
    64      <div id="graph_div" class="main-content graph-container">
    65      </div>
    66  
    67      <aside>
    68        <form>
    69          <div class="panel">
    70            <h1>Builders</h1>
    71              {{range $.Config.Builders}}
    72                <input type="checkbox" name="builder" value="{{.Name}}" {{if .Selected}}checked{{end}}>{{.Name}}</input><br>
    73              {{end}}
    74          </div>
    75  
    76          <div class="panel">
    77            <h1>Benchmarks</h1>
    78              {{range $.Config.Benchmarks}}
    79                <input type="checkbox" name="benchmark" value="{{.Name}}" {{if .Selected}}checked{{end}}>{{.Name}}</input><br>
    80              {{end}}
    81          </div>
    82  
    83          <div class="panel">
    84            <h1>Procs</h1>
    85              {{range $.Config.Procs}}
    86                <input type="checkbox" name="procs" value="{{.Name}}" {{if .Selected}}checked{{end}}>{{.Name}}</input><br>
    87              {{end}}
    88          </div>
    89  
    90          <div class="panel">
    91            <h1>Metrics</h1>
    92              {{range $.Config.Metrics}}
    93                <input type="checkbox" name="metric" value="{{.Name}}" {{if .Selected}}checked{{end}}>{{.Name}}</input><br>
    94              {{end}}
    95          </div>
    96  
    97          <div class="panel">
    98            <h1>Commits</h1>
    99            <b>From:</b>
   100            <select required name="commit-from">
   101              {{range $.Config.CommitsFrom}}
   102                <option {{if .Selected}}selected{{end}}>{{.Name}}</option>
   103              {{end}}
   104            </select>
   105            <b>To:</b>
   106            <select required name="commit-to">
   107              {{range $.Config.CommitsTo}}
   108                <option {{if .Selected}}selected{{end}}>{{.Name}}</option>
   109              {{end}}
   110            </select>
   111          </div>
   112  
   113  	<input class="button" type="submit" value="Refresh" name="refresh"/>
   114          <a href="https://code.google.com/p/go-wiki/wiki/PerfDashboard">Help</a>
   115        </form>
   116      </aside>
   117      <div class="clear"></div>
   118    </div>
   119  </body>
   120  </html>