{# prometheus/widget.html — the Prometheus dashboard widget (#5691): one
   target drawn by one template (template_view.render). A verdict naming the
   worst thing, then each block: its problems first with why, figures in their
   units beside a bar or the last day's bars, and the healthy rest packed after,
   past REST rows as "+N more healthy". #}
{% from "_macros.html" import status_dot %}
{% set REST = 6 %}
{% set dot = {"crit": "crit", "warn": "warn", "ok": "ok", "dim": "paused"} %}
{% set tone = {"crit": "tone-crit", "warn": "tone-warn", "ok": "tone-ok", "dim": "tone-dim"} %}
{% macro shown(v) -%}
  {%- if v.moment %}{{ v.moment|ago }}{% elif v.text %}{{ v.text }}{% else %}—{% endif -%}
{%- endmacro %}
{% if problem %}
<div class="w-verdict tone-warn">{{ problem }}</div>
{% else %}
{% set down = target.reach in ("down", "stale") %}
<div class="w-verdict {{ 'tone-crit' if target.reach == 'down' else tone[view.tone] }}">
  {%- if target.reach == "down" %}{{ target.name }} isn't answering{% elif down %}{{ target.name }} isn't being scraped{% endif %}
  {%- if down %}{% if target.ok_at %}; these values are from {{ target.ok_at|ago }}{% endif %}. {% endif -%}
  {{ view.verdict }}
</div>
{% for b in view.blocks %}
<div class="w-section">{{ b.title }}</div>
{% if b.note %}
<div class="w-note tone-warn">{{ b.note }}</div>
{% elif b.kind == "info" %}
<div class="w-note">{% for r in b.rows %}{{ r.name }}{% if not loop.last %}; {% endif %}{% endfor %}</div>
{% elif b.kind == "table" %}
<table class="w-table">
  <thead><tr><th></th>{% for c in b.columns %}<th>{{ c }}</th>{% endfor %}</tr></thead>
  <tbody>
  {% for r in b.rows %}
  <tr><td class="w-name" title="{{ r.name }}">{{ r.name }}</td>{% for c in r.cells %}<td>{{ shown(c) }}</td>{% endfor %}</tr>
  {% endfor %}
  </tbody>
</table>
{% else %}
{% set problems = b.rows | selectattr("tone", "in", ["crit", "warn"]) | list %}
{% set rest = b.rows | rejectattr("tone", "in", ["crit", "warn"]) | list %}
{% set listed = problems + rest[:REST] %}
<table class="w-table">
  {% if b.columns %}<thead><tr><th></th><th>Now</th>{% for c in b.columns %}<th class="w-wide-only">{{ c }}</th>{% endfor %}</tr></thead>{% endif %}
  <tbody>
  {% for r in listed %}
  <tr>
    <td class="w-name" title="{{ r.name }}">
      {{- status_dot(dot[r.tone]) -}}
      {{ r.name }}
      {%- if r.why %}<span class="w-sub {{ tone[r.tone] }}">{{ r.why }}</span>{% endif %}
    </td>
    <td class="{{ tone[r.tone] if r.tone in ('crit', 'warn') }}">
      {%- if r.history %}<span class="w-bars w-wide-only" aria-hidden="true" title="The last {{ spark_hours }}h, scaled to its own peak">
        {%- for h in r.history %}<i style="height:{{ [h, 4]|max }}%"></i>{% endfor -%}
      </span>{% endif -%}
      {{ shown(r) }}
      {%- if r.bar is not none %}<div class="meter w-wide-only" title="{{ (r.bar * 100)|round|int }}%"><div class="meter-fill meter-{{ r.tone if r.tone in ('crit', 'warn') else 'ok' }}" style="width:{{ (r.bar * 100)|round(1) }}%"></div></div>{% endif -%}
    </td>
    {% for c in r.cells %}<td class="w-wide-only">{{ shown(c) }}</td>{% endfor %}
  </tr>
  {% endfor %}
  </tbody>
</table>
{% if rest|length > REST %}<div class="w-more">+{{ rest|length - REST }} more healthy</div>{% endif %}
{% endif %}
{% endfor %}
<div class="w-note">
  {%- if session.user_id %}<a href="/plugins/prometheus/targets/{{ target.id }}">{{ target.name }}</a>{% else %}{{ target.name }}{% endif %}
  {%- if target.scraped_at %}, scraped {{ target.scraped_at|ago }}{% endif %}.
</div>
{% endif %}