123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- <!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>
|