github.com/grafana/pyroscope@v1.18.0/pkg/operations/tool.blocks.detail.gohtml (about)

     1  <!DOCTYPE html>
     2  <html class="h-100" data-bs-theme="dark">
     3  <head>
     4      <meta charset="UTF-8">
     5      <meta http-equiv="X-UA-Compatible" content="IE=edge">
     6      <meta name="viewport" content="width=device-width, initial-scale=1">
     7  
     8      <title>Bucket Blocks Explorer: Tenant {{ .User }}, Block {{ .Block.ID }}</title>
     9  
    10      <link rel="stylesheet" href="/static/bootstrap-5.3.3.min.css">
    11      <link rel="stylesheet" href="/static/bootstrap-icons-1.8.1.css">
    12      <link rel="stylesheet" href="/static/pyroscope-styles.css">
    13      <script src="/static/bootstrap-5.3.3.bundle.min.js"></script>
    14  </head>
    15  <body class="d-flex flex-column h-100">
    16  <main class="flex-shrink-0">
    17      <div class="container">
    18          <div class="header row border-bottom py-3 flex-column-reverse flex-sm-row">
    19              <div class="col-12 col-sm-9 text-center text-sm-start">
    20                  <h3>Bucket Blocks Explorer: Block Details</h3>
    21              </div>
    22              <div class="col-12 col-sm-3 text-center text-sm-end mb-3 mb-sm-0">
    23                  <a href="../../../tenants">
    24                      <img alt="Pyroscope logo" class="pyroscope-brand" src="/static/pyroscope-logo.png">
    25                  </a>
    26              </div>
    27          </div>
    28          <div class="row my-3">
    29              <p>
    30                  <a href="../../../tenants/{{ .User }}/blocks">Back to tenant</a>
    31              </p>
    32              <table class="table">
    33                  <tr>
    34                      <td>Tenant</td>
    35                      <td>{{ .User }}</td>
    36                  </tr>
    37                  <tr>
    38                      <td>ID</td>
    39                      <td>{{ .Block.ID }}</td>
    40                  </tr>
    41                  <tr>
    42                      <td>Min Time</td>
    43                      <td>{{ .Block.MinTime }}</td>
    44                  </tr>
    45                  <tr>
    46                      <td>Max Time</td>
    47                      <td>{{ .Block.MaxTime }}</td>
    48                  </tr>
    49                  <tr>
    50                      <td>Duration</td>
    51                      <td>{{ .Block.Duration }}</td>
    52                  </tr>
    53                  <tr>
    54                      <td>Compaction Level</td>
    55                      <td>{{ .Block.CompactionLevel }}</td>
    56                  </tr>
    57                  <tr>
    58                      <td>Size</td>
    59                      <td>{{ .Block.Size }}</td>
    60                  </tr>
    61                  <tr>
    62                      <td>Number of Series</td>
    63                      <td>{{ .Block.Stats.NumSeries }}</td>
    64                  </tr>
    65                  <tr>
    66                      <td>Number of Profiles</td>
    67                      <td>{{ .Block.Stats.NumProfiles }}</td>
    68                  </tr>
    69                  <tr>
    70                      <td>Number of Samples</td>
    71                      <td>{{ .Block.Stats.NumSamples }}</td>
    72                  </tr>
    73                  <tr>
    74                      <td>Labels</td>
    75                      <td>
    76                          {{ range $k, $v := .Block.Labels }}
    77                              <p>{{ $k }}: {{ $v }}</p>
    78                          {{ end }}
    79                      </td>
    80                  </tr>
    81              </table>
    82          </div>
    83      </div>
    84  </main>
    85  <footer class="footer mt-auto py-3 bg-light">
    86      <div class="container">
    87          <small class="text-muted">Status @ {{ .Now }}</small>
    88      </div>
    89  </footer>
    90  </body>
    91  </html>