• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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>
116