eslint/docs/src/user-guide/formatters/html-formatter-example.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta charset="UTF-8">
   5         <title>ESLint Report</title>
   6         <link rel="icon" type="image/png" sizes="any" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAHaAAAB2gGFomX7AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABD1JREFUWMPFl11sk2UUx3/nbYtjxS1MF7MLMTECMgSTtSSyrQkLhAj7UBPnDSEGoxegGzMwojhXVpmTAA5iYpSoMQa8GBhFOrMFk03buei6yRAlcmOM0SEmU9d90b19jxcM1o5+sGnsc/e+z/l6ztf/HFFVMnns6QieeOCHBePGsHM+wrOtvLG2C4WRVDSSygNV7sCjlspxwDnPB44aols/DXk+mbMBmx/6OseITF1CuOtfevkPh2Uu+/jbdX8lujSScRlT5r7/QDlAfsRmfzmpnkQ/H3H13gf6bBrBn1uqK8WylgEnU8eZmk1repbfchJG1TyKyIKEwuBHFd3lD3naY3O1siiwXsVoBV2VgM1ht/QQUJk2ByqKghsQziYQ8ifKgexIXmuyzC4r67Y7R+xPAfuB/Nn3Cpva+0s7khpQVtZtd4bt51BWxtBYAiciprG7c7D4SixzU9PYalDL6110Ifb/w8W9eY7JqFeFHbO8fPGyLHwwFHJNJTSgwtVTB9oaw9BlQ+tO93vOxypoaQnfEYlI43SeCHDC4TDq9+51/h5fxr33q0ZfV9g04wat9Q943rjJgCp3952W2i8Bi6eDvdsfKj0cK/DYMRyXL4/sUJUmIHd2zYMezsvLaamp4WpcWN3BXSiHpuMwbGbZlnZ8tXY4rgosy+G7oRwQ0cAsd28YGgqfU5UjCZQDLALxDg+Hv/P5Rqvj4hwrS8izXzWb4spwc1GgENFnkpWRzxeuB+ssUHgLdb9UVdt8vpGdKQpze7n7y1U3DBChNRUuqOo9c+0+qpKKxyZqtAIYla7gY4JszAAQri93BSsMRZoyBcUC+w3Q3AyOA4sNhAOZ0q7Iq0b2vUNvK5zPgP+/H8+Zetdoa6uOikhdGurxebwvJY8Iz3V1rTMNAH+opEuQj5KTT/qA1yC+wyUjBm12OidaUtCcPNNX2h0Hx2JG69VulANZAJZJwfU7rzd/FHixuXniTdM0m4GtSQT7bTartqEh9yfImUEzkwKZmTwmo5a5JwkYBfcDL01/RkR5y8iWhtPBknB8ZxwtU9UjwOrrKCeizzc25nTGg1F/turEHoU9wMLpDvWKf8DTmNCAKnd/tqUTF4ElMXJ+A5rWDJS+41WsGWzALhJ+ErBWrLj9g+pqojHxlXJX8HGUg0BsR/x1yhxf3jm4cSzpQFLp6tmi6PEE7g1ZhtZ91ufpSZUAFa6gC+UoQslNaSmypT1U8mHKiUgEKS8KfgF4EpYunFI16tsHin+OG0LcgQK7yj7g6cSzpva2D3hKVNG0Y3mVO1BkqfSlmJrHBQ4uvM12gJHc6ETW8HZVfMRmXvyxxNC1Z/o839zyXlDuCr4nsC11J+MXueaVJWn6yPv+/pJtc9oLTNN4AeTvNGByd3rlhE2x9s5pLwDoHCy+grDzWmOZ95lUtLYj5Bma126Y8eX0/zj/ADxGyViSg4BXAAAAAElFTkSuQmCC">
   7         <link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjk0LjgyNSAyNTguOTgyJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPg0KPHBhdGggZmlsbD0nIzgwODBGMicgZD0nTTk3LjAyMSw5OS4wMTZsNDguNDMyLTI3Ljk2MmMxLjIxMi0wLjcsMi43MDYtMC43LDMuOTE4LDBsNDguNDMzLDI3Ljk2MiBjMS4yMTEsMC43LDEuOTU5LDEuOTkzLDEuOTU5LDMuMzkzdjU1LjkyNGMwLDEuMzk5LTAuNzQ4LDIuNjkzLTEuOTU5LDMuMzk0bC00OC40MzMsMjcuOTYyYy0xLjIxMiwwLjctMi43MDYsMC43LTMuOTE4LDAgbC00OC40MzItMjcuOTYyYy0xLjIxMi0wLjctMS45NTktMS45OTQtMS45NTktMy4zOTR2LTU1LjkyNEM5NS4wNjMsMTAxLjAwOSw5NS44MSw5OS43MTYsOTcuMDIxLDk5LjAxNicvPg0KPHBhdGggZmlsbD0nIzRCMzJDMycgZD0nTTI3My4zMzYsMTI0LjQ4OEwyMTUuNDY5LDIzLjgxNmMtMi4xMDItMy42NC01Ljk4NS02LjMyNS0xMC4xODgtNi4zMjVIODkuNTQ1IGMtNC4yMDQsMC04LjA4OCwyLjY4NS0xMC4xOSw2LjMyNWwtNTcuODY3LDEwMC40NWMtMi4xMDIsMy42NDEtMi4xMDIsOC4yMzYsMCwxMS44NzdsNTcuODY3LDk5Ljg0NyBjMi4xMDIsMy42NCw1Ljk4Niw1LjUwMSwxMC4xOSw1LjUwMWgxMTUuNzM1YzQuMjAzLDAsOC4wODctMS44MDUsMTAuMTg4LTUuNDQ2bDU3Ljg2Ny0xMDAuMDEgQzI3NS40MzksMTMyLjM5NiwyNzUuNDM5LDEyOC4xMjgsMjczLjMzNiwxMjQuNDg4IE0yMjUuNDE5LDE3Mi44OThjMCwxLjQ4LTAuODkxLDIuODQ5LTIuMTc0LDMuNTlsLTczLjcxLDQyLjUyNyBjLTEuMjgyLDAuNzQtMi44ODgsMC43NC00LjE3LDBsLTczLjc2Ny00Mi41MjdjLTEuMjgyLTAuNzQxLTIuMTc5LTIuMTA5LTIuMTc5LTMuNTlWODcuODQzYzAtMS40ODEsMC44ODQtMi44NDksMi4xNjctMy41OSBsNzMuNzA3LTQyLjUyN2MxLjI4Mi0wLjc0MSwyLjg4Ni0wLjc0MSw0LjE2OCwwbDczLjc3Miw0Mi41MjdjMS4yODMsMC43NDEsMi4xODYsMi4xMDksMi4xODYsMy41OVYxNzIuODk4eicvPg0KPC9zdmc+">
   8         <style>
   9             body {
  10                 font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
  11                 font-size:16px;
  12                 font-weight:normal;
  13                 margin:0;
  14                 padding:0;
  15                 color:#333
  16             }
  17             #overview {
  18                 padding:20px 30px
  19             }
  20             td, th {
  21                 padding:5px 10px
  22             }
  23             h1 {
  24                 margin:0
  25             }
  26             table {
  27                 margin:30px;
  28                 width:calc(100% - 60px);
  29                 max-width:1000px;
  30                 border-radius:5px;
  31                 border:1px solid #ddd;
  32                 border-spacing:0px;
  33             }
  34             th {
  35                 font-weight:400;
  36                 font-size:medium;
  37                 text-align:left;
  38                 cursor:pointer
  39             }
  40             td.clr-1, td.clr-2, th span {
  41                 font-weight:700
  42             }
  43             th span {
  44                 float:right;
  45                 margin-left:20px
  46             }
  47             th span:after {
  48                 content:"";
  49                 clear:both;
  50                 display:block
  51             }
  52             tr:last-child td {
  53                 border-bottom:none
  54             }
  55             tr td:first-child, tr td:last-child {
  56                 color:#9da0a4
  57             }
  58             #overview.bg-0, tr.bg-0 th {
  59                 color:#468847;
  60                 background:#dff0d8;
  61                 border-bottom:1px solid #d6e9c6
  62             }
  63             #overview.bg-1, tr.bg-1 th {
  64                 color:#f0ad4e;
  65                 background:#fcf8e3;
  66                 border-bottom:1px solid #fbeed5
  67             }
  68             #overview.bg-2, tr.bg-2 th {
  69                 color:#b94a48;
  70                 background:#f2dede;
  71                 border-bottom:1px solid #eed3d7
  72             }
  73             td {
  74                 border-bottom:1px solid #ddd
  75             }
  76             td.clr-1 {
  77                 color:#f0ad4e
  78             }
  79             td.clr-2 {
  80                 color:#b94a48
  81             }
  82             td a {
  83                 color:#3a33d1;
  84                 text-decoration:none
  85             }
  86             td a:hover {
  87                 color:#272296;
  88                 text-decoration:underline
  89             }
  90         </style>
  91     </head>
  92     <body>
  93         <div id="overview" class="bg-2">
  94             <h1>ESLint Report</h1>
  95             <div>
  96                 <span>9 problems (5 errors, 4 warnings)</span> - Generated on Mon Sep 12 2022 01:24:39 GMT-0400 (Eastern Daylight Time)
  97             </div>
  98         </div>
  99         <table>
 100             <tbody>
 101                 <tr class="bg-2" data-group="f-0">
 102     <th colspan="4">
 103         [+] /var/lib/jenkins/workspace/Releases/eslint Release/eslint/fullOfProblems.js
 104         <span>9 problems (5 errors, 4 warnings)</span>
 105     </th>
 106 </tr>
 107 <tr style="display:none" class="f-0">
 108     <td>1:10</td>
 109     <td class="clr-2">Error</td>
 110     <td>&#39;addOne&#39; is defined but never used.</td>
 111     <td>
 112         <a href="" target="_blank" rel="noopener noreferrer">no-unused-vars</a>
 113     </td>
 114 </tr>
 115
 116 <tr style="display:none" class="f-0">
 117     <td>2:9</td>
 118     <td class="clr-2">Error</td>
 119     <td>Use the isNaN function to compare with NaN.</td>
 120     <td>
 121         <a href="" target="_blank" rel="noopener noreferrer">use-isnan</a>
 122     </td>
 123 </tr>
 124
 125 <tr style="display:none" class="f-0">
 126     <td>3:16</td>
 127     <td class="clr-2">Error</td>
 128     <td>Unexpected space before unary operator &#39;++&#39;.</td>
 129     <td>
 130         <a href="https://eslint.org/docs/rules/space-unary-ops" target="_blank" rel="noopener noreferrer">space-unary-ops</a>
 131     </td>
 132 </tr>
 133
 134 <tr style="display:none" class="f-0">
 135     <td>3:20</td>
 136     <td class="clr-1">Warning</td>
 137     <td>Missing semicolon.</td>
 138     <td>
 139         <a href="https://eslint.org/docs/rules/semi" target="_blank" rel="noopener noreferrer">semi</a>
 140     </td>
 141 </tr>
 142
 143 <tr style="display:none" class="f-0">
 144     <td>4:12</td>
 145     <td class="clr-1">Warning</td>
 146     <td>Unnecessary &#39;else&#39; after &#39;return&#39;.</td>
 147     <td>
 148         <a href="https://eslint.org/docs/rules/no-else-return" target="_blank" rel="noopener noreferrer">no-else-return</a>
 149     </td>
 150 </tr>
 151
 152 <tr style="display:none" class="f-0">
 153     <td>5:1</td>
 154     <td class="clr-1">Warning</td>
 155     <td>Expected indentation of 8 spaces but found 6.</td>
 156     <td>
 157         <a href="https://eslint.org/docs/rules/indent" target="_blank" rel="noopener noreferrer">indent</a>
 158     </td>
 159 </tr>
 160
 161 <tr style="display:none" class="f-0">
 162     <td>5:7</td>
 163     <td class="clr-2">Error</td>
 164     <td>Function &#39;addOne&#39; expected a return value.</td>
 165     <td>
 166         <a href="https://eslint.org/docs/rules/consistent-return" target="_blank" rel="noopener noreferrer">consistent-return</a>
 167     </td>
 168 </tr>
 169
 170 <tr style="display:none" class="f-0">
 171     <td>5:13</td>
 172     <td class="clr-1">Warning</td>
 173     <td>Missing semicolon.</td>
 174     <td>
 175         <a href="https://eslint.org/docs/rules/semi" target="_blank" rel="noopener noreferrer">semi</a>
 176     </td>
 177 </tr>
 178
 179 <tr style="display:none" class="f-0">
 180     <td>7:2</td>
 181     <td class="clr-2">Error</td>
 182     <td>Unnecessary semicolon.</td>
 183     <td>
 184         <a href="" target="_blank" rel="noopener noreferrer">no-extra-semi</a>
 185     </td>
 186 </tr>
 187
 188             </tbody>
 189         </table>
 190         <script type="text/javascript">
 191             var groups = document.querySelectorAll("tr[data-group]");
 192             for (i = 0; i < groups.length; i++) {
 193                 groups[i].addEventListener("click", function() {
 194                     var inGroup = document.getElementsByClassName(this.getAttribute("data-group"));
 195                     this.innerHTML = (this.innerHTML.indexOf("+") > -1) ? this.innerHTML.replace("+", "-") : this.innerHTML.replace("-", "+");
 196                     for (var j = 0; j < inGroup.length; j++) {
 197                         inGroup[j].style.display = (inGroup[j].style.display !== "none") ? "none" : "table-row";
 198                     }
 199                 });
 200             }
 201         </script>
 202     </body>
 203 </html>