Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

html-template-page.html 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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>