| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Chromium CQ Status recent logs</title> | 2 <title>%(host)s CQ Status recent logs</title> |
| 3 <script src="../js/recent.js"></script> | 3 <script src="../js/recent.js"></script> |
| 4 <style> | 4 <style> |
| 5 :root { | 5 :root { |
| 6 font-family: monospace; | 6 font-family: monospace; |
| 7 white-space: pre; | 7 white-space: pre; |
| 8 } | 8 } |
| 9 h1 { | 9 h1 { |
| 10 font-family: sans-serif; | 10 font-family: sans-serif; |
| 11 } | 11 } |
| 12 a { | 12 a { |
| 13 text-decoration: none; | 13 text-decoration: none; |
| 14 } | 14 } |
| 15 h1 > a { | 15 h1 > a { |
| 16 color: black; | 16 color: black; |
| 17 } | 17 } |
| 18 hint { | 18 hint { |
| 19 color: gray; | 19 color: gray; |
| 20 font-size: 80%; | 20 font-size: 80%%; |
| 21 } | 21 } |
| 22 table { | 22 table { |
| 23 border-spacing: 0; | 23 border-spacing: 0; |
| 24 } | 24 } |
| 25 tr:hover { | 25 tr:hover { |
| 26 background-color: aliceblue; | 26 background-color: aliceblue; |
| 27 } | 27 } |
| 28 tr.selected { | 28 tr.selected { |
| 29 background-color: lightskyblue; | 29 background-color: lightskyblue; |
| 30 } | 30 } |
| (...skipping 25 matching lines...) Expand all Loading... |
| 56 height: 400px; | 56 height: 400px; |
| 57 } | 57 } |
| 58 flex { | 58 flex { |
| 59 display: flex; | 59 display: flex; |
| 60 justify-content: center; | 60 justify-content: center; |
| 61 flex-direction: column; | 61 flex-direction: column; |
| 62 align-items: center; | 62 align-items: center; |
| 63 } | 63 } |
| 64 </style> | 64 </style> |
| 65 | 65 |
| 66 <h1><a href='/'>Chromium CQ Status</a> recent logs</h1> | 66 <h1><a href='/'>%(host)s CQ Status</a> recent logs</h1> |
| 67 Filters: <span id="filterList"></span> | 67 Filters: <span id="filterList"></span> |
| 68 <br> | 68 <br> |
| 69 <table> | 69 <table> |
| 70 <tbody id="table"> | 70 <tbody id="table"> |
| 71 <tr> | 71 <tr> |
| 72 <th>Timestamp</th> | 72 <th>Timestamp</th> |
| 73 <th>Project</th> | 73 <th>Project</th> |
| 74 <th>Owner</th> | 74 <th>Owner</th> |
| 75 <th>Codereview</th> | 75 <th>Codereview</th> |
| 76 <th>Issue</th> | 76 <th>Issue</th> |
| 77 <th>Patchset</th> | 77 <th>Patchset</th> |
| 78 <th>Action</th> | 78 <th>Action</th> |
| 79 <th>Verifier</th> | 79 <th>Verifier</th> |
| 80 <th>Message</th> | 80 <th>Message</th> |
| 81 <th></th> | 81 <th></th> |
| 82 </tr> | 82 </tr> |
| 83 </tbody> | 83 </tbody> |
| 84 </table> | 84 </table> |
| 85 <flex> | 85 <flex> |
| 86 <div id="loading">Loading...</div> | 86 <div id="loading">Loading...</div> |
| 87 <button id="loadMore" disabled>Load More</button> | 87 <button id="loadMore" disabled>Load More</button> |
| 88 </flex> | 88 </flex> |
| 89 <br> | 89 <br> |
| 90 <hint> | 90 <hint> |
| 91 Variables available to Javascript console for programmatic analysis: | 91 Variables available to Javascript console for programmatic analysis: |
| 92 - records | 92 - records |
| 93 - selectedRecords | 93 - selectedRecords |
| 94 </hint> | 94 </hint> |
| OLD | NEW |