| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="UTF-8"> |
| <title>ESLint Report</title> |
| <style> |
| body { |
| font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; |
| font-size:16px; |
| font-weight:normal; |
| margin:0; |
| padding:0; |
| color:#333 |
| } |
| #overview { |
| padding:20px 30px |
| } |
| td, th { |
| padding:5px 10px |
| } |
| h1 { |
| margin:0 |
| } |
| table { |
| margin:30px; |
| width:calc(100% - 60px); |
| max-width:1000px; |
| border-radius:5px; |
| border:1px solid #ddd; |
| border-spacing:0px; |
| } |
| th { |
| font-weight:400; |
| font-size:medium; |
| text-align:left; |
| cursor:pointer |
| } |
| td.clr-1, td.clr-2, th span { |
| font-weight:700 |
| } |
| th span { |
| float:right; |
| margin-left:20px |
| } |
| th span:after { |
| content:""; |
| clear:both; |
| display:block |
| } |
| tr:last-child td { |
| border-bottom:none |
| } |
| tr td:first-child, tr td:last-child { |
| color:#9da0a4 |
| } |
| #overview.bg-0, tr.bg-0 th { |
| color:#468847; |
| background:#dff0d8; |
| border-bottom:1px solid #d6e9c6 |
| } |
| #overview.bg-1, tr.bg-1 th { |
| color:#f0ad4e; |
| background:#fcf8e3; |
| border-bottom:1px solid #fbeed5 |
| } |
| #overview.bg-2, tr.bg-2 th { |
| color:#b94a48; |
| background:#f2dede; |
| border-bottom:1px solid #eed3d7 |
| } |
| td { |
| border-bottom:1px solid #ddd |
| } |
| td.clr-1 { |
| color:#f0ad4e |
| } |
| td.clr-2 { |
| color:#b94a48 |
| } |
| td a { |
| color:#3a33d1; |
| text-decoration:none |
| } |
| td a:hover { |
| color:#272296; |
| text-decoration:underline |
| } |
| </style> |
| </head> |
| <body> |
| <div id="overview" class="bg-<%= reportColor %>"> |
| <h1>ESLint Report</h1> |
| <div> |
| <span><%= reportSummary %></span> - Generated on <%= date %> |
| </div> |
| </div> |
| <table> |
| <tbody> |
| <%= results %> |
| </tbody> |
| </table> |
| <script type="text/javascript"> |
| var groups = document.querySelectorAll("tr[data-group]"); |
| for (i = 0; i < groups.length; i++) { |
| groups[i].addEventListener("click", function() { |
| var inGroup = document.getElementsByClassName(this.getAttribute("data-group")); |
| this.innerHTML = (this.innerHTML.indexOf("+") > -1) ? this.innerHTML.replace("+", "-") : this.innerHTML.replace("-", "+"); |
| for (var j = 0; j < inGroup.length; j++) { |
| inGroup[j].style.display = (inGroup[j].style.display !== "none") ? "none" : "table-row"; |
| } |
| }); |
| } |
| </script> |
| </body> |
| </html> |