Chromium Code Reviews Chromium Code Reviews
Issue 2255293003:
[Findit] On hover over, shows pass rate for a swarming rerun (Closed)
Base URL: https://chromium.googlesource.com/infra/infra.git@master| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <head> | 2 <head> |
| 3 <meta charset="UTF-8"> | 3 <meta charset="UTF-8"> |
| 4 <title> Find Regression Range</title> | 4 <title> Find Regression Range</title> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 body { | 6 body { |
| 7 font-family: Verdana, Arial, sans-serif; | 7 font-family: Verdana, Arial, sans-serif; |
| 8 font-size: 12px; | 8 font-size: 12px; |
| 9 } | 9 } |
| 10 #placeholder { | 10 #placeholder { |
| 11 width: 450px; | 11 width: 450px; |
| 12 height: 200px; | 12 height: 200px; |
| 13 } | 13 } |
| 14 table { | 14 table { |
| 15 text-align: center; | 15 text-align: center; |
| 16 } | 16 } |
| 17 </style> | 17 </style> |
| 18 <script type="text/javascript" language="javascript" src="https://code.jquery. com/jquery-1.11.3.min.js"></script> | 18 <script type="text/javascript" language="javascript" src="https://code.jquery. com/jquery-1.11.3.min.js"></script> |
| 19 <script type="text/javascript" language="javascript" src="https://cdnjs.cloudf lare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script> | 19 <script type="text/javascript" language="javascript" src="https://cdnjs.cloudf lare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script> |
| 20 <script type="text/javascript"> | 20 <script type="text/javascript"> |
| 21 $(document).ready(function () { | 21 $(document).ready(function () { |
| 22 $.plot($("#placeholder"), [{{success_rates}}], | 22 $.plot($("#placeholder"), [{{success_rates}}], |
| 23 { | 23 { |
| 24 series: { | |
| 25 lines: { | |
| 26 show: true | |
| 27 }, | |
| 28 points: { | |
| 29 show: true | |
|
stgao
2016/08/19 20:30:34
nit: indent
caiw
2016/08/19 22:56:40
Done.
| |
| 30 } | |
| 31 }, | |
| 24 grid: { | 32 grid: { |
| 25 hoverable: true, | 33 hoverable: true, |
| 26 borderWidth: 1 | 34 borderWidth: 1 |
| 27 }, | 35 }, |
| 28 legend: { | 36 legend: { |
| 29 labelBoxBorderColor: "none", | 37 labelBoxBorderColor: "none", |
| 30 position: "right" | 38 position: "right" |
| 31 } | 39 } |
| 32 } | 40 }); |
| 33 )}); | 41 $("<div id='tooltip'></div>").css({ |
| 42 position: "absolute", | |
| 43 display: "none", | |
| 44 border: "1px solid #fdd", | |
| 45 padding: "2px", | |
| 46 "background-color": "#fee", | |
| 47 opacity: 0.80 | |
| 48 }).appendTo("body"); | |
| 49 | |
| 50 $("#placeholder").bind("plothover", function (event, pos, item) { | |
| 51 if (item) { | |
| 52 var x = Math.round(item.datapoint[0].toFixed(2)) | |
|
stgao
2016/08/19 20:30:34
nit: end with ";".
caiw
2016/08/19 22:56:40
Done.
| |
| 53 var y = item.datapoint[1].toFixed(2); | |
| 54 | |
| 55 $("#tooltip").html("Build Number: " + x + "<br> Pass rate: " + y) | |
| 56 .css({top: item.pageY+5, left: item.pageX+5}) | |
| 57 .fadeIn(200); | |
| 58 } | |
| 59 else { | |
| 60 $("#tooltip").hide(); | |
| 61 } | |
| 62 })}); | |
| 34 </script> | 63 </script> |
| 35 </head> | 64 </head> |
| 36 | 65 |
| 37 <body> | 66 <body> |
| 38 <table> | 67 <table> |
| 39 <tr> | 68 <tr> |
| 40 <td></td> | 69 <td></td> |
| 41 <td> | 70 <td> |
| 42 <h1>Regression range of Test</h1> | 71 <h1>Regression range of Test</h1> |
| 72 Status of Analysis: {{analysis_status}} | |
| 73 {% if suspected_flake_build_number %} | |
| 74 <br> | |
| 75 Regressed in Build: {{suspected_flake_build_number}} | |
| 76 {% endif %} | |
| 43 </td> | 77 </td> |
| 44 <td></td> | 78 <td></td> |
| 45 </tr> | 79 </tr> |
| 46 <tr> | 80 <tr> |
| 47 <td>Pass Rate</td> | 81 <td>Pass Rate</td> |
| 48 <td> | 82 <td> |
| 49 <div id="placeholder"></div> | 83 <div id="placeholder"></div> |
| 50 </td> | 84 </td> |
| 51 <td></td> | 85 <td> |
| 86 Master Name: {{master_name}} <br> | |
| 87 Builder Name: {{builder_name}} <br> | |
| 88 Starting Build Number: {{build_number}} <br> | |
| 89 Step Name: {{step_name}} <br> | |
| 90 Test Name: {{test_name}} <br> | |
| 91 </td> | |
| 52 </tr> | 92 </tr> |
| 53 <tr> | 93 <tr> |
| 54 <td></td> | 94 <td></td> |
| 55 <td>Build Number</td> | 95 <td>Build Number</td> |
| 56 <td></td> | 96 <td></td> |
| 57 </tr> | 97 </tr> |
| 58 </table> | 98 </table> |
| 59 </body> | 99 </body> |
| 60 </html> | 100 </html> |
| OLD | NEW |
