116 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
			
		
		
	
	
			116 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
| <!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>
 |