{% extends layout %}{% import 'ui/kit.html' as kit %}
{% import 'ui/telemetry/_t.html' as t with context %}
{% block title %}Needs attention · amebo{% endblock %}
{% block content %}
{{ t.css() }}
<div class="section-head pin">
  <div>
    <h2>Needs attention</h2>
    <p class="sub">Everything across the broker and the telemetry that will not fix itself. Each row links to the page that can fix it.</p>
  </div>
  <button class="btn" onclick="dj.get('/attention', '#view')">Refresh</button>
</div>
<div class="kcards">
  {{ t.card(dead|length, 'dead letters', 'bad' if dead else 'ok', 'deliveries out of retries') }}
  {{ t.card(burning|length, 'services burning', 'bad' if burning else 'ok', 'error rate at or over 1%') }}
  {{ t.card(regressed|length, 'regressions', 'bad' if regressed else 'ok', 'resolved issues that came back') }}
  {{ t.card(unclaimed|length, 'unclaimed services', 'warn' if unclaimed else 'ok', 'telemetry with no application') }}
</div>
<div class="panel nopad">
  <h3 class="panel-pad">Dead-lettered deliveries <span class="panel-sub">out of retries, waiting for a human</span></h3>
  <div class="table-wrap" style="border:none">
  {%- if not dead %}{{ t.empty('Every delivery has landed') }}
  {%- else %}
    <table class="data">
      <thead><tr><th>gist</th><th>action</th><th>subscriber</th><th>last response</th><th class="right">attempts</th><th></th></tr></thead>
      <tbody>
      {%- for g in dead %}
        <tr>
          <td class="mono dim">{{ g.id }}</td>
          <td class="fw">{{ g.action }}</td>
          <td>{{ g.subscriber }}</td>
          <td>{{ g.code|code_pill }} <span class="mono dim">{{ g.snippet }}</span></td>
          <td class="right">{{ g.attempts }}</td>
          <td class="right">{% if principal.superadmin %}<button class="btn btn-sm" onclick="dashBulkOne('gists','/dash/gists/requeue-many',{{ t.js(g.id) }})">Requeue</button>{% endif %}</td>
        </tr>
      {%- endfor %}
      </tbody>
    </table>
  {%- endif %}
  </div>
</div>
<div class="grid two-wide" style="margin-top:20px">
  <div class="panel nopad">
    <h3 class="panel-pad">Services over threshold <span class="panel-sub">last hour</span></h3>
    <div class="table-wrap" style="border:none">
    {%- if not burning %}{{ t.empty('No service is over its error threshold') }}
    {%- else %}
      <table class="data">
        <thead><tr><th>service</th><th class="right">error rate</th><th class="right">errors</th><th class="right">spans</th><th class="right">p95</th><th class="right">p99</th></tr></thead>
        <tbody>
        {%- for s in burning %}
          <tr class="rowlink" onclick="dj.get('/services/{{ h.enc(s.service) }}', '#view', {push:true})">
            <td class="fw">{{ s.service }}</td>
            <td class="right"><span class="bad">{{ h.rate(s.errors, s.count) }}</span></td>
            <td class="right">{{ s.errors }}</td>
            <td class="right dim">{{ s.count }}</td>
            <td class="right mono">{{ h.dur(s.p95_us) }}</td>
            <td class="right mono">{{ h.dur(s.p99_us) }}</td>
          </tr>
        {%- endfor %}
        </tbody>
      </table>
    {%- endif %}
    </div>
  </div>
  <div class="panel nopad">
    <h3 class="panel-pad">Regressed issues <span class="panel-sub">resolved, then seen again</span></h3>
    <div class="table-wrap" style="border:none">
    {%- if not regressed %}{{ t.empty('Nothing resolved has come back') }}
    {%- else %}
      <table class="data">
        <thead><tr><th>issue</th><th>service</th><th class="right">events</th><th class="right">last seen</th></tr></thead>
        <tbody>
        {%- for i in regressed %}
          <tr class="rowlink" onclick="dj.get('/issues/{{ h.enc(i.fingerprint) }}', '#view', {push:true})">
            <td><div class="ititle">{{ i.title }}</div><div class="iculprit">{{ i.culprit }}</div></td>
            <td>{{ i.service }}</td>
            <td class="right fw">{{ i.count }}</td>
            <td class="right dim">{{ i.last_seen|ago }}</td>
          </tr>
        {%- endfor %}
        </tbody>
      </table>
    {%- endif %}
    </div>
  </div>
</div>
<div class="panel nopad" style="margin-top:20px">
  <h3 class="panel-pad">Unclaimed services <span class="panel-sub">a service.name no registered application matches, so nobody owns it</span></h3>
  <div class="table-wrap" style="border:none">
  {%- if not unclaimed %}{{ t.empty('Every reporting service maps to a registered application') }}
  {%- else %}
    <table class="data">
      <thead><tr><th>service.name</th><th class="right">first seen</th><th class="right">last seen</th><th></th></tr></thead>
      <tbody>
      {%- for s in unclaimed %}
        <tr>
          <td class="fw">{{ s.service }}</td>
          <td class="right dim">{{ s.first_seen|ago }}</td>
          <td class="right dim">{{ s.last_seen|ago }}</td>
          <td class="right"><button class="btn btn-sm" onclick="dj.get('/apps', '#view', {push:true})">Register it</button></td>
        </tr>
      {%- endfor %}
      </tbody>
    </table>
  {%- endif %}
  </div>
</div>
{% endblock %}