UNPKG

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