UNPKG

3.51 kBHTMLView Raw
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="UTF-8">
5 <title>ESLint Report</title>
6 <style>
7 body {
8 font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
9 font-size:16px;
10 font-weight:normal;
11 margin:0;
12 padding:0;
13 color:#333
14 }
15 #overview {
16 padding:20px 30px
17 }
18 td, th {
19 padding:5px 10px
20 }
21 h1 {
22 margin:0
23 }
24 table {
25 margin:30px;
26 width:calc(100% - 60px);
27 max-width:1000px;
28 border-radius:5px;
29 border:1px solid #ddd;
30 border-spacing:0px;
31 }
32 th {
33 font-weight:400;
34 font-size:medium;
35 text-align:left;
36 cursor:pointer
37 }
38 td.clr-1, td.clr-2, th span {
39 font-weight:700
40 }
41 th span {
42 float:right;
43 margin-left:20px
44 }
45 th span:after {
46 content:"";
47 clear:both;
48 display:block
49 }
50 tr:last-child td {
51 border-bottom:none
52 }
53 tr td:first-child, tr td:last-child {
54 color:#9da0a4
55 }
56 #overview.bg-0, tr.bg-0 th {
57 color:#468847;
58 background:#dff0d8;
59 border-bottom:1px solid #d6e9c6
60 }
61 #overview.bg-1, tr.bg-1 th {
62 color:#f0ad4e;
63 background:#fcf8e3;
64 border-bottom:1px solid #fbeed5
65 }
66 #overview.bg-2, tr.bg-2 th {
67 color:#b94a48;
68 background:#f2dede;
69 border-bottom:1px solid #eed3d7
70 }
71 td {
72 border-bottom:1px solid #ddd
73 }
74 td.clr-1 {
75 color:#f0ad4e
76 }
77 td.clr-2 {
78 color:#b94a48
79 }
80 td a {
81 color:#3a33d1;
82 text-decoration:none
83 }
84 td a:hover {
85 color:#272296;
86 text-decoration:underline
87 }
88 </style>
89 </head>
90 <body>
91 <div id="overview" class="bg-<%= reportColor %>">
92 <h1>ESLint Report</h1>
93 <div>
94 <span><%= reportSummary %></span> - Generated on <%= date %>
95 </div>
96 </div>
97 <table>
98 <tbody>
99 <%= results %>
100 </tbody>
101 </table>
102 <script type="text/javascript">
103 var groups = document.querySelectorAll("tr[data-group]");
104 for (i = 0; i < groups.length; i++) {
105 groups[i].addEventListener("click", function() {
106 var inGroup = document.getElementsByClassName(this.getAttribute("data-group"));
107 this.innerHTML = (this.innerHTML.indexOf("+") > -1) ? this.innerHTML.replace("+", "-") : this.innerHTML.replace("-", "+");
108 for (var j = 0; j < inGroup.length; j++) {
109 inGroup[j].style.display = (inGroup[j].style.display !== "none") ? "none" : "table-row";
110 }
111 });
112 }
113 </script>
114 </body>
115</html>