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