| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>Skia Correctness Server | Triage By Blames </title> |
| 5 |
| 6 {%template "header.html" .%} |
| 7 |
| 8 <style> |
| 9 test-summary-details-sk { |
| 10 display: block; |
| 11 box-shadow: 3px 3px 6px 1px rgba(133,133,133,1); |
| 12 margin-top: 1em; |
| 13 margin-bottom: 1em; |
| 14 margin-left: 3em; |
| 15 padding: 1em; |
| 16 } |
| 17 |
| 18 test-summary-details-sk[data-focus] { |
| 19 box-shadow: 3px 3px 6px 5px #FF7F00; |
| 20 } |
| 21 |
| 22 #missing { |
| 23 display: none; |
| 24 font-weight: bold; |
| 25 } |
| 26 |
| 27 #missing.visible { |
| 28 display: block; |
| 29 } |
| 30 </style> |
| 31 </head> |
| 32 <body> |
| 33 <scaffold-sk responsiveWidth="700px"> |
| 34 {%template "titlebar.html" .%} |
| 35 |
| 36 <div id=missing>No digests match your query.</div> |
| 37 |
| 38 <detail-list-sk> |
| 39 {%range .Summaries%} |
| 40 <test-summary-details-sk test="{%.Test%}" digest="{%.Digest%}" mailbox
="{%.Test%}:{%.Digest%}" triage images=false></test-summary-details-sk> |
| 41 {%end%} |
| 42 </detail-list-sk> |
| 43 |
| 44 </scaffold-sk> |
| 45 |
| 46 <script type="text/javascript" charset="utf-8"> |
| 47 (function() { |
| 48 var details = {%.JS%}; |
| 49 |
| 50 details.forEach(function(detail) { |
| 51 sk.Mailbox.send(detail.test + ":" + detail.digest, detail.detail); |
| 52 }); |
| 53 |
| 54 $$$('#missing').classList.toggle('visible', details.length == 0); |
| 55 |
| 56 // Once all the details have been loaded, then start loading images, |
| 57 // starting from the top. This function is called every 100ms until |
| 58 // all the details elements have been changed to load images. |
| 59 // |
| 60 // details - An array of test-summary-details-sk elements. |
| 61 // |
| 62 function loadDetailImagesStep(details) { |
| 63 details.splice(0, 3).forEach(function(ele) { |
| 64 ele.images = true; |
| 65 }); |
| 66 if (details.length > 0) { |
| 67 window.setTimeout(loadDetailImagesStep, 100, details); |
| 68 } |
| 69 } |
| 70 |
| 71 sk.WebComponentsReady.then(function() { |
| 72 loadDetailImagesStep($$('test-summary-details-sk')); |
| 73 }); |
| 74 })(); |
| 75 </script> |
| 76 </body> |
| 77 </html> |
| OLD | NEW |