minimal adjustments
[dotfiles/.git] / .config / coc / extensions / node_modules / coc-prettier / node_modules / eslint / lib / cli-engine / formatters / html-template-page.html
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>