{% extends layout %}{% import 'ui/kit.html' as kit %}{% import 'ui/broker/_fmt.html' as fmt %}
{% block title %}amebo - application{% endblock %}
{% block content %}{% include 'ui/broker/_css.html' %}
{%- if o is none %}
<div class="section-head"><div><div class="crumb"><a class="crumb-link" onclick="dj.get('/apps', '#view', {push:true})">Applications</a><span class="crumb-sep">/</span><span>{{ app_name }}</span></div><h2>Application not found</h2><p class="sub">No application is registered under that name.</p></div><button class="btn" onclick="dj.get('/apps', '#view', {push:true})">&larr; All applications</button></div>
{%- else %}
{%- set kill_label = 'Deactivate application' if o.active else 'Reactivate application' %}
{%- set kill_desc = 'Blocks its publishes and pauses all webhook deliveries to it. Queued gists resume on reactivation.' if o.active else 'Publishing resumes and queued webhook deliveries start draining again.' %}
<div class="section-head pin">
  <div>
    <div class="crumb"><a class="crumb-link" onclick="dj.get('/apps', '#view', {push:true})">Applications</a><span class="crumb-sep">/</span><span>{{ o.name }}</span></div>
    <h2>{{ o.name }} {{ kit.active_pill(o.active) }} <span class="pill {{ o.health_cls }}">{{ o.health }}</span></h2>
    <p class="sub">{{ o.endpoint }} &middot; {{ o.role }}{% if o.description %} &middot; {{ o.description }}{% endif %}</p>
  </div>
  <div class="drawer-actions" style="margin:0">
    {%- if o.failed_g > 0 %}<button class="btn" onclick="var f=new FormData();f.append('application',{{ fmt.js(o.name) }});dj.send('/dash/apps/requeue-failed',{method:'POST',target:'#view',body:f})">Requeue {{ o.failed_g }} failed</button>{% endif %}
    <button class="btn" onclick="dj.get('/apps', '#view', {push:true})">&larr; All applications</button>
  </div>
</div>
{{ fmt.flash(message, tone) }}
<div class="cards">
  {{ kit.stat('app-kpi-actions', o.nact, 'actions owned') }}
  {{ kit.stat('app-kpi-subs', o.nsub, 'subscriptions') }}
  {{ kit.stat('app-kpi-events', o.nevents, 'events published') }}
  {{ kit.stat('app-kpi-evh', o.ev_h, 'events / hour') }}
  {{ kit.stat('app-kpi-delivered', o.ndeliv, 'delivered', 'ok') }}
  {{ kit.stat('app-kpi-rate', rate, 'delivery success') }}
  {{ kit.stat('app-kpi-avg', (o.avg_ms ~ ' ms') if o.attempts else '-', 'avg latency') }}
  {{ kit.stat('app-kpi-backlog', o.backlog, 'backlog', 'bad' if o.failed_g > 0 else '') }}
</div>
<div class="grid charts" data-app="{{ o.name }}">
  {{ kit.chart_panel('Publish activity', "events / min by this app's actions", 'ch-app-pub') }}
  {{ kit.chart_panel('Webhook consumption', 'attempts to this app / min', 'ch-app-cons') }}
  {{ kit.chart_panel('Consumption latency', 'attempt round-trip, ms', 'ch-app-lat') }}
</div>
<div class="grid two-wide" style="margin-bottom:20px">
  <div class="panel" style="padding:0"><h3 style="padding:18px 18px 0">Delivery routes</h3><div id="app-subs" class="table-wrap" style="border:none">{% with message='' %}{% include 'ui/broker/_app_routes.html' %}{% endwith %}</div></div>
  <div class="panel" style="padding:0"><h3 style="padding:18px 18px 0">Recent deliveries</h3><div class="table-wrap" style="border:none">
  {%- if not deliveries %}<div class="empty">No webhook deliveries to this application yet.</div>
  {%- else %}
    <table class="data">
      <thead><tr><th>when</th><th>action</th><th>status</th><th>latency</th><th>response</th></tr></thead>
      <tbody>{% for d in deliveries %}
        <tr class="rowlink" onclick="dj.get({{ fmt.js('/dash/gists/detail?id=' ~ (d.gist|urlencode)) }}, '#drawer')">
          <td class="dim">{{ d.ts|ago }}</td><td class="fw">{{ d.action }}</td><td>{{ d.status|code_pill }}</td><td>{{ d.ms }} ms</td><td class="mono dim resp-cell">{{ d.snippet }}</td>
        </tr>
      {% endfor %}</tbody>
    </table>
  {%- endif %}
  </div></div>
</div>
<div class="grid two-wide" style="margin-bottom:20px">
  <div class="panel"><div id="app-security">{% with message='' %}{% include 'ui/broker/_app_security.html' %}{% endwith %}</div></div>
  <div class="panel" style="padding:0"><h3 style="padding:18px 18px 0">Recent activity</h3><div class="table-wrap" style="border:none">
  {%- if not audit_rows %}<p class="hint" style="padding:0 18px">No admin activity recorded for this application.</p>
  {%- else %}
    <table class="data">
      <thead><tr><th>when</th><th>action</th><th>detail</th></tr></thead>
      <tbody>{% for a in audit_rows %}<tr><td class="dim">{{ a.ts|ago }}</td><td class="fw">{{ a.action }}</td><td class="dim">{{ a.actor }}{% if a.detail %} &middot; {{ a.detail }}{% endif %}</td></tr>{% endfor %}</tbody>
    </table>
  {%- endif %}
  </div></div>
</div>
<div class="list-page" data-tkey="appacts" style="margin-bottom:20px">
  <div class="section-head"><div><h2 style="font-size:16px">Actions owned</h2><p class="sub">Event contracts this application publishes. Select to remove (superadmin only).</p></div></div>
  <div class="toolbar" data-toolbar="appacts">
    <div class="grow"></div>
    <div class="sel-actions" data-selbar="appacts" hidden>
      <span class="sel-n">0 selected</span>
      <button class="btn btn-sm btn-danger" onclick="dashBulk('appacts',{{ fmt.js('/dash/apps/actions/delete?app=' ~ (o.name|urlencode)) }})">Remove</button>
      <button class="btn btn-sm btn-ghost" onclick="dashClear('appacts')">Clear</button>
    </div>
  </div>
  <div id="list-appacts">{% with message='' %}{% include 'ui/broker/_appacts_list.html' %}{% endwith %}</div>
</div>
<div class="panel">
  <h3>Danger zone</h3>
  <div class="danger-row" style="border-top:none;padding-top:0">
    <div><div class="fw">{{ kill_label }}</div><div class="d-txt">{{ kill_desc }}</div></div>
    <button class="btn btn-danger btn-sm" onclick="var f=new FormData();f.append('application',{{ fmt.js(o.name) }});dj.send('/dash/apps/toggle',{method:'POST',target:'#view',body:f})">{{ kill_label }}</button>
  </div>
</div>
<script>window.AmeboCharts && window.AmeboCharts.boot()</script>
{%- endif %}
{% endblock %}