github.com/yankunsam/loki/v2@v2.6.3-0.20220817130409-389df5235c27/clients/pkg/promtail/server/ui/templates/service-discovery.html (about)

     1  {{define "head"}}
     2  <link type="text/css" rel="stylesheet" href="{{ pathPrefix }}/static/css/targets.css?v={{ buildVersion }}">
     3  <script src="{{ pathPrefix }}/static/js/targets.js?v={{ buildVersion }}"></script>
     4  {{end}}
     5  
     6  <style>
     7    *[id]:before {
     8      display: block;
     9      content: " ";
    10      margin-top: -65px;
    11      height: 65px;
    12      visibility: hidden;
    13    }
    14  </style>
    15  
    16  {{define "content"}}
    17    <div class="container-fluid">
    18  
    19      <h1>Service Discovery</h1>
    20      <div>
    21        <ul>
    22          {{range $i, $job := .Index}}
    23            <li>
    24              <a href="#job-{{$job}}">{{$job}}</a> ({{ index $.Active $i }}/{{ index $.Total $i }} active targets)
    25            </li>
    26          {{end}}
    27        </ul>
    28      </div>
    29  
    30      {{$targets := .Targets}}
    31      {{range $i, $job := .Index}}
    32  
    33      <div class="table-container">
    34        <h2 class="job_header" id="job-{{$job}}">
    35          {{$job}}
    36          <button type="button" class="targets collapsed-table btn btn-primary">show more</button>
    37        </h2>
    38        {{with index $.Dropped $i}}
    39        {{if gt . 100 }}
    40        <div class="collapsed-element" style="display:none">
    41          {{ . }} targets have been dropped, showing only the first 100 dropped targets as examples.
    42        </div>
    43        {{end}}
    44        {{end}}
    45        <table class="table table-sm table-bordered table-striped table-hover" style="display:none">
    46          <thead class="job_details">
    47            <tr>
    48              <th>Discovered Labels</th>
    49              <th>Target Labels</th>
    50            </tr>
    51          </thead>
    52          <tbody>
    53  
    54          {{range index $targets $job}}
    55            <tr>
    56              <td class="labels">
    57                  {{$labels := .DiscoveredLabels }}
    58                  <ul class="list-inline" style="list-style-type:none">
    59                    {{range $label, $value := $labels}}
    60                      <li>
    61                        <span class="badge badge-primary">{{$label}}="{{$value}}"</span>
    62                      </li>
    63                    {{else}}
    64                    <li>
    65                      <span class="badge badge-default">none</span>
    66                    </li>
    67                    {{end}}
    68                  </ul>
    69              </td>
    70              <td class="labels">
    71                  {{$labels := .Labels }}
    72                  <ul class="list-inline" style="list-style-type:none">
    73                    {{range $label, $value := $labels}}
    74                      <li>
    75                        <span class="badge badge-primary">{{$label}}="{{$value}}"</span>
    76                      </li>
    77                    {{else}}
    78                      <li>
    79                        <span class="badge badge-default">Dropped: {{ dropReason .Details }}</span>
    80                      </li>
    81                    {{end}}
    82                  </ul>
    83              </td>
    84            </tr>
    85          {{end}}
    86          </tbody>
    87        </table>
    88      </div>
    89      {{ end }}
    90    </div>
    91  
    92  {{end}}