From 9b36d421eed712c799ee91eb4a2c655828802554 Mon Sep 17 00:00:00 2001 From: Broque Thomas <26755000+Nezreka@users.noreply.github.com> Date: Wed, 20 May 2026 16:07:35 -0700 Subject: [PATCH] ui(settings): collapsible sections + Lidarr-style polish for Indexers tab MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Restructure the Indexers & Downloaders tab to mirror the Paths & Organization / Post-Processing / Library Preferences pattern on the Library page — each subsystem (Indexers / Torrent Client / Usenet Client) gets its own collapsible section header with a status dot, hint, and animated arrow. Visual cues borrowed from Lidarr but rendered in SoulSync's existing dark-glass theme: - Intro hero card at the top of the tab with a 1-2-3 flow: Indexers find releases → Downloader fetches → SoulSync imports. Accent-color stepper pills + sub-copy summarising what's optional vs required. - Status dot in each section header — grey 'unknown' before testing, green after Test Connection succeeds, red on failure. Driven by _setIndStatusDot() helper called from each test handler. Soft glow on the active states. - Per-service service-title color accents matching existing spotify-title / tidal-title pattern: prowlarr-title (orange, Prowlarr brand), torrent-title (sky blue, qBit family), usenet-title (violet). - Indexer list cards replace the inline-emoji list — proper protocol badges (Torrent vs Usenet pill), monospace id chip, privacy tag, dimmed appearance when the indexer is disabled in Prowlarr. - Indexers section starts open; Torrent + Usenet start collapsed since most users only configure one protocol. No behavior changes — same fields, same endpoints, same save flow. Pure visual restructure of the panels added in the previous three commits. --- webui/index.html | 330 ++++++++++++++++++++++----------------- webui/static/helper.js | 1 + webui/static/settings.js | 39 ++++- webui/static/style.css | 172 ++++++++++++++++++++ 4 files changed, 396 insertions(+), 146 deletions(-) diff --git a/webui/index.html b/webui/index.html index b72cb450..f6b0cb1b 100644 --- a/webui/index.html +++ b/webui/index.html @@ -4947,160 +4947,206 @@ -
-

🔎 Prowlarr (Indexer Aggregator)

-
- Prowlarr manages your Usenet and torrent indexers and exposes them through one API. SoulSync uses Prowlarr to search across every indexer at once for the Torrent and Usenet download sources. -

- Don't have it? Grab Prowlarr from prowlarr.com (or your *arr stack). You point Prowlarr at your indexers, then point SoulSync at Prowlarr. + +
+
Indexers & Downloaders
+
+ 1 Indexers find releases + → + 2 Downloader fetches them + → + 3 SoulSync imports to library
-
- - -
- Full URL to your Prowlarr instance (e.g. http://192.168.1.100:9696). -
+
+ Configure your Prowlarr instance to feed search results, and pick a torrent client and/or usenet client to handle the actual downloads. You only need to set up the protocols you actually use.
-
- - -
- Found in Prowlarr → Settings → General → Security → API Key. -
-
-
- -
- - - -
-
-
- -
- Connect to Prowlarr and click Refresh Indexer List to see the indexers SoulSync can search. -
-
-
- - -
- Comma-separated Prowlarr indexer IDs. Leave blank to search every enabled indexer. Restrict when you have a private tracker you want to prioritise or a noisy public one to exclude. +
+ + +
+ ▼ +

🔎 Indexers

+ Prowlarr — search aggregator + +
+
+
+
+

⬢ Prowlarr

+
+ Prowlarr manages your Usenet and torrent indexers and exposes them through one API. SoulSync uses Prowlarr to search across every indexer at once for the Torrent and Usenet download sources. +

+ Don't have it? Grab Prowlarr from prowlarr.com (or your *arr stack). You point Prowlarr at your indexers, then point SoulSync at Prowlarr. +
+
+ + +
+ Full URL to your Prowlarr instance (e.g. http://192.168.1.100:9696). +
+
+
+ + +
+ Found in Prowlarr → Settings → General → Security → API Key. +
+
+
+ + +
+ Comma-separated Prowlarr indexer IDs. Leave blank to search every enabled indexer. Restrict when you have a private tracker you want to prioritise or a noisy public one to exclude. +
+
+
+ +
+ + + +
+
+
+ +
+ Connect to Prowlarr and click Refresh Indexer List to see the indexers SoulSync can search. +
+
- -
+ +