<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="UTF-8">
|
<title>ESLint Report</title>
|
<style>
|
body {
|
font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
|
font-size:16px;
|
font-weight:normal;
|
margin:0;
|
padding:0;
|
color:#333
|
}
|
#overview {
|
padding:20px 30px
|
}
|
td, th {
|
padding:5px 10px
|
}
|
h1 {
|
margin:0
|
}
|
table {
|
margin:30px;
|
width:calc(100% - 60px);
|
max-width:1000px;
|
border-radius:5px;
|
border:1px solid #ddd;
|
border-spacing:0px;
|
}
|
th {
|
font-weight:400;
|
font-size:medium;
|
text-align:left;
|
cursor:pointer
|
}
|
td.clr-1, td.clr-2, th span {
|
font-weight:700
|
}
|
th span {
|
float:right;
|
margin-left:20px
|
}
|
th span:after {
|
content:"";
|
clear:both;
|
display:block
|
}
|
tr:last-child td {
|
border-bottom:none
|
}
|
tr td:first-child, tr td:last-child {
|
color:#9da0a4
|
}
|
#overview.bg-0, tr.bg-0 th {
|
color:#468847;
|
background:#dff0d8;
|
border-bottom:1px solid #d6e9c6
|
}
|
#overview.bg-1, tr.bg-1 th {
|
color:#f0ad4e;
|
background:#fcf8e3;
|
border-bottom:1px solid #fbeed5
|
}
|
#overview.bg-2, tr.bg-2 th {
|
color:#b94a48;
|
background:#f2dede;
|
border-bottom:1px solid #eed3d7
|
}
|
td {
|
border-bottom:1px solid #ddd
|
}
|
td.clr-1 {
|
color:#f0ad4e
|
}
|
td.clr-2 {
|
color:#b94a48
|
}
|
td a {
|
color:#3a33d1;
|
text-decoration:none
|
}
|
td a:hover {
|
color:#272296;
|
text-decoration:underline
|
}
|
</style>
|
</head>
|
<body>
|
<div id="overview" class="bg-<%= reportColor %>">
|
<h1>ESLint Report</h1>
|
<div>
|
<span><%= reportSummary %></span> - Generated on <%= date %>
|
</div>
|
</div>
|
<table>
|
<tbody>
|
<%= results %>
|
</tbody>
|
</table>
|
<script type="text/javascript">
|
var groups = document.querySelectorAll("tr[data-group]");
|
for (i = 0; i < groups.length; i++) {
|
groups[i].addEventListener("click", function() {
|
var inGroup = document.getElementsByClassName(this.getAttribute("data-group"));
|
this.innerHTML = (this.innerHTML.indexOf("+") > -1) ? this.innerHTML.replace("+", "-") : this.innerHTML.replace("-", "+");
|
for (var j = 0; j < inGroup.length; j++) {
|
inGroup[j].style.display = (inGroup[j].style.display !== "none") ? "none" : "table-row";
|
}
|
});
|
}
|
</script>
|
</body>
|
</html>
|
