| 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 |
| 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)); |
| 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> |
| 43 Status of Analysis: {{analysis_status}} | 72 Status of Analysis: {{analysis_status}} |
| 44 {% if suspected_flake_build_number %} | 73 {% if suspected_flake_build_number %} |
| 45 <br> | 74 <br> |
| 46 Suspected Build Number of Culprit: {{suspected_flake_build_number}} | 75 Regressed in Build: {{suspected_flake_build_number}} |
| 47 {% endif %} | 76 {% endif %} |
| 48 </td> | 77 </td> |
| 49 <td></td> | 78 <td></td> |
| 50 </tr> | 79 </tr> |
| 51 <tr> | 80 <tr> |
| 52 <td>Pass Rate</td> | 81 <td>Pass Rate</td> |
| 53 <td> | 82 <td> |
| 54 <div id="placeholder"></div> | 83 <div id="placeholder"></div> |
| 55 </td> | 84 </td> |
| 56 <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> |
| 57 </tr> | 92 </tr> |
| 58 <tr> | 93 <tr> |
| 59 <td></td> | 94 <td></td> |
| 60 <td>Build Number</td> | 95 <td>Build Number</td> |
| 61 <td></td> | 96 <td></td> |
| 62 </tr> | 97 </tr> |
| 63 </table> | 98 </table> |
| 64 </body> | 99 </body> |
| 65 </html> | 100 </html> |
| OLD | NEW |