arr-summary/templates/system.html

{% extends "_shell.html" %}
{% from "_macros.html" import service_error, bar, disk_state, disk_row, trend %}
{% block title %}P105 System{% endblock %}

{% block content %}
  <h1 class="tt-dh bloom tt-masthead">SYSTEM</h1>

  {#- ── Service transmission status ───────────────────────────────
      Six services, one row each, colour carrying up or down. This is
      what the old header pills were, given room to say something. -#}
  <div class="tt-field"><span>Transmission</span></div>
  <div class="tt-rows">
    {% for name, svc in [('Sonarr', sonarr), ('Radarr', radarr), ('SABnzbd', sabnzbd),
                         ('Tautulli', tautulli), ('Prowlarr', prowlarr), ('Ombi', ombi)] %}
    <div class="tt-row">
      <span class="tt-row-name">{{ name }}</span>
      <span class="tt-row-body"></span>
      <span class="tt-row-val {{ 'ok' if svc.status == 'ok' else 'alert' }}">
        {{- 'ON AIR' if svc.status == 'ok' else 'OFF AIR' -}}
      </span>
    </div>
    {% endfor %}
  </div>

  {#- ── Array ─────────────────────────────────────────────────────  -#}
  {% if unraid.status != 'ok' %}
    <div class="tt-field crit"><span>Array</span><span class="tt-field-meta">unreachable</span></div>
    {{ service_error('Unraid', unraid.error) }}
  {% else %}
    {%- set apct = unraid.array_used_pct | default(0) | float -%}
    <div class="tt-field {% if apct >= 90 %}crit{% elif apct >= 75 %}warn{% endif %}">
      <span>Array</span>
      <span class="tt-field-meta">
        {{ unraid.array_state | default('') }}
        {%- if unraid.parities %} &middot; parity
          {%- for p in unraid.parities %} {{ p.temp if p.temp is not none else '—' }}&deg;C{% endfor %}
        {%- endif %}
      </span>
    </div>

    <div class="tt-figs">
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v {{ 'alert' if apct >= 90 else ('warn' if apct >= 75 else 'ok') }}">{{ apct | round | int }}%</div>
        <div class="tt-fig-l">Used</div>
      </div>
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v">{{ unraid.array_free | default('—') }}</div>
        <div class="tt-fig-l">Free</div>
      </div>
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v">{{ unraid.array_total | default('—') }}</div>
        <div class="tt-fig-l">Total</div>
      </div>
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v">{{ unraid.disk_count | default(0) }}</div>
        <div class="tt-fig-l">Disks</div>
      </div>
    </div>

    {% if unraid.disks %}
      {#- Desktop: a real table — columns line up, a new metric is a new
          column. Hidden below 560px, where six columns stop fitting and
          a horizontal scroll would hide the bar and the temperature,
          the two readings that matter most on this page. -#}
      <div class="tt-table-scroll">
        <table class="tt-table">
          <thead>
            <tr>
              <th scope="col">Disk</th>
              <th scope="col">Device</th>
              <th scope="col" class="num">Size</th>
              <th scope="col" class="num">Free</th>
              <th scope="col">Usage</th>
              <th scope="col" class="num">Temp</th>
            </tr>
          </thead>
          <tbody>
            {% for dk in unraid.disks %}
            <tr>
              <th scope="row">{{ dk.name }}</th>
              <td>{{ dk.device | default('—') }}</td>
              <td class="num">{{ dk.total | default('—') }}</td>
              <td class="num">{{ dk.free | default('—') }}</td>
              <td>{{ bar(dk.used_pct | default(0)) }} <span class="val">{{ dk.used_pct | default(0) | round | int }}%</span></td>
              <td class="num">{{ disk_state(dk) }}</td>
            </tr>
            {% endfor %}
            {% for ck in unraid.caches | default([]) %}
            <tr>
              <th scope="row">{{ ck.name }}</th>
              <td>{{ ck.device | default('—') }}</td>
              <td class="num">{{ ck.total | default('—') }}</td>
              <td class="num">{{ ck.free | default('—') }}</td>
              <td>{{ bar(ck.used_pct | default(0)) }} <span class="val">{{ ck.used_pct | default(0) | round | int }}%</span></td>
              <td class="num">{{ disk_state(ck) }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>

      {#- Phone (≤560px): the .tt-row-derived reflow — name, the shared
          20-cell bar and the temperature on one line, device/size/free
          beneath. Hidden above 560px in favour of the table. -#}
      <div class="tt-disk-rows">
        {% for dk in unraid.disks %}{{ disk_row(dk) }}{% endfor %}
        {% for ck in unraid.caches | default([]) %}{{ disk_row(ck) }}{% endfor %}
      </div>
    {% endif %}
  {% endif %}

  {#- ── Downloads ─────────────────────────────────────────────────
      The one place the service holds real history, so the one place a
      trend arrow is honest: current speed against the 7-day average. -#}
  {% if sabnzbd.status == 'ok' %}
    <div class="tt-field"><span>Downloads</span><span class="tt-field-meta">{{ sabnzbd.sab_status | default('') }}</span></div>
    <div class="tt-figs">
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v"><span id="sab-queue">{{ sabnzbd.queue_count }}</span></div>
        <div class="tt-fig-l">In queue</div>
      </div>
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v"><span id="sab-speed">{{ sabnzbd.speed | default('0') }}</span> {{ trend(sabnzbd.speed_kbps, sabnzbd.avg_speed_kbps) }}</div>
        <div class="tt-fig-l">Speed vs 7-day avg</div>
      </div>
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v"><span id="sab-remaining">{{ sabnzbd.sizeleft | default('—') }}</span></div>
        <div class="tt-fig-l">Remaining</div>
      </div>
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v">{{ sabnzbd.week_size | default('—') }}</div>
        <div class="tt-fig-l">This week</div>
      </div>
    </div>
  {% else %}
    <div class="tt-field crit"><span>Downloads</span><span class="tt-field-meta">off air</span></div>
    {{ service_error('SABnzbd', sabnzbd.error) }}
  {% endif %}

  {#- ── Indexers ──────────────────────────────────────────────────  -#}
  {% if prowlarr.status == 'ok' %}
    <div class="tt-field">
      <span>Indexers</span>
      <span class="tt-field-meta">{{ prowlarr.up_count }} of {{ prowlarr.total }} up</span>
    </div>
    <div class="tt-rows">
      {% for idx in prowlarr.indexers %}
      <div class="tt-row">
        <span class="tt-row-name">{{ idx.protocol | default('') }}</span>
        <span class="tt-row-body">
          <span class="tt-row-title">{{ idx.name }}</span>
          {% if prowlarr.has_stats %}<span class="tt-row-sub">{{ idx.grabs | default(0) }} grabs &middot; {{ idx.queries | default(0) }} queries</span>{% endif %}
        </span>
        {% if prowlarr.has_stats %}{{ bar(idx.grab_share | default(0), 'ok' if idx.up else 'alert') }}{% endif %}
        <span class="tt-row-val {{ 'ok' if idx.up else 'alert' }}">{{ 'UP' if idx.up else 'DOWN' }}</span>
      </div>
      {% endfor %}
    </div>
  {% else %}
    <div class="tt-field crit"><span>Indexers</span><span class="tt-field-meta">off air</span></div>
    {{ service_error('Prowlarr', prowlarr.error) }}
  {% endif %}
{% endblock %}