Chromium Code Reviews Chromium Code Reviews
Issue 2546433003:
[Findit] Query master flake analyses 100 at a time and add previous/next buttons to check flake dash (Closed)
| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <head> | 2 <head> |
| 3 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> | 3 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> |
| 4 <title>Flaky Tests</title> | 4 <title>Flaky Tests</title> |
| 5 <meta charset="utf-8"> | 5 <meta charset="utf-8"> |
| 6 <link rel="stylesheet" href="/common.css"> | 6 <link rel="stylesheet" href="/common.css"> |
| 7 <style type="text/css"> | 7 <style type="text/css"> |
| 8 .truncated { | 8 .truncated { |
| 9 max-width: 500px; | 9 max-width: 500px; |
| 10 white-space: nowrap; | 10 white-space: nowrap; |
| 11 overflow: hidden; | 11 overflow: hidden; |
| 12 text-overflow: ellipsis; | 12 text-overflow: ellipsis; |
| 13 } | 13 } |
| 14 .previous, .next { | |
| 15 color: #0645AD; | |
| 16 background:none!important; | |
| 17 border:none; | |
| 18 padding:0!important; | |
|
chanli
2016/12/01 00:45:35
Question: what does this mean?
lijeffrey
2016/12/01 13:48:58
Got it from config.html, which was probably used f
| |
| 19 font: inherit; | |
| 20 border-bottom:1px solid #0645AD; | |
| 21 cursor: pointer; | |
| 22 } | |
| 23 .disabled { | |
| 24 color: #d3d3d3; | |
| 25 background:none!important; | |
| 26 border:none; | |
| 27 padding:0!important; | |
| 28 font: inherit; | |
| 29 border-bottom:1px solid #d3d3d3; | |
| 30 cursor: pointer; | |
| 31 } | |
| 14 </style> | 32 </style> |
| 15 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js "></script> | 33 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js "></script> |
| 16 <script> | 34 <script> |
| 17 /*parameters = { | 35 function getParameters() { |
| 18 'result_status': '{{ result_status_filter }}' == '-1' ? undefined : '{{ re sult_status_filter }}', | 36 parameters = {} |
| 19 'triage': '{{ triage }}' == '1' ? undefined : '1', | 37 if ('{{ triage }}') { |
| 20 };*/ | 38 parameters['triage'] = '1' |
| 39 parameters['start_date'] = $('#start_date').val() == 'mm/dd/yyyy' ? unde fined : $('#start_date').val(); | |
| 40 parameters['end_date'] = $('#end_date').val() == 'mm/dd/yyyy' ? undefine d : $('#end_date').val(); | |
| 41 } | |
| 42 parameters['master_name'] = $('#master_name').val(); | |
| 43 parameters['builder_name'] = $('#builder_name').val(); | |
| 44 parameters['build_number'] = $('#build_number').val(); | |
| 45 parameters['step_name'] = $('#step_name').val(); | |
| 46 parameters['test_name'] = $('#test_name').val(); | |
| 47 parameters['result_status'] = $('#result_status').val() == 'default' ? und efined : $('#result_status').val(); | |
| 48 parameters['offset'] = {{ offset }}; | |
| 49 return parameters | |
| 50 } | |
| 21 | 51 |
| 22 function CreateUrl(parameters) { | 52 function createUrl(parameters) { |
| 23 var params = []; | 53 var params = []; |
| 24 for(var key in parameters) { | 54 for(var key in parameters) { |
| 25 if (parameters[key] != undefined) { | 55 if (parameters[key] != undefined) { |
| 26 params.push(key + '=' + parameters[key]) | 56 params.push(key + '=' + parameters[key]) |
| 27 } | 57 } |
| 28 } | 58 } |
| 29 | 59 |
| 30 if (params.length == 0) { | 60 if (params.length == 0) { |
| 31 return '/waterfall/list-flakes' | 61 return '/waterfall/list-flakes' |
| 32 } else { | 62 } else { |
| 33 return '/waterfall/list-flakes?' + params.join('&'); | 63 return '/waterfall/list-flakes?' + params.join('&'); |
| 34 } | 64 } |
| 35 }; | 65 }; |
| 36 | 66 |
| 67 function loadPrevious() { | |
| 68 new_offset = {{ offset }} - {{ page_size }}; | |
| 69 if (new_offset < 0) { | |
| 70 new_offset = 0 | |
| 71 } | |
| 72 parameters = getParameters(); | |
| 73 parameters['offset'] = new_offset; | |
| 74 var newUrl = createUrl(parameters); | |
| 75 window.location.replace(newUrl); | |
| 76 } | |
| 77 | |
| 78 function loadNext() { | |
| 79 parameters = getParameters(); | |
| 80 parameters['offset'] = {{ offset }} + {{ page_size }}; | |
| 81 var newUrl = createUrl(parameters); | |
| 82 window.location.replace(newUrl); | |
| 83 } | |
| 84 | |
| 37 function requestFilteredResults(e) { | 85 function requestFilteredResults(e) { |
| 38 parameters = {} | 86 parameters = getParameters() |
| 39 if ('{{ triage }}') { | |
| 40 parameters['triage'] = '1' | |
| 41 parameters['start_date'] = $('#start_date').val() == 'mm/dd/yyyy' ? unde fined : $('#start_date').val(); | |
| 42 parameters['end_date'] = $('#end_date').val() == 'mm/dd/yyyy' ? undefine d : $('#end_date').val(); | |
| 43 } | |
| 44 parameters['master_name'] = $('#master_name').val(); | |
| 45 parameters['builder_name'] = $('#builder_name').val(); | |
| 46 parameters['build_number'] = $('#build_number').val(); | |
| 47 parameters['step_name'] = $('#step_name').val(); | |
| 48 parameters['test_name'] = $('#test_name').val(); | |
| 49 parameters['result_status'] = $('#result_status').val() == 'default' ? und efined : $('#result_status').val(); | |
| 50 | |
| 51 newUrl = CreateUrl(parameters); | 87 newUrl = CreateUrl(parameters); |
| 52 window.location.replace(newUrl); | 88 window.location.replace(newUrl); |
| 53 e.preventDefault(); | 89 e.preventDefault(); |
| 54 }; | 90 }; |
| 55 | 91 |
| 56 function handleResultStatusChanged(e) { | 92 function handleResultStatusChanged(e) { |
| 57 requestFilteredResults(e); | 93 requestFilteredResults(e); |
| 58 }; | 94 }; |
| 59 | 95 |
| 60 function handleFilterResults(e) { | 96 function handleFilterResults(e) { |
| 61 requestFilteredResults(e); | 97 requestFilteredResults(e); |
| 62 }; | 98 }; |
| 63 | 99 |
| 64 $(document).ready(function() { | 100 $(document).ready(function() { |
| 101 $('#previous-button').click(loadPrevious); | |
| 102 $('#next-button').click(loadNext); | |
| 103 | |
| 65 if ('{{ result_status_filter }}' != '-1') { | 104 if ('{{ result_status_filter }}' != '-1') { |
| 66 $('#result_status').val('{{ result_status_filter }}'); | 105 $('#result_status').val('{{ result_status_filter }}'); |
| 67 } | 106 } |
| 68 $('#result_status').change(handleResultStatusChanged); | 107 $('#result_status').change(handleResultStatusChanged); |
| 69 $('#filter_results').click(handleFilterResults); | 108 $('#filter_results').click(handleFilterResults); |
| 109 | |
| 110 if ('{{ more }}' == 'True') { | |
| 111 $('#next-button').removeAttr('disabled'); | |
| 112 } else { | |
| 113 $('#next-button').attr('disabled', 'disabled'); | |
| 114 $('#next-button').addClass('disabled'); | |
| 115 } | |
| 116 | |
| 117 if ({{ offset }} < 1) { | |
| 118 $('#previous-button').attr('disabled', 'disabled'); | |
| 119 $('#previous-button').addClass('disabled'); | |
| 120 } else { | |
| 121 $('#previous-button').removeAttr('disabled'); | |
| 122 } | |
| 123 | |
| 70 }); | 124 }); |
| 71 </script> | 125 </script> |
| 72 </head> | 126 </head> |
| 73 <body> | 127 <body> |
| 74 <h1>Flaky Tests</h1> | 128 <h1>Flaky Tests</h1> |
| 75 <b>Filter by input parameters</b> | 129 <b>Filter by input parameters</b> |
| 76 <form method="get" action="/waterfall/list-flakes"> | 130 <form method="get" action="/waterfall/list-flakes"> |
| 77 <table> | 131 <table> |
| 78 <tr> | 132 <tr> |
| 79 <td style="text-align:right">Master:</td> | 133 <td style="text-align:right">Master:</td> |
| (...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 161 </a> | 215 </a> |
| 162 {% endif %} | 216 {% endif %} |
| 163 <td> | 217 <td> |
| 164 <a href="/waterfall/check-flake?master_name={{ master_flake_analysis.m aster_name }}&builder_name={{ master_flake_analysis.builder_name }}&build_number ={{master_flake_analysis.build_number}}&step_name={{ master_flake_analysis.step_ name }}&test_name={{ master_flake_analysis.test_name }}">Link</a> | 218 <a href="/waterfall/check-flake?master_name={{ master_flake_analysis.m aster_name }}&builder_name={{ master_flake_analysis.builder_name }}&build_number ={{master_flake_analysis.build_number}}&step_name={{ master_flake_analysis.step_ name }}&test_name={{ master_flake_analysis.test_name }}">Link</a> |
| 165 </td> | 219 </td> |
| 166 <td>{{ master_flake_analysis.result_status }}</td> | 220 <td>{{ master_flake_analysis.result_status }}</td> |
| 167 </tr> | 221 </tr> |
| 168 {% endfor %} | 222 {% endfor %} |
| 169 </tbody> | 223 </tbody> |
| 170 </table> | 224 </table> |
| 225 <div> | |
| 226 <button id="previous-button" class="previous">previous</button> | |
| 227 <button id="next-button" class="next">next</button> | |
| 228 </div> | |
| 171 </body> | 229 </body> |
| OLD | NEW |
