| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 5 <link rel="stylesheet" href="https://storage.googleapis.com/chromium-result-
details/css/default.css" type="text/css"> | |
| 6 <style> | 5 <style> |
| 6 body { |
| 7 background-color: #fff; |
| 8 color: #333; |
| 9 font-family: Verdana, sans-serif; |
| 10 font-size: 10px; |
| 11 margin-left: 30px; |
| 12 margin-right: 30px; |
| 13 margin-top: 20px; |
| 14 margin-bottom: 50px; |
| 15 padding: 0; |
| 16 } |
| 7 table, th, td { | 17 table, th, td { |
| 8 border: 1px solid black; | 18 border: 1px solid black; |
| 9 border-collapse: collapse; | 19 border-collapse: collapse; |
| 20 text-align: center; |
| 10 } | 21 } |
| 11 th, td { | 22 table, td { |
| 12 padding: 5px; | 23 padding: 0.1em 1em 0.1em 1em; |
| 13 } | 24 } |
| 14 th { | 25 th { |
| 15 cursor: pointer; | 26 cursor: pointer; |
| 27 padding: 0.2em 1.5em 0.2em 1.5em; |
| 16 } | 28 } |
| 17 table { | 29 table { |
| 18 width: 100%; | 30 width: 100%; |
| 19 } | 31 } |
| 20 .center { | 32 .center { |
| 21 text-align: center; | 33 text-align: center; |
| 22 } | 34 } |
| 23 .left { | 35 .left { |
| 24 text-align: left; | 36 text-align: left; |
| 25 } | 37 } |
| 26 a { | 38 a { |
| 27 text-decoration: none; | 39 text-decoration: none; |
| 28 } | 40 } |
| 29 a:hover { | 41 a:hover { |
| 30 text-decoration: underline; | 42 text-decoration: underline; |
| 31 cursor: pointer; | 43 cursor: pointer; |
| 32 } | 44 } |
| 45 a:link,a:visited,a:active { |
| 46 color: #444; |
| 47 } |
| 33 .row_block:hover { | 48 .row_block:hover { |
| 34 background-color: #F6F6F6; | 49 background-color: #F6F6F6; |
| 35 } | 50 } |
| 36 .skipped, .success, .failure { | 51 .skipped, .success, .failure { |
| 37 border-color: #000000; | 52 border-color: #000000; |
| 38 } | 53 } |
| 54 .success { |
| 55 color: #000; |
| 56 background-color: #8d4; |
| 57 } |
| 58 .failure { |
| 59 color: #000; |
| 60 background-color: #e88; |
| 61 } |
| 62 .skipped { |
| 63 color: #000; |
| 64 background: #AADDEE; |
| 65 } |
| 39 </style> | 66 </style> |
| 40 <script type="text/javascript"> | 67 <script type="text/javascript"> |
| 41 {% include "javascript/main_html.js" %} | 68 {% include "javascript/main_html.js" %} |
| 42 </script> | 69 </script> |
| 43 </head> | 70 </head> |
| 44 <body class="interface"> | 71 <body> |
| 45 <div class="content"> | 72 <div> |
| 46 <h2 id="summary-header"></h2> | 73 <h2 id="summary-header"></h2> |
| 47 {% for tb_value in tb_values %} | 74 {% for tb_value in tb_values %} |
| 48 {% include 'template/table.html' %} | 75 {% include 'template/table.html' %} |
| 49 {% endfor %} | 76 {% endfor %} |
| 50 </div> | 77 </div> |
| 51 </br> | 78 </br> |
| 52 <a href="{{feedback_url}}" target="_blank"><b>Feedback</b></a> | 79 <a href="{{feedback_url}}" target="_blank"><b>Feedback</b></a> |
| 53 </body> | 80 </body> |
| 54 <script> | 81 <script> |
| 55 sortSuiteTableByFailedTestCases(); | 82 sortSuiteTableByFailedTestCases(); |
| 56 showSuiteTableOnlyWithReplaceState(); | 83 showSuiteTableOnlyWithReplaceState(); |
| 57 // Enable sorting for each column of tables. | 84 // Enable sorting for each column of tables. |
| 58 Array.prototype.slice.call(document.getElementsByTagName('th')) | 85 Array.prototype.slice.call(document.getElementsByTagName('th')) |
| 59 .forEach(function(head) { | 86 .forEach(function(head) { |
| 60 head.addEventListener( | 87 head.addEventListener( |
| 61 "click", | 88 "click", |
| 62 function() { sortByColumn(head); }); | 89 function() { sortByColumn(head); }); |
| 63 } | 90 } |
| 64 ); | 91 ); |
| 65 setBrowserBackButtonLogic(); | 92 setBrowserBackButtonLogic(); |
| 66 </script> | 93 </script> |
| 67 </html> | 94 </html> |
| OLD | NEW |