| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>Skia Correctness Server</title> |
| 5 |
| 6 {%template "header.html" .%} |
| 7 <style> |
| 8 .link { |
| 9 stroke: #ccc; |
| 10 } |
| 11 |
| 12 .node { |
| 13 cursor: move; |
| 14 fill: #ccc; |
| 15 stroke: #000; |
| 16 stroke-width: 1.5px; |
| 17 } |
| 18 |
| 19 cluster-sk { |
| 20 display: block; |
| 21 position: relative; |
| 22 width: 100%; |
| 23 height: 90vh; |
| 24 } |
| 25 |
| 26 #body { |
| 27 min-height: 80vh; |
| 28 } |
| 29 |
| 30 .hidden { |
| 31 display: none; |
| 32 } |
| 33 </style> |
| 34 </head> |
| 35 <body> |
| 36 <scaffold-sk responsiveWidth="700px"> |
| 37 {%template "titlebar.html" .%} |
| 38 |
| 39 <div id=body horizontal layout> |
| 40 <cluster-sk flex></cluster-sk> |
| 41 <div flex> |
| 42 <detail-table-sk top="" left="" test="" bothcolumns=false class=hidden
></detail-table-sk> |
| 43 </div> |
| 44 </div> |
| 45 <commits-sk></commits-sk> |
| 46 <error-toast-sk></error-toast-sk> |
| 47 |
| 48 <script type="text/javascript" charset="utf-8"> |
| 49 (function() { |
| 50 var selected = []; |
| 51 var params = sk.query.toParamSet(document.location.search.slice(1)); |
| 52 |
| 53 $$$('#body').addEventListener('digest-select', function(e){ |
| 54 selected.push(e.detail); |
| 55 if (selected.length > 2) { |
| 56 selected.shift(); |
| 57 } |
| 58 $$$('detail-table-sk').classList.toggle('hidden', selected.length ==
0); |
| 59 $$$('detail-table-sk').left = selected[0]; |
| 60 $$$('detail-table-sk').top = selected[selected.length-1]; |
| 61 $$$('detail-table-sk').bothcolumns= selected.length > 1; |
| 62 }); |
| 63 |
| 64 function loadData() { |
| 65 sk.get("/_/nxn?test="+ params.test).then(JSON.parse).then(function(j
son) { |
| 66 $$$('cluster-sk').data = json; |
| 67 }).catch(sk.errorMessage); |
| 68 } |
| 69 |
| 70 document.body.addEventListener('triage', function(e) { |
| 71 sk.post('_/triage', JSON.stringify(e.detail)).then(function() { |
| 72 $$$('cluster-sk').newTriageStatus(e.detail.digest, e.detail.status
); |
| 73 }).catch(function(e) { |
| 74 sk.errorMessage(e); |
| 75 }); |
| 76 }); |
| 77 |
| 78 sk.WebComponentsReady.then(function() { |
| 79 $$$('detail-table-sk').test= params.test[0]; |
| 80 loadData(); |
| 81 }); |
| 82 })(); |
| 83 </script> |
| 84 </scaffold-sk> |
| 85 </body> |
| 86 </html> |
| OLD | NEW |