go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/milo/frontend/expectations/console-Full_console_with_Header.html (about) 1 2 <!DOCTYPE html> 3 4 <html lang="en"> 5 <meta charset="utf-8"> 6 <meta name="google" value="notranslate"> 7 <title>Test</title> 8 <link rel="stylesheet" href="/static/buildbot/css/default.css" type="text/css"> 9 <link rel="stylesheet" href="/static/common/third_party/css/jquery-ui.min.css" type="text/css"> 10 <link rel="stylesheet" href="/static/common/third_party/css/vis.min.css" type="text/css"> 11 <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="LUCI" /> 12 <script src="/static/common/third_party/js/moment-with-locales.min.js"></script> 13 <script src="/static/common/third_party/js/moment-timezone-with-data-2012-2022.min.js"></script> 14 <script src="/static/common/js/time.js"></script> 15 <script src="/static/common/third_party/js/jquery.min.js"></script> 16 <script src="/static/common/third_party/js/jquery-ui.min.js"></script> 17 <script src="/static/common/third_party/js/vis-custom.min.js"></script> 18 19 20 <link id="favicon" rel="shortcut icon" type="image/png" href="/static/common/favicon/milo-32.png"> 21 22 23 <link rel="stylesheet" href="/static/common/css/console.css" type="text/css"> 24 <script src="/static/common/third_party/js/js.cookie.js"></script> 25 <script> 26 var defaultExpand = false ; 27 </script> 28 29 30 <body class="interface"> 31 32 <div id="main"> 33 <header> 34 <div> 35 <a href="/" aria-label="Home page">Home</a> | 36 <a href="/search" aria-label="Search page">Search</a> 37 </div> 38 <div> 39 40 <a href="http://fake.example.com/login?dest=%2Ffoobar" alt="Login">Login</a> 41 42 </div> 43 </header> 44 <hr> 45 46 47 <div id="console-page" class="collapsed"> 48 49 50 <div class="console-title"> 51 52 53 <h1>Test</h1> 54 </div> 55 56 57 58 59 60 61 62 63 64 <div class="console-header"> 65 <div class="console-header-column"> 66 67 68 69 <div class="console-header-group"> 70 <div class="console-header-group-title">Oncalls</div> 71 <div class="console-header-groups"> 72 73 <div class="console-header-oncalls-group"> 74 <div class="console-header-group-name"> 75 Sheriff 76 </div> 77 <div class="console-header-group-content"> 78 test (primary), watcher (secondary) 79 </div> 80 </div> 81 82 </div> 83 </div> 84 85 86 87 <div class="console-header-group"> 88 <div class="console-header-group-title">Links</div> 89 <div class="console-header-groups"> 90 91 <div class="console-header-links-group"> 92 <div class="console-header-group-name">Some group</div> 93 <div class="console-header-group-content"> 94 95 <span><a href="something">LiNk</a></span> 96 97 <span><a href="something2">LiNk2</a></span> 98 99 </div> 100 </div> 101 102 </div> 103 </div> 104 </div> 105 106 107 <div class="console-header-column"> 108 109 110 111 112 113 <div class="console-header-group"> 114 <div class="console-header-group-title"> 115 <a href="something2">bah</a> 116 </div> 117 118 <div class="console-header-groups"> 119 120 121 <div class="console-builder-summary-flex"> 122 <div class="console-header-name"> 123 <a href="something2">hurrah</a> 124 </div> 125 <div class="console-builder-summary-flex"> 126 127 128 129 130 131 <a class="console-builder-status" 132 href="#invalid-build-id" 133 title="" 134 aria-label="builder on console hurrah has last status Success"> 135 <div class="console-header-builder status-Success"></div> 136 </a> 137 138 <a class="console-builder-status" 139 href="#invalid-build-id" 140 title="" 141 aria-label="builder on console hurrah has last status Success"> 142 <div class="console-header-builder status-Success"></div> 143 </a> 144 145 <a class="console-builder-status" 146 href="#invalid-build-id" 147 title="" 148 aria-label="builder on console hurrah has last status Failure"> 149 <div class="console-header-builder status-Failure"></div> 150 </a> 151 152 </div> 153 </div> 154 155 </div> 156 157 158 </div> 159 160 161 162 163 164 165 166 <div class="console-header-groups"> 167 168 169 <div class="console-builder-summary-flex"> 170 <div class="console-header-name"> 171 <a href="something2">hurrah</a> 172 </div> 173 <div class="console-builder-summary-flex"> 174 175 176 177 178 179 <a class="console-builder-status" 180 href="#invalid-build-id" 181 title="" 182 aria-label="builder on console hurrah has last status Success"> 183 <div class="console-header-builder status-Success"></div> 184 </a> 185 186 </div> 187 </div> 188 189 </div> 190 191 192 193 194 </div> 195 196 </div> 197 198 199 200 201 <div id="legend"> 202 <table> 203 <tr> 204 <td>Legend: </td> 205 <td class="status-Success" title="All tests passed">Passed</td> 206 <td class="status-Failure" title="There is a new failure. Take a look!">Failed</td> 207 <td class="status-Running" title="The tests are still running">Running</td> 208 <td class="status-Exception" title="Something went wrong with the test, there is no result">Exception</td> 209 </tr> 210 </table> 211 </div> 212 <div class="clear"></div> 213 214 215 <div id="console" class="console-row "> 216 217 <div class="console-column console-commits-column"> 218 <div class="console-controls"> 219 220 (Show: 221 <a href="?limit=">default</a> 222 <a href="?limit=25">25</a> 223 <a href="?limit=50">50</a> 224 <a href="?limit=100">100</a> 225 <a href="?limit=200">200</a> 226 ) 227 [ 228 <a href="#" class="control-expand">expand</a> 229 <a href="#" class="control-collapse">collapse</a> 230 ] 231 232 </div> 233 <div class="console-row"> 234 <div class="console-commit-column"> 235 236 <div class="console-commit-item"> 237 238 <div class="console-commit-item-overlay"></div> 239 <div class="console-commit-summary"> 240 <div class="console-commit-revision"> 241 <a href="blah%20blah%20blah" aria-label="revision 12031802"> 242 <span class="local-time tooltip-only" data-timestamp="-6418357446871">12031802</span> 243 </a> 244 </div> 245 <div class="console-commit-author"> 246 <span title="Me too." aria-label="commit by x@example.com"> 247 x@example.com 248 </span> 249 </div> 250 </div> 251 <div class="console-commit-description"> 252 <p> 253 254 Me too.<br> 255 256 </p> 257 258 <div class="console-commit-description-overlay"></div> 259 </div> 260 </div> 261 262 <div class="console-commit-item"> 263 264 <div class="console-commit-item-overlay"></div> 265 <div class="console-commit-summary"> 266 <div class="console-commit-revision"> 267 <a href="blah%20blah%20blah%201" aria-label="revision 12093182"> 268 <span class="local-time tooltip-only" data-timestamp="-6418357447871">12093182</span> 269 </a> 270 </div> 271 <div class="console-commit-author"> 272 <span title="I did something." aria-label="commit by y@example.com"> 273 y@example.com 274 </span> 275 </div> 276 </div> 277 <div class="console-commit-description"> 278 <p> 279 280 I did something.<br> 281 282 </p> 283 284 <div class="console-commit-description-overlay"></div> 285 </div> 286 </div> 287 288 </div> 289 </div> 290 </div> 291 292 293 <div class="console-column" style="flex: 1"><div class="console-top-item">cat1</div><div class="console-top-row"><div class="console-column" style="flex: 1"><div class="console-top-item">cat2</div><div class="console-top-row console-leaf-category"><div class="console-builder-column"><div><span class="console-InfraFailure"><a class="console-builder-item" href="/p/project-foo/builders/luci.project-foo.try/builder-bar" title="builder-bar">tst</a></span></div><div class="console-build-column"><div class="console-cell-container"><a class="console-cell-top status-Success critical-UNSET" href="#invalid-build-id" title="builder-bar"><span class="console-cell-text">tst</span></a><div class="console-cell-spacer"></div></div><div class="console-cell-container"><a class="console-cell-middle status-Success critical-UNSET" href="#invalid-build-id" title="builder-bar"><span class="console-cell-text">tst</span></a><div class="console-cell-spacer"></div></div></div></div></div></div></div></div> 294 </div> 295 296 <div class="epiloge" style="margin-top: 1em"> 297 298 (Show: 299 <a href="?limit=">default</a> 300 <a href="?limit=25">25</a> 301 <a href="?limit=50">50</a> 302 <a href="?limit=100">100</a> 303 <a href="?limit=200">200</a> 304 ) 305 [ 306 <a href="#" class="control-expand">expand</a> 307 <a href="#" class="control-collapse">collapse</a> 308 ] 309 310 </div> 311 312 <script src="/static/common/js/console.js"></script> 313 314 </div> 315 316 <footer> 317 <hr> 318 <div><img class="lucy-logo" src="https://storage.googleapis.com/chrome-infra/lucy-small.png"></div> 319 <div> 320 <a href="https://chromium.googlesource.com/infra/luci">LUCI</a><br> 321 built: <b><span class="local-time " data-timestamp="1549166706000">Sunday, 03-Feb-19 04:05:06 UTC</span></b><br> 322 version: <b>testVersionID</b><br> 323 </div> 324 </footer> 325 </div> 326 </body> 327 <script> 328 $(function () { 329 'use strict'; 330 331 setTimeout(function() { 332 milo.makeTimesLocal(); 333 milo.annotateDurations(); 334 }, 0); 335 $(document).tooltip({ 336 show: false, 337 hide: false 338 }); 339 }); 340 </script> 341 <script> 342 (function(i,s,o,g,r,a,m){i['CrDXObject']=r;i[r]=i[r]||function(){ 343 (i[r].q=i[r].q||[]).push(arguments)},a=s.createElement(o), 344 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 345 })(window,document,'script','https://storage.googleapis.com/chops-feedback/feedback.js','crdx'); 346 347 crdx('setFeedbackButtonLink', 'https://bugs.chromium.org/p/chromium/issues/entry?components=Infra%3ELUCI%3EUserInterface'); 348 349 (function(window) { 350 let lastWindowScrollTop = window.scrollY; 351 352 function debounce(f, wait) { 353 let timeout; 354 return function(...args) { 355 if (timeout) { 356 clearTimeout(timeout); 357 } 358 timeout = setTimeout(() => { 359 f(...args); 360 timeout = null; 361 }, wait); 362 }; 363 } 364 365 window.addEventListener('scroll', debounce(function(evt) { 366 const delta = window.scrollY - lastWindowScrollTop; 367 lastWindowScrollTop = window.scrollY; 368 const absDelta = Math.abs(delta); 369 const category = window.location.pathname.split('/').slice(0, 2).join('/'); 370 ga('send', 'event', category, 'scroll-abs', '', absDelta); 371 if (delta > 0) { 372 ga('send', 'event', category, 'scroll-down', '', absDelta); 373 } else { 374 ga('send', 'event', category, 'scroll-up', '', absDelta); 375 } 376 }, 250)); 377 })(window); 378 </script> 379 380 <script> 381 setTimeout(function() { 382 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 383 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 384 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 385 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 386 387 ga('create', 'UA-12345-01', 'auto'); 388 ga('send', 'pageview'); 389 }, 0); 390 </script> 391 392 </html>