github.com/turbot/steampipe@v1.7.0-rc.0.0.20240517123944-7cef272d4458/tests/acceptance/test_data/templates/expected_check_html.html (about) 1 2 <!DOCTYPE html> 3 <html lang="en"> 4 5 <head> 6 <title>Steampipe Report</title> 7 <style> 8 /** 9 /* */ 10 /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ 11 html { 12 font-size: 12px; 13 font-family: sans-serif; 14 -ms-text-size-adjust: 100%; 15 -webkit-text-size-adjust: 100%; 16 } 17 body { 18 margin: 0; 19 } 20 article, 21 aside, 22 details, 23 figcaption, 24 figure, 25 footer, 26 header, 27 hgroup, 28 main, 29 nav, 30 section, 31 summary { 32 display: block; 33 } 34 audio, 35 canvas, 36 progress, 37 video { 38 display: inline-block; 39 vertical-align: baseline; 40 } 41 audio:not([controls]) { 42 display: none; 43 height: 0; 44 } 45 [hidden], 46 template { 47 display: none; 48 } 49 a { 50 background: transparent; 51 } 52 a:active, 53 a:hover { 54 outline: 0; 55 } 56 abbr[title] { 57 border-bottom: 1px dotted; 58 } 59 b, 60 strong { 61 font-weight: bold; 62 } 63 dfn { 64 font-style: italic; 65 } 66 h1 { 67 font-size: 2em; 68 margin: 0.67em 0; 69 } 70 mark { 71 background: #ff0; 72 color: #000; 73 } 74 small { 75 font-size: 80%; 76 } 77 sub, 78 sup { 79 font-size: 75%; 80 line-height: 0; 81 position: relative; 82 vertical-align: baseline; 83 } 84 sup { 85 top: -0.5em; 86 } 87 sub { 88 bottom: -0.25em; 89 } 90 img { 91 border: 0; 92 } 93 svg:not(:root) { 94 overflow: hidden; 95 } 96 figure { 97 margin: 1em 40px; 98 } 99 hr { 100 -moz-box-sizing: content-box; 101 box-sizing: content-box; 102 height: 0; 103 } 104 pre { 105 overflow: auto; 106 } 107 code, 108 kbd, 109 pre, 110 samp { 111 font-family: monospace, monospace; 112 font-size: 1em; 113 } 114 button, 115 input, 116 optgroup, 117 select, 118 textarea { 119 color: inherit; 120 font: inherit; 121 margin: 0; 122 } 123 button { 124 overflow: visible; 125 } 126 button, 127 select { 128 text-transform: none; 129 } 130 button, 131 html input[type="button"], 132 input[type="reset"], 133 input[type="submit"] { 134 -webkit-appearance: button; 135 cursor: pointer; 136 } 137 button[disabled], 138 html input[disabled] { 139 cursor: default; 140 } 141 button::-moz-focus-inner, 142 input::-moz-focus-inner { 143 border: 0; 144 padding: 0; 145 } 146 input { 147 line-height: normal; 148 } 149 input[type="checkbox"], 150 input[type="radio"] { 151 box-sizing: border-box; 152 padding: 0; 153 } 154 input[type="number"]::-webkit-inner-spin-button, 155 input[type="number"]::-webkit-outer-spin-button { 156 height: auto; 157 } 158 input[type="search"] { 159 -webkit-appearance: textfield; 160 -moz-box-sizing: content-box; 161 -webkit-box-sizing: content-box; 162 box-sizing: content-box; 163 } 164 input[type="search"]::-webkit-search-cancel-button, 165 input[type="search"]::-webkit-search-decoration { 166 -webkit-appearance: none; 167 } 168 fieldset { 169 border: 1px solid #c0c0c0; 170 margin: 0 2px; 171 padding: 0.35em 0.625em 0.75em; 172 } 173 legend { 174 border: 0; 175 padding: 0; 176 } 177 textarea { 178 overflow: auto; 179 } 180 optgroup { 181 font-weight: bold; 182 } 183 table { 184 border-collapse: collapse; 185 border-spacing: 0; 186 } 187 td, 188 th { 189 padding: 0; 190 } 191 192 /* 193 **/ 194 /** 195 /* */ 196 :root { 197 --color-border-muted: #d8dee4; 198 --color-border-default: #30363d; 199 --color-neutral-muted: #6f819433; 200 --color-fg-muted: #8b949e; 201 --color-alarm: red; 202 --color-error: red; 203 --color-info: #2f5f95; 204 --color-ok: green; 205 --color-skip: #949595; 206 } 207 208 html { 209 font-size: 14px; 210 } 211 212 h1 { 213 margin-top: 8px; 214 margin-bottom: 8px; 215 font-size: 2em; 216 } 217 218 h2 { 219 padding-top: 1em; 220 padding-bottom: 0.3em; 221 font-size: 1.5em; 222 border-bottom: 1px solid var(--color-border-muted); 223 } 224 225 h3 { 226 padding-top: 0.75em; 227 font-size: 1.25em; 228 } 229 230 h4 { 231 padding-top: 0.5em; 232 font-size: 1em; 233 } 234 235 footer { 236 margin-top: 3em; 237 } 238 239 .align-center { 240 text-align: center; 241 } 242 243 .container { 244 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, 245 sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; 246 padding: 1em; 247 } 248 249 .header { 250 margin-bottom: 1em; 251 display: flex; 252 justify-content: space-between; 253 border-bottom: 1px solid var(--color-border-muted); 254 } 255 256 .header .title { 257 word-break: break-word; 258 } 259 260 .header a { 261 display: flex; 262 } 263 264 .header .logo { 265 width: 200px; 266 margin-left: 10px; 267 } 268 269 table { 270 display: block; 271 width: max-content; 272 max-width: 100%; 273 overflow: auto; 274 margin-top: 0; 275 padding-top: 0.2em; 276 margin-bottom: 16px; 277 } 278 279 table th, 280 table td { 281 padding: 6px 13px; 282 border: 1px solid var(--color-border-muted); 283 } 284 285 table th { 286 font-weight: 600; 287 } 288 289 table tr { 290 border-top: 1px solid var(--color-border-muted); 291 } 292 293 code { 294 font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, 295 Liberation Mono, monospace; 296 padding: 0.2em 0.4em; 297 margin: 0; 298 font-size: 85%; 299 background-color: var(--color-neutral-muted); 300 border-radius: 6px; 301 } 302 303 blockquote { 304 padding: 0 1em; 305 margin-left: 0; 306 color: var(--color-fg-muted); 307 border-left: 0.25em solid var(--color-border-default); 308 } 309 310 .summary-total-ok.highlight { 311 font-weight: 600; 312 color: var(--color-ok); 313 } 314 315 .summary-total-alarm.highlight { 316 font-weight: 600; 317 color: var(--color-alarm); 318 } 319 320 .summary-total-error.highlight { 321 font-weight: 600; 322 color: var(--color-alarm); 323 } 324 /* 325 **/ 326 </style> 327 <meta charset="UTF-8"> 328 <link rel="icon" href='data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwMCAxMDAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+IDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+IC5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30gLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMyMjIwMTc7fSAuc3Qye2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0M3MjcyRTt9IDwvc3R5bGU+IDxnIGlkPSJiZyI+IDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05MTkuNSw2NTUuNmwtMjY0LDI2NGMtODUuNiw4NS42LTIyNS42LDg1LjYtMzExLjEsMGwtMjY0LTI2NEMtNS4xLDU3MC01LjEsNDMwLDgwLjUsMzQ0LjRsMjY0LTI2NCBDNDMwLTUuMSw1NzAtNS4xLDY1NS42LDgwLjVsMjY0LDI2NEMxMDA1LjEsNDMwLDEwMDUuMSw1NzAsOTE5LjUsNjU1LjZ6Ii8+IDwvZz4gPGcgaWQ9IkxvZ28iPiA8Zz4gPHBhdGggaWQ9IkJvdHRvbV8xXyIgY2xhc3M9InN0MSIgZD0iTTQ3MC4zLDcwNC4zTDQ3MC4zLDcwNC4zYzEzLjksMTQuOSwzNS4yLDIzLjcsNDguMywxMC42bDQwLjUtNDAuNWwxNTUuOC0xNTUuOCBjMjUuMi0yNS4yLTMwLjYtODAuOS01NS43LTU1LjdsLTU3LjUsNTcuNWwzLDNsMC4zLDAuM2M2LjgsNy4yLDYuNiwxOC41LTAuMywyNS41bC0zLjMsMy40TDU4NSw1NjguOGwtMTUuOS0xNS45bDAsMEw0NDcsNDMwLjkgbDAsMEw0MzEuMiw0MTVsMTYuMy0xNi4ybDMuMy0zLjRjNy03LDE4LjMtNy4xLDI1LjQtMC4zbDAuMywwLjNsMywzTDU2NiwzMTJjNjEuNS02MS41LDE2MS45LTYxLjUsMjIzLjUsMGw3Ni40LDc2LjMgYzYxLjQsNjEuNCw2MS41LDE2MiwwLDIyMy41TDY4MS4xLDc5Ni41bC02OS40LDY5LjRjLTYxLjUsNjEuNS0xNjIuMSw2MS40LTIyMy41LDBsLTk2LjktOTdjNTkuNyw5LjUsMTIzLTguNywxNjguOS01NC42IEw0NzAuMyw3MDQuM3oiLz4gPHBhdGggaWQ9IlRvcF8xXyIgY2xhc3M9InN0MiIgZD0iTTUyOS43LDI5NS43TDUyOS43LDI5NS43Yy0xMy45LTE1LTM1LjItMjMuNy00OC4zLTEwLjZsLTQwLjUsNDAuNUwyODUuMSw0ODEuNCBjLTI1LjIsMjUuMiwzMC42LDgwLjksNTUuNyw1NS43bDU3LjUtNTcuNWwtMy0zbC0wLjMtMC4zYy02LjgtNy4yLTYuNi0xOC41LDAuMy0yNS41bDMuNC0zLjNsMTYuMi0xNi4zbDE1LjksMTUuOWwwLDBsMTIyLjEsMTIyIGwwLDBsMTUuOSwxNS45bC0xNi4zLDE2LjNsLTMuNCwzLjNjLTcsNy0xOC4zLDcuMS0yNS40LDAuM2wtMC4zLTAuM2wtMy0zTDQzMy45LDY4OGMtNjEuNiw2MS41LTE2Miw2MS41LTIyMy41LDBMMTM0LDYxMS43IGMtNjEuNC02MS40LTYxLjUtMTYyLDAtMjIzLjVsMTg0LjgtMTg0LjdsNjkuNC02OS40YzYxLjUtNjEuNSwxNjIuMS02MS40LDIyMy41LDBsOTYuOSw5N2MtNTkuNy05LjUtMTIzLDguNy0xNjguOSw1NC42IEw1MjkuNywyOTUuN3oiLz4gPC9nPiA8L2c+IDwvc3ZnPg==' type="image/svg+xml" sizes="any"> 329 </head> 330 331 <body> 332 <div class="container"> 333 334 335 <section class="control"> 336 <h3>Sample control with all possible statuses(severity=high)</h3> 337 338 339 <p><em>Sample control that returns 10 OK, 5 ALARM, 2 ERROR, 1 SKIP and 3 INFO</em></p> 340 341 342 343 <table role="table"> 344 <thead> 345 <tr> 346 <th>OK</th> 347 <th>Skip</th> 348 <th>Info</th> 349 <th>Alarm</th> 350 <th>Error</th> 351 <th>Total</th> 352 </tr> 353 </thead> 354 <tbody> 355 <tr> 356 <td class="summary-total-ok highlight">10</td> 357 <td class="summary-total-skip highlight">1</td> 358 <td class="summary-total-info highlight">3</td> 359 <td class="summary-total-alarm highlight">5</td> 360 <td class="summary-total-error highlight">2</td> 361 <td>21</td> 362 </tr> 363 </tbody> 364 </table> 365 366 367 368 369 370 371 <table role="table"> 372 <thead> 373 <tr> 374 <th></th> 375 <th>Reason</th> 376 <th>Dimensions</th> 377 </tr> 378 </thead> 379 <tbody> 380 381 382 <tr> 383 <td class="align-center" title="Resource: steampipe">❗</td> 384 <td title="Resource: steampipe">Resource has some error</td> 385 <td> 386 387 <code>16</code> 388 389 </td> 390 </tr> 391 392 393 394 <tr> 395 <td class="align-center" title="Resource: steampipe">❗</td> 396 <td title="Resource: steampipe">Resource has some error</td> 397 <td> 398 399 <code>17</code> 400 401 </td> 402 </tr> 403 404 405 406 <tr> 407 <td class="align-center" title="Resource: steampipe">❌</td> 408 <td title="Resource: steampipe">Resource does not satisfy condition</td> 409 <td> 410 411 <code>11</code> 412 413 </td> 414 </tr> 415 416 417 418 <tr> 419 <td class="align-center" title="Resource: steampipe">❌</td> 420 <td title="Resource: steampipe">Resource does not satisfy condition</td> 421 <td> 422 423 <code>12</code> 424 425 </td> 426 </tr> 427 428 429 430 <tr> 431 <td class="align-center" title="Resource: steampipe">❌</td> 432 <td title="Resource: steampipe">Resource does not satisfy condition</td> 433 <td> 434 435 <code>13</code> 436 437 </td> 438 </tr> 439 440 441 442 <tr> 443 <td class="align-center" title="Resource: steampipe">❌</td> 444 <td title="Resource: steampipe">Resource does not satisfy condition</td> 445 <td> 446 447 <code>14</code> 448 449 </td> 450 </tr> 451 452 453 454 <tr> 455 <td class="align-center" title="Resource: steampipe">❌</td> 456 <td title="Resource: steampipe">Resource does not satisfy condition</td> 457 <td> 458 459 <code>15</code> 460 461 </td> 462 </tr> 463 464 465 466 <tr> 467 <td class="align-center" title="Resource: steampipe">ℹ</td> 468 <td title="Resource: steampipe">Information</td> 469 <td> 470 471 <code>19</code> 472 473 </td> 474 </tr> 475 476 477 478 <tr> 479 <td class="align-center" title="Resource: steampipe">ℹ</td> 480 <td title="Resource: steampipe">Information</td> 481 <td> 482 483 <code>20</code> 484 485 </td> 486 </tr> 487 488 489 490 <tr> 491 <td class="align-center" title="Resource: steampipe">ℹ</td> 492 <td title="Resource: steampipe">Information</td> 493 <td> 494 495 <code>21</code> 496 497 </td> 498 </tr> 499 500 501 502 <tr> 503 <td class="align-center" title="Resource: steampipe">✅</td> 504 <td title="Resource: steampipe">Resource satisfies condition</td> 505 <td> 506 507 <code>1</code> 508 509 </td> 510 </tr> 511 512 513 514 <tr> 515 <td class="align-center" title="Resource: steampipe">✅</td> 516 <td title="Resource: steampipe">Resource satisfies condition</td> 517 <td> 518 519 <code>2</code> 520 521 </td> 522 </tr> 523 524 525 526 <tr> 527 <td class="align-center" title="Resource: steampipe">✅</td> 528 <td title="Resource: steampipe">Resource satisfies condition</td> 529 <td> 530 531 <code>3</code> 532 533 </td> 534 </tr> 535 536 537 538 <tr> 539 <td class="align-center" title="Resource: steampipe">✅</td> 540 <td title="Resource: steampipe">Resource satisfies condition</td> 541 <td> 542 543 <code>4</code> 544 545 </td> 546 </tr> 547 548 549 550 <tr> 551 <td class="align-center" title="Resource: steampipe">✅</td> 552 <td title="Resource: steampipe">Resource satisfies condition</td> 553 <td> 554 555 <code>5</code> 556 557 </td> 558 </tr> 559 560 561 562 <tr> 563 <td class="align-center" title="Resource: steampipe">✅</td> 564 <td title="Resource: steampipe">Resource satisfies condition</td> 565 <td> 566 567 <code>6</code> 568 569 </td> 570 </tr> 571 572 573 574 <tr> 575 <td class="align-center" title="Resource: steampipe">✅</td> 576 <td title="Resource: steampipe">Resource satisfies condition</td> 577 <td> 578 579 <code>7</code> 580 581 </td> 582 </tr> 583 584 585 586 <tr> 587 <td class="align-center" title="Resource: steampipe">✅</td> 588 <td title="Resource: steampipe">Resource satisfies condition</td> 589 <td> 590 591 <code>8</code> 592 593 </td> 594 </tr> 595 596 597 598 <tr> 599 <td class="align-center" title="Resource: steampipe">✅</td> 600 <td title="Resource: steampipe">Resource satisfies condition</td> 601 <td> 602 603 <code>9</code> 604 605 </td> 606 </tr> 607 608 609 610 <tr> 611 <td class="align-center" title="Resource: steampipe">✅</td> 612 <td title="Resource: steampipe">Resource satisfies condition</td> 613 <td> 614 615 <code>10</code> 616 617 </td> 618 </tr> 619 620 621 622 <tr> 623 <td class="align-center" title="Resource: steampipe">⇨</td> 624 <td title="Resource: steampipe">Resource is skipped</td> 625 <td> 626 627 <code>18</code> 628 629 </td> 630 </tr> 631 632 633 </tbody> 634 </table> 635 636 637 638 </section> 639 640 641 642 </div> 643 </body> 644 645 </html>