-
-
-
- ${esc(s.title)}
- ${esc(s.user)}
-
-
`;
- }).join('');
- } else {
- body.innerHTML = 'Nothing streaming right now.
'; - } - } catch (e) { /* silently skip */ } -} -pollTautulli(); -setInterval(pollTautulli, 15000); - -/* ── Clear search results when the field is emptied ── */ -document.getElementById('sonarr-search-input').addEventListener('input', function () { - if (!this.value.trim()) { - document.getElementById('sonarr-search-result').classList.remove('visible'); - document.getElementById('sonarr-search-msg').style.display = 'none'; - sonarrSearchResult = null; - } -}); -document.getElementById('radarr-search-input').addEventListener('input', function () { - if (!this.value.trim()) { - document.getElementById('radarr-search-result').classList.remove('visible'); - document.getElementById('radarr-search-msg').style.display = 'none'; - radarrSearchResult = null; - } -}); - -/* ── Sonarr search ── */ -async function searchSonarr() { - const input = document.getElementById('sonarr-search-input'); - const btn = document.getElementById('sonarr-search-btn'); - const resultEl = document.getElementById('sonarr-search-result'); - const msgEl = document.getElementById('sonarr-search-msg'); - const title = input.value.trim(); - if (!title) return; - - btn.disabled = true; btn.textContent = 'Searching…'; - resultEl.classList.remove('visible'); - msgEl.style.display = 'none'; - sonarrSearchResult = null; - - try { - const resp = await fetch(URL_BASE + '/api/sonarr/lookup?q=' + encodeURIComponent(title), { credentials: 'include' }); - if (resp.redirected || !resp.headers.get('content-type')?.includes('application/json')) { - msgEl.textContent = 'Session expired — please refresh the page.'; - msgEl.className = 'search-msg error'; msgEl.style.display = 'block'; - btn.disabled = false; btn.textContent = 'Search'; return; - } - const d = await resp.json(); - if (!resp.ok || d.error) { - msgEl.textContent = d.error || 'Search failed.'; - msgEl.className = 'search-msg error'; msgEl.style.display = 'block'; - } else if (!d.title) { - msgEl.textContent = 'No results found.'; - msgEl.className = 'search-msg'; msgEl.style.display = 'block'; - } else { - sonarrSearchResult = d; - document.getElementById('sonarr-result-title').textContent = d.title; - document.getElementById('sonarr-result-meta').textContent = - (d.year || '') + (d.network ? ' · ' + d.network : '') + (d.status ? ' · ' + d.status : ''); - const addBtn = document.getElementById('sonarr-add-btn'); - if (d.exists) { - addBtn.textContent = '✓ In library'; addBtn.disabled = true; addBtn.className = 'btn-add done'; - } else { - addBtn.textContent = '+ Add'; addBtn.disabled = false; addBtn.className = 'btn-add'; - } - resultEl.classList.add('visible'); - } - } catch (e) { - msgEl.textContent = 'Search failed: ' + e.message; - msgEl.className = 'search-msg error'; msgEl.style.display = 'block'; - } - btn.disabled = false; btn.textContent = 'Search'; -} - -async function confirmAddSonarr() { - if (!sonarrSearchResult) return; - const addBtn = document.getElementById('sonarr-add-btn'); - addBtn.disabled = true; addBtn.textContent = 'Adding…'; - try { - const resp = await fetch(URL_BASE + '/add-to-sonarr', { - method: 'POST', headers: { 'Content-Type': 'application/json' }, - credentials: 'include', body: JSON.stringify({ title: sonarrSearchResult.title }) - }); - const d = await resp.json(); - if ((resp.ok && d.success) || resp.status === 409) { - addBtn.textContent = '✓ Added'; addBtn.className = 'btn-add done'; - } else { - addBtn.disabled = false; addBtn.textContent = '+ Add'; - alert('Failed: ' + (d.error || 'Unknown error')); - } - } catch (e) { addBtn.disabled = false; addBtn.textContent = '+ Add'; } -} - -/* ── Radarr search ── */ -async function searchRadarr() { - const input = document.getElementById('radarr-search-input'); - const btn = document.getElementById('radarr-search-btn'); - const resultEl = document.getElementById('radarr-search-result'); - const msgEl = document.getElementById('radarr-search-msg'); - const title = input.value.trim(); - if (!title) return; - - btn.disabled = true; btn.textContent = 'Searching…'; - resultEl.classList.remove('visible'); - msgEl.style.display = 'none'; - radarrSearchResult = null; - - try { - const resp = await fetch(URL_BASE + '/api/radarr/lookup?q=' + encodeURIComponent(title), { credentials: 'include' }); - if (resp.redirected || !resp.headers.get('content-type')?.includes('application/json')) { - msgEl.textContent = 'Session expired — please refresh the page.'; - msgEl.className = 'search-msg error'; msgEl.style.display = 'block'; - btn.disabled = false; btn.textContent = 'Search'; return; - } - const d = await resp.json(); - if (!resp.ok || d.error) { - msgEl.textContent = d.error || 'Search failed.'; - msgEl.className = 'search-msg error'; msgEl.style.display = 'block'; - } else if (!d.title) { - msgEl.textContent = 'No results found.'; - msgEl.className = 'search-msg'; msgEl.style.display = 'block'; - } else { - radarrSearchResult = d; - document.getElementById('radarr-result-title').textContent = d.title; - document.getElementById('radarr-result-meta').textContent = - (d.year || '') + (d.studio ? ' · ' + d.studio : '') + (d.runtime ? ' · ' + d.runtime + ' min' : ''); - const addBtn = document.getElementById('radarr-add-btn'); - if (d.exists) { - addBtn.textContent = '✓ In library'; addBtn.disabled = true; addBtn.className = 'btn-add done'; - } else { - addBtn.textContent = '+ Add'; addBtn.disabled = false; addBtn.className = 'btn-add'; - } - resultEl.classList.add('visible'); - } - } catch (e) { - msgEl.textContent = 'Search failed: ' + e.message; - msgEl.className = 'search-msg error'; msgEl.style.display = 'block'; - } - btn.disabled = false; btn.textContent = 'Search'; -} - -async function confirmAddRadarr() { - if (!radarrSearchResult) return; - const addBtn = document.getElementById('radarr-add-btn'); - addBtn.disabled = true; addBtn.textContent = 'Adding…'; - try { - const resp = await fetch(URL_BASE + '/add-to-radarr', { - method: 'POST', headers: { 'Content-Type': 'application/json' }, - credentials: 'include', body: JSON.stringify({ title: radarrSearchResult.title }) - }); - const d = await resp.json(); - if ((resp.ok && d.success) || resp.status === 409) { - addBtn.textContent = '✓ Added'; addBtn.className = 'btn-add done'; - } else { - addBtn.disabled = false; addBtn.textContent = '+ Add'; - alert('Failed: ' + (d.error || 'Unknown error')); - } - } catch (e) { addBtn.disabled = false; addBtn.textContent = '+ Add'; } -} diff --git a/static/js/service.js b/static/js/service.js new file mode 100644 index 0000000..d95f0b2 --- /dev/null +++ b/static/js/service.js @@ -0,0 +1,201 @@ +/* ═══════════════════════════════════════════════════════ + Page 100 — service behaviour. + + Three things: the header clock, the page-number jump (the + signature interaction), and the fastext colour keys. Plus + guarded live polling for the two figures that must be + current-second accurate. + + Every element lookup is guarded. Nine pages share this file + and none of them carry all of its targets. + ═══════════════════════════════════════════════════════ */ +(function () { + 'use strict'; + + var body = document.body; + var BASE = body.dataset.urlBase || ''; + var TZ = body.dataset.timezone || 'UTC'; + + /* ── Clock ──────────────────────────────────────────── + Teletext's header carried the transmission clock to the + second. It is the one thing on the page that is always + moving, and it is how you know the page is live. */ + var clockEl = document.getElementById('head-clock'); + function tick() { + if (!clockEl) return; + var now = new Date(); + var d = new Intl.DateTimeFormat('en-GB', { + timeZone: TZ, weekday: 'short', day: '2-digit', month: 'short' + }).format(now); + var t = new Intl.DateTimeFormat('en-GB', { + timeZone: TZ, hour: '2-digit', minute: '2-digit', + second: '2-digit', hour12: false + }).format(now); + clockEl.textContent = d.toUpperCase() + ' ' + t; + } + tick(); + setInterval(tick, 1000); + + /* ── Page-number jump ───────────────────────────────── + Type three digits anywhere and the service goes to that + page, exactly as a teletext remote did. The digits fill in + the header as you type them, so the interaction shows its + own state instead of happening invisibly. */ + var pages = {}; + try { + (JSON.parse(body.dataset.pages || '[]')).forEach(function (p) { + pages[p[1]] = p[3]; // "100" -> "/" + }); + } catch (e) { /* no nav data: the jump simply does nothing */ } + + var entryEl = document.getElementById('page-entry'); + var buf = ''; + var clearTimer = null; + + function paintEntry() { + if (!entryEl) return; + if (!buf) { entryEl.hidden = true; entryEl.textContent = ''; return; } + entryEl.hidden = false; + entryEl.textContent = 'P' + buf + '_'.repeat(3 - buf.length); + } + function resetEntry() { + buf = ''; + paintEntry(); + } + function typing(e) { + var t = e.target; + return t && (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || + t.tagName === 'SELECT' || t.isContentEditable); + } + + document.addEventListener('keydown', function (e) { + if (typing(e) || e.metaKey || e.ctrlKey || e.altKey) return; + + if (e.key === 'Escape') { resetEntry(); return; } + + if (e.key >= '0' && e.key <= '9') { + buf += e.key; + paintEntry(); + clearTimeout(clearTimer); + if (buf.length === 3) { + var dest = pages[buf]; + if (dest) { window.location.href = BASE + dest; } + else { + // No such page. Teletext just sat on the number and waited. + if (entryEl) entryEl.textContent = 'P' + buf + ' ?'; + clearTimer = setTimeout(resetEntry, 1200); + } + buf = ''; + return; + } + // A half-typed number times out rather than lingering. + clearTimer = setTimeout(resetEntry, 2000); + return; + } + + /* Fastext keys: r / g / y / c, the coloured buttons. */ + var k = e.key.toLowerCase(); + if ('rgyc'.indexOf(k) !== -1) { + var link = document.querySelector('.fastext a[data-key="' + k + '"]'); + if (link) { window.location.href = link.href; } + } + }); + + /* ── Two-tap add ────────────────────────────────────── + Adding to the library is destructive enough to want a + confirming second press. The button states its own stage + rather than opening a dialog. */ + var armed = null; + function disarm() { + if (!armed) return; + armed.classList.remove('armed'); + armed.textContent = armed.dataset.label || '+ ADD'; + armed = null; + } + window.armAdd = function (btn) { + if (btn.disabled) return; + if (armed && armed !== btn) disarm(); + + if (armed === btn) { + var title = btn.dataset.title; + var target = btn.dataset.target; + btn.disabled = true; + btn.classList.remove('armed'); + btn.textContent = 'SENDING'; + fetch(BASE + '/add-to-' + target, { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ title: title }) + }) + .then(function (r) { return r.json(); }) + .then(function (d) { + if (d && d.ok) { + btn.classList.add('done'); + btn.textContent = 'ADDED'; + } else { + btn.classList.add('armed'); + btn.disabled = false; + btn.textContent = 'FAILED'; + } + }) + .catch(function () { + btn.disabled = false; + btn.classList.add('armed'); + btn.textContent = 'FAILED'; + }); + armed = null; + return; + } + + btn.dataset.label = btn.textContent.trim(); + btn.classList.add('armed'); + btn.textContent = 'CONFIRM?'; + armed = btn; + }; + document.addEventListener('click', function (e) { + if (armed && !armed.contains(e.target)) disarm(); + }); + + /* ── Live figures ───────────────────────────────────── + The queue and the active streams are the only two numbers + that must be accurate to the second, so they are the only + two that poll. Everything else is cached server-side and + arrives with the page. */ + function setText(id, value) { + var el = document.getElementById(id); + if (el) el.textContent = value; + } + + function pollSab() { + if (!document.getElementById('sab-queue')) return; + fetch(BASE + '/api/sabnzbd') + .then(function (r) { return r.json(); }) + .then(function (d) { + if (!d || d.status !== 'ok') return; + setText('sab-queue', d.queue_count); + setText('sab-speed', d.speed || '0'); + setText('sab-remaining', d.sizeleft || '—'); + }) + .catch(function () { /* offline is the dev baseline, not an error */ }); + } + + function pollTautulli() { + if (!document.getElementById('tt-streams')) return; + fetch(BASE + '/api/tautulli') + .then(function (r) { return r.json(); }) + .then(function (d) { + if (!d || d.status !== 'ok') return; + setText('tt-streams', d.active_streams); + }) + .catch(function () { /* as above */ }); + } + + if (document.getElementById('sab-queue')) { + pollSab(); + setInterval(pollSab, 5000); + } + if (document.getElementById('tt-streams')) { + pollTautulli(); + setInterval(pollTautulli, 15000); + } +})(); diff --git a/templates/_macros.html b/templates/_macros.html new file mode 100644 index 0000000..4461b27 --- /dev/null +++ b/templates/_macros.html @@ -0,0 +1,109 @@ +{#- ═══════════════════════════════════════════════════════ + Shared fragments, in the service's own vocabulary. + + Every one of these obeys the two disciplines that get broken + by reflex: nothing is enclosed in a border or a box, and every + bar is drawn at the one shared width so any two percentages in + the service compare directly. + ═══════════════════════════════════════════════════════ -#} + +{#- A degraded service. Teletext's failure was a page that did not + arrive, said in red where the content should have been — not a + panel with an icon and a left border. -#} +{% macro service_error(name, raw) %} +
+
+{% endmacro %}
+
+
+{#- THE ONE RULER. Every bar in the service is drawn here and
+ nowhere else, at --bar-cells wide, filled in whole cells. Pass a
+ percentage; the macro rounds it to cells so a bar never ends
+ mid-character. `tone` picks the colour by threshold. -#}
+{% macro bar(pct, tone='') %}
+ {%- set p = [[pct | float(0), 0] | max, 100] | min -%}
+ {%- set cells = 20 -%}
+ {%- set filled = ((p / 100) * cells) | round(0, 'common') | int -%}
+ {%- set cls = tone if tone else ('alert' if p >= 90 else ('warn' if p >= 75 else 'ok')) -%}
+
+{% endmacro %}
+
+
+{#- Direction of travel. Only ever called where the backend really
+ carries a comparison — never to decorate a number that has no
+ history behind it. -#}
+{% macro trend(now, reference, unit='') %}
+ {%- if now is not none and reference is not none and reference > 0 -%}
+ {%- set delta = ((now - reference) / reference) * 100 -%}
+ {%- if delta > 12 -%}
+ ▲
+ {%- elif delta < -12 -%}
+ ▼
+ {%- else -%}
+ ▬
+ {%- endif -%}
+ {%- endif -%}
+{% endmacro %}
+
+
+{#- Disk temperature / spin state. A spun-down disk reports no usable
+ temperature, so Standby replaces the reading rather than showing a
+ stale or zero degree value. Colour carries the state; there is no
+ badge shape to put it in. -#}
+{% macro disk_state(dk) %}
+ {%- if dk.spinning == false -%}
+ STANDBY
+ {%- elif dk.temp is not none -%}
+ {{ dk.temp }}°C
+ {%- else -%}
+ —
+ {%- endif -%}
+{% endmacro %}
+
+
+{#- A title tile. Artwork is the only thing in this world not made of
+ characters, so it sits as a flat rectangle on the grid with its
+ label below — no frame, no rounding, no shadow. -#}
+{% macro tile(title, sub, poster, badge='', action='', target='') %}
+ {{ raw | friendly_error(name) }}
+ {% if raw %}
+
+
+ {% endif %}
+ Technical detail
+{{ raw | redact_secrets }}
+
+ {% if poster %}
+ 
+ {% else %}
+
+ {% endif %}
+ {{ title }}
+ {% if sub or badge %}
+
+ {%- if badge %}{{ badge }}{% endif %}
+ {%- if badge and sub %} {% endif %}{{ sub }}
+ {% endif %}
+ {% if action %}
+
+
+
+ {% endif %}
+
+{% endmacro %}
+
+
+{#- A list row: number, name, body, value. The index rows and every
+ listing in the service share this one shape. -#}
+{% macro row(name, title, sub='', value='', tone='') %}
+
+ {% if name %}{{ name }}{% endif %}
+
+ {{ title }}
+ {% if sub %}{{ sub }}{% endif %}
+
+ {% if value %}{{ value }}{% endif %}
+
+{% endmacro %}
diff --git a/templates/_shell.html b/templates/_shell.html
new file mode 100644
index 0000000..0777d8f
--- /dev/null
+++ b/templates/_shell.html
@@ -0,0 +1,69 @@
+{%- set here = (nav_items | selectattr('0', 'equalto', page) | list | first) or ('home', '100', 'Index', '/') -%}
+
+
+
+
+
+ ACTIVITY
+Everything the stack has done lately, newest first.
+ + {% if events %} +Log
+
+ {% for e in events %}
+
+ {% else %}
+
+ {#- The event kind is the row's colour: grabbed is a completed
+ transfer, requested wants a human, added is new stock. -#}
+ {{ e.label }}
+
+ {{ e.title }}
+ {% if e.detail %}{{ e.detail }}{% endif %}
+
+ {{ e.when | default('') }}
+
+ {% endfor %}
+ Nothing on record. Either the stack has been quiet or its sources are unreachable.
+ {% endif %} +{% endblock %} diff --git a/templates/dashboard.html b/templates/dashboard.html deleted file mode 100644 index 4e2caf8..0000000 --- a/templates/dashboard.html +++ /dev/null @@ -1,618 +0,0 @@ - - - - - -
-
-{% endmacro %}
-
-{#- Disk temperature / spin state, as one badge. A spun-down disk reports no
- usable temperature, so Standby replaces the reading rather than showing
- a stale or zero degree value. -#}
-{% macro disk_state(dk) %}
- {%- if dk.spinning == false -%}
- Standby
- {%- elif dk.temp is not none -%}
- {{ dk.temp }}°C
- {%- else -%}
- —
- {%- endif -%}
-{% endmacro %}
-
-{#- One service status pill in the Status strip. `short` is swapped in for
- `label` on phones, where six full names can't share one row without
- ellipsising down to two characters — see the .svc-name rules. The full
- name stays in the DOM for screen readers either way. -#}
-{% macro svc_pill(key, label, short, url, up, stat) %}
-
-
- {{ label }}
- {{ stat }}
-
-{% endmacro %}
-
-
- {{ raw | friendly_error(name) }}
- {% if raw %}
-
-
- {% endif %}
- Technical details
-{{ raw | redact_secrets }}
-
-
-
-
- Media Centre
-
-
- —
-
-
-
- Status
- {# Every service stays visible at every width — these wrap onto more - rows rather than scrolling or truncating. A hidden pill is a service - whose status you can't see. #} - -Right now
- {# Two cards here, not three. Storage carries a per-disk table that no - third-of-a-page column can hold without towering over these two and - hollowing them out — it gets its own full-width row below. #} -
-
-
-
-
- {# Storage spans the page so its per-disk table has room to be a table.
- Ten disks down a narrow column is a tower; across the full width it
- is ten short rows. #}
-
-
-
-
-
-
- Now playing
- -
- {% if tautulli.status == 'ok' %}
-
-
- {% if tautulli.sessions %}
- {% for s in tautulli.sessions %}
-
- {% else %}
- {{ service_error("Tautulli", tautulli.error) }}
- {% endif %}
-
-
-
-
- {{ s.title }}
- {{ s.user }}
-
-
- {% endfor %}
- {% else %}
- Nothing streaming right now.
- {% endif %} -
-
-
-
-
- Downloads
- {% if sabnzbd.status == 'ok' %} - {% set st = sabnzbd.sab_status | lower %} - - {% endif %} -
- {% if sabnzbd.status == 'ok' %}
-
-
-
- {{ sabnzbd.speed }}
-
- {{ sabnzbd.queue_count }} queued ·
- {{ sabnzbd.sizeleft }} left
-
-
- -
-
- Avg speed (7d)
- {{ sabnzbd.avg_speed }}
- Grabbed (7d)
- {{ sabnzbd.completed_7d }}
- Volume (7d)
- {{ sabnzbd.week_size }}
-
-
-
-
-
- Storage
- {% if unraid.status == 'ok' %} - - {% endif %} -
- {% if unraid.status == 'ok' %}
-
- {% if unraid.disks or unraid.caches %}
- {# Array total leads, then the disks that make it up. #}
- {% set pct = unraid.array_used_pct %}
-
-
-
-
-
-
-
-
-
-
- {% else %}
- {# Fallback: container-visible disk usage, no per-disk detail. #}
- {% set pct = unraid.array_used_pct %}
- | Disk | -Used | -Size | -Free | -Usage | -Temp | -
|---|---|---|---|---|---|
| {{ dk.name }} | -{{ dk.used }} | -{{ dk.total }} | -{{ dk.free }} | -
-
-
-
-
-
- {{ dpct }}%
- |
- {{ disk_state(dk) }} | -
- {{ pct }}%
-
- {{ unraid.array_free }} free of {{ unraid.array_total }}
-
-
-
- {{ unraid.array_used }} used
- {% if unraid.source == "local" %}
- Container disk usage ({{ unraid.mount }}). Set UNRAID_API_KEY for full array stats.
Library
-
-
-
-
-
-
-
-
-
-
- TV — Sonarr
-
-
-
-
-
-
- {% if sonarr.status == 'ok' %}
-
-
-
-
-
- -
-
- Series
- {{ sonarr.total_series }}
- Missing episodes
- {{ sonarr.missing_episodes }}
-
-
-
-
- Movies — Radarr
-
-
-
-
-
-
- {% if radarr.status == 'ok' %}
-
-
-
-
-
- -
-
- Movies
- {{ radarr.total_movies }}
- Missing
- {{ radarr.missing_movies }}
Discover — not in your library yet
-
-
-
-
-
-
-
-
-
- Popular TV on Rotten Tomatoes
- {% if rt_tv and rt_tv[0] is defined and rt_tv[0].error is defined %}
-
- Couldn't load TV recommendations.
- {% elif rt_tv %} -
- {% for show in rt_tv %}
-
- {% if rt_tv | length > 5 %}
-
- {% endif %}
- {% else %}
-
- {{ loop.index }}
- {% if show.poster %}
- {% else %}{% endif %}
-
- {% endfor %}
-
-
-
- {{ show.title }}{% if show.year %} ({{ show.year }}){% endif %}
-
- {{ show.description[:180] ~ '…' if show.description and show.description|length > 180 else (show.description or '') }}
-No TV recommendations available.
- {% endif %} -
-
-
-
- Top box office on Rotten Tomatoes
- {% if rt_movies and rt_movies[0] is defined and rt_movies[0].error is defined %}
-
- Couldn't load movie recommendations.
- {% elif rt_movies %} -
- {% for movie in rt_movies %}
-
- {% if rt_movies | length > 5 %}
-
- {% endif %}
- {% else %}
-
- {{ loop.index }}
- {% if movie.poster %}
- {% else %}{% endif %}
-
- {% endfor %}
-
-
-
- {{ movie.title }}{% if movie.year %} ({{ movie.year }}){% endif %}
-
- {{ movie.description[:180] ~ '…' if movie.description and movie.description|length > 180 else (movie.description or '') }}
-No movie recommendations available.
- {% endif %} -Requests & indexers
-
-
-
-
-
-
-
-
-
-
- Requests — Ombi
- {% if ombi.status == 'ok' %} - - {% endif %} -
- {% if ombi.status == 'ok' %}
- {% if ombi.recent %}
-
-
- {% for req in ombi.recent %}
- {# Same anatomy as an indexer row: status dot, name over a
- dimmed detail line, status badge on the right. #}
- {% set st = req.status | lower %}
-
- {% if ombi.recent | length > 5 %}
-
- {% endif %}
- {% else %}
-
-
-
- {% endfor %}
-
-
- {{ req.status }}
- {{ req.title }}
- {{ req.type }} · {{ req.user }} · {{ req.date_display }}
- No recent requests.
- {% endif %} - {% else %} - {{ service_error("Ombi", ombi.error) }} - {% endif %} -
-
-
-
-
- Indexers — Prowlarr
- {% if prowlarr.status == 'ok' %} - - {% endif %} -
- {% if prowlarr.status == 'ok' %}
- {# Bars are scaled against the busiest indexer, not against 100%,
- so a spread of single-digit shares is still readable. The label
- beside each bar stays the true percentage. #}
- {% set top_share = prowlarr.indexers[0].share if prowlarr.indexers else 0 %}
-
-
- {% for idx in prowlarr.indexers %}
- {% set share = idx.share %}
-
- {% else %}
- {{ service_error("Prowlarr", prowlarr.error) }}
- {% endif %}
-
-
-
- {% endfor %}
-
-
- {% if prowlarr.has_stats %}
-
- {% endif %}
- {{ 'Online' if idx.up else 'Offline' }}
- {{ idx.name }}
-
- {{ idx.protocol }}{% if prowlarr.has_stats %} · {{ '{:,}'.format(idx.grabs) }} grabs · {{ '{:,}'.format(idx.queries) }} queries{% endif %}
-
- {% if prowlarr.has_stats %}
-
- {% endif %}
- Watch insights — last 30 days
-
-
-
-
- {% if tautulli.top_tv_list or tautulli.top_movie_list %}
-
-
-
-
- Most played
- {% if tautulli.top_played %}
-
-
- {% for item in tautulli.top_played %}
-
- {% else %}
-
- {{ loop.index }}
-
- {% endfor %}
-
-
- {% set mt = item.media_type | lower %}
- {{ 'TV' if mt == 'episode' else ('Movie' if mt == 'movie' else mt or '?') }}
- {{ item.plays }}×
- {{ item.title }}
- {{ item.user }}
- No play history yet.
- {% endif %} -
-
-
-
- Top viewers
- {% if tautulli.top_users %}
-
-
- {% for u in tautulli.top_users %}
-
- {% else %}
-
- {{ loop.index }}
-
- {% endfor %}
-
-
- {{ u.plays }} plays
- {{ u.username }}
- No viewer data yet.
- {% endif %} -
-
- {% endif %}
-
-
-
- Top TV
- {% if tautulli.top_tv_list %}
-
-
- {% for item in tautulli.top_tv_list %}
-
- {% else %}
- {{ loop.index }}
-
- {{ item.plays }} plays
-
- {% endfor %}
- {{ item.title }}
No data yet.
{% endif %} -
-
-
- Top movies
- {% if tautulli.top_movie_list %}
-
-
- {% for item in tautulli.top_movie_list %}
-
- {% else %}
- {{ loop.index }}
-
- {{ item.plays }} plays
-
- {% endfor %}
- {{ item.title }}
No data yet.
{% endif %} -DISCOVER
+Popular right now, with anything already held filtered out.
+ +
+ Films
+
+
+ {% if rt_movies %}
+
+ {% for m in rt_movies %}
+ {{ tile(m.title, m.year, m.poster, m.score, '+ Add', 'radarr') }}
+ {% endfor %}
+
+ {% else %}
+ Nothing to suggest — the feed is unreachable or you already hold it all.
+ {% endif %} + +
+ Television
+
+
+ {% if rt_tv %}
+
+ {% for s in rt_tv %}
+ {{ tile(s.title, s.year, s.poster, s.score, '+ Add', 'sonarr') }}
+ {% endfor %}
+
+ {% else %}
+ Nothing to suggest — the feed is unreachable or you already hold it all.
+ {% endif %} +{% endblock %} diff --git a/templates/home.html b/templates/home.html new file mode 100644 index 0000000..d71e836 --- /dev/null +++ b/templates/home.html @@ -0,0 +1,144 @@ +{% extends "_shell.html" %} +{% from "_macros.html" import service_error, bar, tile %} +{% block title %}P100 Media Centre{% endblock %} + +{% block content %} + {#- The masthead. Double height, the service's own colour, and the one + place on the page bloom is allowed. -#} +MEDIA CENTRE
+ + {#- ── The index IS the status page ────────────────────────────── + Every destination row carries its own live figure in its own + colour, so choosing where to go and reading how things are are + the same act. This is the whole thesis in one block. -#} +
+
+ 101
+ Watch
+ Who is streaming right now
+ {% if tautulli.status == 'ok' %}
+
+ {{ tautulli.active_streams }} STREAMING
+ {% else %}
+ OFF AIR
+ {% endif %}
+
+
+
+ 102
+ Library
+ Everything already held
+ {% if sonarr.status == 'ok' or radarr.status == 'ok' %}
+ {{ sonarr.total_series | default(0) }} SHOWS {{ radarr.total_movies | default(0) }} FILMS
+ {% else %}
+ OFF AIR
+ {% endif %}
+
+
+
+ 103
+ Discover
+ Popular, and not yet held
+ {{ (rt_movies | length) + (rt_tv | length) }} SUGGESTED
+
+
+
+ 104
+ Requests
+ Waiting on a decision
+ {% if ombi.status == 'ok' %}
+ {{ ombi.total_pending | default(0) }} PENDING
+ {% else %}
+ OFF AIR
+ {% endif %}
+
+
+
+ 105
+ System
+ Array, disks and indexers
+ {% if unraid.status == 'ok' %}
+ {%- set pct = unraid.array_used_pct | default(0) | float -%}
+ {{ pct | round | int }}% FULL
+ {% else %}
+ OFF AIR
+ {% endif %}
+
+
+
+ 106
+ Activity
+ What the stack has been doing
+ {% if sabnzbd.status == 'ok' %}
+ {{ sabnzbd.queue_count }} IN QUEUE
+ {% else %}
+ OFF AIR
+ {% endif %}
+
+
+
+ 900
+ Settings
+ Keys, timezone and password
+
+
+
+
+
+ {#- ── Now showing ───────────────────────────────────────────────
+ The lower two-thirds. The furthest-along stream is set at double
+ height in the live colour, with its progress as whole mosaic
+ cells on the service's one ruler. -#}
+
+ Now Showing
+ {% if tautulli.status == 'ok' %}
+
+ {% endif %}
+
+
+ {% if tautulli.status != 'ok' %}
+ {{ service_error('Tautulli', tautulli.error) }}
+ {% elif hero %}
+
+
+
+ {% if other_sessions %}
+ {{ hero.title }}
+
+
+ {{ bar(hero.progress | default(0), 'ok') }}
+ {{ hero.progress | default(0) | round | int }}%
+ {% if hero.remaining %}{{ hero.remaining }} LEFT{% endif %}
+
+
+ {% for s in other_sessions %}
+
+ {% endif %}
+ {% else %}
+
+
+ {{ s.title }}
+ {{ s.user or s.username }}{% if s.player %} · {{ s.player }}{% endif %}
+
+ {{ bar(s.progress | default(0), 'ok') }}
+ {{ s.progress | default(0) | round | int }}%
+
+ {% endfor %}
+ Nothing streaming. The service is quiet.
+ {% endif %} + + {#- ── Just added ──────────────────────────────────────────────── -#} + {% if recently_added %} +Just Added
+
+ {% for it in recently_added %}
+ {{ tile(it.title, it.sub, it.poster, it.ago) }}
+ {% endfor %}
+
+ {% endif %}
+{% endblock %}
diff --git a/templates/library.html b/templates/library.html
new file mode 100644
index 0000000..9da165c
--- /dev/null
+++ b/templates/library.html
@@ -0,0 +1,66 @@
+{% extends "_shell.html" %}
+{% from "_macros.html" import service_error, tile %}
+{% block title %}P102 Library{% endblock %}
+
+{% block content %}
+ LIBRARY
+ + {#- Search sits at the top because arriving here with a title in mind is + the common case. It posts to the same lookup the old page used. -#} + + +
+ Holdings
+
+
+
+
+ {% if sonarr.status == 'ok' %}
+
+
+ {% if sonarr.status != 'ok' %}
+
+
+ {{ sonarr.total_series }}
+ Shows
+
+
+ {% endif %}
+ {% if radarr.status == 'ok' %}
+ {{ sonarr.missing_episodes }}
+ Missing eps
+
+
+ {{ radarr.total_movies }}
+ Films
+
+
+ {% endif %}
+ {{ radarr.missing_movies }}
+ Missing films
+ Sonarr
+ {{ service_error('Sonarr', sonarr.error) }}
+ {% endif %}
+ {% if radarr.status != 'ok' %}
+ Radarr
+ {{ service_error('Radarr', radarr.error) }}
+ {% endif %}
+
+ {% if recently_added %}
+ Newest In
+
+ {% for it in recently_added %}
+ {{ tile(it.title, it.sub, it.poster, it.ago) }}
+ {% endfor %}
+
+ {% endif %}
+{% endblock %}
diff --git a/templates/login.html b/templates/login.html
index 63308c9..d99862a 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -3,50 +3,59 @@
-
+ {#- The service's start-up page: the header row it always carries, the
+ masthead, and the one thing it wants before it will transmit. -#}
+
+ P000
+ Sign In
+
-
+
-
+
diff --git a/templates/requests.html b/templates/requests.html
new file mode 100644
index 0000000..5527db5
--- /dev/null
+++ b/templates/requests.html
@@ -0,0 +1,49 @@
+{% extends "_shell.html" %}
+{% from "_macros.html" import service_error %}
+{% block title %}P104 Requests{% endblock %}
+
+{% block content %}
+
-
-
+ Media Centre
-MEDIA CENTRE
-
- {% if error %}
-
+ {% endif %}
+
+
+ {{ error }}
- {% endif %}
+ Access
- REQUESTS
+ + {% if ombi.status != 'ok' %} +Ombi
+ {{ service_error('Ombi', ombi.error) }}
+ {% else %}
+ {#- Pending requests are the only thing here that wants a human, so a
+ page holding any is set heavier than one holding none (discipline 5). -#}
+
+ Awaiting A Decision
+
+
+
+
+
+
+ {% if ombi.recent %}
+
+
+ {{ ombi.total_pending }}
+ Pending
+
+
+ {{ ombi.total_requests }}
+ All time
+ Latest
+
+ {% for r in ombi.recent %}
+
+ {% else %}
+
+ {{ (r.type or '') | upper }}
+
+ {{ r.title }}
+ {{ r.user }}{% if r.requested_date %} · {{ r.requested_date[:10] }}{% endif %}
+
+ {%- set st = (r.status or '') | lower -%}
+ {{ (r.status or '—') | upper }}
+
+ {% endfor %}
+ No requests on record.
+ {% endif %} + {% endif %} +{% endblock %} diff --git a/templates/settings.html b/templates/settings.html index 502eee0..3de72a5 100644 --- a/templates/settings.html +++ b/templates/settings.html @@ -1,107 +1,80 @@ - - - - - -Settings
- ← Dashboard -
-
-
-
-
-
-
-
- General
-
-
-
-
-
-
-
-
-
-
- LAN address of the machine running Sonarr, Radarr, and the rest.
-
-
-
-
-
- {% for svc, label in [
- ('sonarr','Sonarr'), ('radarr','Radarr'), ('sabnzbd','SABnzbd'),
- ('tautulli','Tautulli'), ('prowlarr','Prowlarr'), ('ombi','Ombi')
- ] %}
- Change password
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {% endfor %}
+{% block content %}
+ {{ label }}
-
-
-
-
-
-
- SETTINGS
+Keys saved here override the values in .env. Both need a container restart to take effect.
General
+
+
-
+ {#- ── Password ───────────────────────────────────────────────── -#}
+
+
+
-
+
+
+
+
+
+ LAN address of the machine running Sonarr, Radarr and the rest.
+Change Password
+
+
+ {#- ── Keys ───────────────────────────────────────────────────── -#}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Service Keys
+
+ {% for svc, label in [
+ ('sonarr','Sonarr'), ('radarr','Radarr'), ('sabnzbd','SABnzbd'),
+ ('tautulli','Tautulli'), ('prowlarr','Prowlarr'), ('ombi','Ombi')
+ ] %}
+
+
+
+{% endblock %}
+
+{% block js %}
-
-
-
+{% endblock %}
diff --git a/templates/system.html b/templates/system.html
new file mode 100644
index 0000000..e28e7e9
--- /dev/null
+++ b/templates/system.html
@@ -0,0 +1,151 @@
+{% extends "_shell.html" %}
+{% from "_macros.html" import service_error, bar, disk_state, trend %}
+{% block title %}P105 System{% endblock %}
+
+{% block content %}
+
+
+ {% endfor %}
+
+
+
+
+
+ SYSTEM
+ + {#- ── 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. -#} +Transmission
+
+ {% for name, svc in [('Sonarr', sonarr), ('Radarr', radarr), ('SABnzbd', sabnzbd),
+ ('Tautulli', tautulli), ('Prowlarr', prowlarr), ('Ombi', ombi)] %}
+
+
+ {#- ── Array ───────────────────────────────────────────────────── -#}
+ {% if unraid.status != 'ok' %}
+
+ {{ name }}
+
+
+ {{- 'ON AIR' if svc.status == 'ok' else 'OFF AIR' -}}
+
+
+ {% endfor %}
+ Array
+ {{ service_error('Unraid', unraid.error) }}
+ {% else %}
+ {%- set apct = unraid.array_used_pct | default(0) | float -%}
+
+ Array
+
+
+
+
+
+
+ {% if unraid.disks %}
+
+
+ {{ apct | round | int }}%
+ Used
+
+
+ {{ unraid.array_free | default('—') }}
+ Free
+
+
+ {{ unraid.array_total | default('—') }}
+ Total
+
+
+ {{ unraid.disk_count | default(0) }}
+ Disks
+
+
+
+
+
+ {% 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' %}
+ | Disk | +Device | +Size | +Free | +Usage | +Temp | +
|---|---|---|---|---|---|
| {{ dk.name }} | +{{ dk.device | default('—') }} | +{{ dk.total | default('—') }} | +{{ dk.free | default('—') }} | +{{ bar(dk.used_pct | default(0)) }} {{ dk.used_pct | default(0) | round | int }}% | +{{ disk_state(dk) }} | +
| {{ ck.name }} | +{{ ck.device | default('—') }} | +{{ ck.total | default('—') }} | +{{ ck.free | default('—') }} | +{{ bar(ck.used_pct | default(0)) }} {{ ck.used_pct | default(0) | round | int }}% | +{{ disk_state(ck) }} | +
Downloads
+
+
+ {% else %}
+
+
+ {{ sabnzbd.queue_count }}
+ In queue
+
+
+ {{ sabnzbd.speed | default('0') }} {{ trend(sabnzbd.speed_kbps, sabnzbd.avg_speed) }}
+ Speed vs 7-day avg
+
+
+ {{ sabnzbd.sizeleft | default('—') }}
+ Remaining
+
+
+ {{ sabnzbd.week_size | default('—') }}
+ This week
+ Downloads
+ {{ service_error('SABnzbd', sabnzbd.error) }}
+ {% endif %}
+
+ {#- ── Indexers ────────────────────────────────────────────────── -#}
+ {% if prowlarr.status == 'ok' %}
+
+ Indexers
+
+
+
+ {% for idx in prowlarr.indexers %}
+
+ {% else %}
+
+ {{ idx.protocol | default('') }}
+
+ {{ idx.name }}
+ {% if prowlarr.has_stats %}{{ idx.grabs | default(0) }} grabs · {{ idx.queries | default(0) }} queries{% endif %}
+
+ {% if prowlarr.has_stats %}{{ bar(idx.grab_share | default(0), 'ok' if idx.up else 'alert') }}{% endif %}
+ {{ 'UP' if idx.up else 'DOWN' }}
+
+ {% endfor %}
+ Indexers
+ {{ service_error('Prowlarr', prowlarr.error) }}
+ {% endif %}
+{% endblock %}
diff --git a/templates/watch.html b/templates/watch.html
new file mode 100644
index 0000000..3d0b63c
--- /dev/null
+++ b/templates/watch.html
@@ -0,0 +1,79 @@
+{% extends "_shell.html" %}
+{% from "_macros.html" import service_error, bar %}
+{% block title %}P101 Watch{% endblock %}
+
+{% block content %}
+ WATCH
+ + {% if tautulli.status != 'ok' %} +Tautulli
+ {{ service_error('Tautulli', tautulli.error) }}
+ {% else %}
+ {%- set sessions = tautulli.sessions or [] -%}
+
+
+ Streaming Now
+
+
+
+ {% if sessions %}
+
+ {% for s in sessions %}
+
+ {% else %}
+
+ {{ (s.media_type or 'play') | upper }}
+
+ {{ s.title }}
+
+ {{ s.user or s.username }}
+ {%- if s.player %} · {{ s.player }}{% endif %}
+ {%- if s.quality %} · {{ s.quality }}{% endif %}
+ {%- if s.decision %} · {{ s.decision | upper }}{% endif %}
+ {%- if s.ends_at %} · ENDS {{ s.ends_at }}{% endif %}
+
+
+ {{ bar(s.progress | default(0), 'ok') }}
+ {{ s.progress | default(0) | round | int }}%
+
+ {% endfor %}
+ Nothing streaming. The service is quiet.
+ {% endif %} + +Most Played
+
+ {% for t in (tautulli.top_tv_list or [])[:5] %}
+
+
+ {% if tautulli.top_users %}
+
+ {{ loop.index }}
+ TV
+ {{ t.title }}
+ {{ t.plays }} PLAYS
+
+ {% endfor %}
+ {% for t in (tautulli.top_movie_list or [])[:5] %}
+
+ {{ loop.index }}
+ Film
+ {{ t.title }}
+ {{ t.plays }} PLAYS
+
+ {% endfor %}
+ {% if not tautulli.top_tv_list and not tautulli.top_movie_list %}
+ No play history yet.
+ {% endif %} +Who Is Watching
+
+ {% for u in tautulli.top_users[:5] %}
+
+ {% endif %}
+ {% endif %}
+{% endblock %}
+ {{ loop.index }}
+ {{ u.username or u.user }}
+ {{ u.plays }} PLAYS
+
+ {% endfor %}
+