Swapped layout of Address and API key

Added logic to be able to test your Management configuration settings for radarr and sonarr
Fixed issue with async task
2026-02-17 21:28:12 -07:00 · 2026-02-17 21:27:05 -07:00 · 2026-02-17 20:40:44 -07:00 · 2026-02-16 18:41:12 -07:00 · 2026-02-16 18:38:33 -07:00 · 2026-02-16 17:54:29 -07:00
15 changed files with 404 additions and 200 deletions
--- a/Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Configuration/PluginConfiguration.cs
@@ -3,25 +3,28 @@ using System.Collections.ObjectModel;
 using MediaBrowser.Controller.Entities;
 using MediaBrowser.Model.Plugins;

-namespace Jellyfin.Plugin.MediaCleaner.Configuration;
+namespace Jellyfin.Plugin.MediaCleaner;

 /// <summary>
 /// Plugin configuration.
 /// </summary>
-public class PluginConfiguration : BasePluginConfiguration
+public class Configuration : BasePluginConfiguration
 {
    /// <summary>
-    /// Initializes a new instance of the <see cref="PluginConfiguration"/> class.
+    /// Gets or sets the http and port address for your Radarr instance.
    /// </summary>
-    public PluginConfiguration()
-    {
-    }
+    public string RadarrAddress { get; set; } = string.Empty;

    /// <summary>
    /// Gets or sets the api for your Radarr instance.
    /// </summary>
    public string RadarrAPIKey { get; set; } = string.Empty;

+    /// <summary>
+    /// Gets or sets the http and port address for your Sonarr instance.
+    /// </summary>
+    public string SonarrAddress { get; set; } = string.Empty;
+
    /// <summary>
    /// Gets or sets the api for your Sonarr instance.
    /// </summary>
--- a/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html
+++ b/Jellyfin.Plugin.MediaCleaner/Configuration/settings.html
@@ -1,108 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>Media Cleaner</title>
-</head>
-<body>
-    <div id="MediaCleanerConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox">
-        <div data-role="content">
-            <div class="content-primary">
-                <form id="MediaCleanerConfigForm">
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
-                        <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
-                        <div class="fieldDescription">The api key used by your radarr instance</div>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
-                        <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
-                        <div class="fieldDescription">The api key used by your sonarr instance</div>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="StaleMediaCutoff">Stale Media Cutoff</label>
-                        <input id="StaleMediaCutoff" name="StaleMediaCutoff" type="number" is="emby-input" style="width: 20%;"/>
-                        <div class="fieldDescription">How many days to wait before marking files as stale</div>
-                    </div>
-                    <div class="checkboxContainer checkboxContainer-withDescription">
-                        <label class="emby-checkbox-label">
-                            <input id="DebugMode" name="DebugMode" type="checkbox" is="emby-checkbox" />
-                            <span>Debug Mode</span>
-                        </label>
-                    </div>
-                    <!-- <div class="selectContainer">
-                        <label class="selectLabel" for="Options">Several Options</label>
-                        <select is="emby-select" id="Options" name="Options" class="emby-select-withcolor emby-select">
-                            <option id="optOneOption" value="OneOption">One Option</option>
-                            <option id="optAnotherOption" value="AnotherOption">Another Option</option>
-                        </select>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="AnInteger">An Integer</label>
-                        <input id="AnInteger" name="AnInteger" type="number" is="emby-input" min="0" />
-                        <div class="fieldDescription">A Description</div>
-                    </div>
-                    <div class="checkboxContainer checkboxContainer-withDescription">
-                        <label class="emby-checkbox-label">
-                            <input id="TrueFalseSetting" name="TrueFalseCheckBox" type="checkbox" is="emby-checkbox" />
-                            <span>A Checkbox</span>
-                        </label>
-                    </div>
-                    <div class="inputContainer">
-                        <label class="inputLabel inputLabelUnfocused" for="AString">A String</label>
-                        <input id="AString" name="AString" type="text" is="emby-input" />
-                        <div class="fieldDescription">Another Description</div>
-                    </div> -->
-                    <div>
-                        <button is="emby-button" type="submit" class="raised button-submit block emby-button">
-                            <span>Save</span>
-                        </button>
-                    </div>
-                </form>
-            </div>
-        </div>
-        <script type="text/javascript">
-            var MediaCleanerConfig = {
-                pluginUniqueId: 'fef007a8-3e8f-4aa8-a22e-486a387f4192'
-            };
-
-            document.querySelector('#MediaCleanerConfigPage')
-                .addEventListener('pageshow', function() {
-                    Dashboard.showLoadingMsg();
-                    ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
-                        // document.querySelector('#Options').value = config.Options;
-                        // document.querySelector('#AnInteger').value = config.AnInteger;
-                        // document.querySelector('#TrueFalseSetting').checked = config.TrueFalseSetting;
-                        // document.querySelector('#AString').value = config.AString;
-                        document.querySelector('#RadarrAPIKey').value = config.RadarrAPIKey;
-                        document.querySelector('#SonarrAPIKey').value = config.SonarrAPIKey;
-                        document.querySelector('#StaleMediaCutoff').value = config.StaleMediaCutoff;
-                        document.querySelector('#DebugMode').checked = config.DebugMode;
-                        Dashboard.hideLoadingMsg();
-                    });
-                });
-
-            document.querySelector('#MediaCleanerConfigForm')
-                .addEventListener('submit', function(e) {
-                Dashboard.showLoadingMsg();
-                ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
-                    // config.Options = document.querySelector('#Options').value;
-                    // config.AnInteger = document.querySelector('#AnInteger').value;
-                    // config.TrueFalseSetting = document.querySelector('#TrueFalseSetting').checked;
-                    // config.AString = document.querySelector('#AString').value;
-                    config.RadarrAPIKey = document.querySelector('#RadarrAPIKey').value;
-                    config.SonarrAPIKey = document.querySelector('#SonarrAPIKey').value;
-                    config.StaleMediaCutoff = document.querySelector('#StaleMediaCutoff').value;
-                    config.DebugMode = document.querySelector('#DebugMode').checked;
-                    ApiClient.updatePluginConfiguration(MediaCleanerConfig.pluginUniqueId, config).then(function (result) {
-                        Dashboard.processPluginConfigurationUpdateResult(result);
-                    });
-                });
-
-                e.preventDefault();
-                return false;
-            });
-        </script>
-    </div>
-</body>
-</html>
--- a/Jellyfin.Plugin.MediaCleaner/Controllers/StateController.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Controllers/StateController.cs
@@ -2,7 +2,6 @@ using Jellyfin.Plugin.MediaCleaner.Data;
 using Jellyfin.Plugin.MediaCleaner;
 using Jellyfin.Plugin.MediaCleaner.Models;
 using Microsoft.AspNetCore.Mvc;
-using Jellyfin.Plugin.MediaCleaner.Configuration;

 namespace Jellyfin.Plugin.MediaCleaner.Controllers;

@@ -10,7 +9,7 @@ namespace Jellyfin.Plugin.MediaCleaner.Controllers;
 public class StateController(MediaCleanerState state) : Controller
 {
    private readonly MediaCleanerState _state = state;
-    private static PluginConfiguration Configuration =>
+    private static Configuration Configuration =>
            Plugin.Instance!.Configuration;

    [HttpGet("getSeriesInfo")]
--- a/Jellyfin.Plugin.MediaCleaner/Helpers/LoggingHelper.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Helpers/LoggingHelper.cs
@@ -1,12 +1,5 @@
 using System;
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
 using System.Diagnostics.CodeAnalysis;
-using System.Runtime.CompilerServices;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
-using Jellyfin.Plugin.MediaCleaner.Models;
-using Jellyfin.Plugin.MediaCleaner.ScheduledTasks;
-using MediaBrowser.Controller.Entities;
 using Microsoft.Extensions.Logging;

 namespace Jellyfin.Plugin.MediaCleaner.Helpers;
@@ -30,6 +23,6 @@ public class LoggingHelper(ILogger logger)
        _logger.LogInformation(message, args);
    }

-    private static PluginConfiguration Configuration =>
+    private static Configuration Configuration =>
        Plugin.Instance!.Configuration;
 }
--- a/Jellyfin.Plugin.MediaCleaner/Helpers/MovieHelper.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Helpers/MovieHelper.cs
@@ -1,8 +1,6 @@
 using System;
 using System.Linq;
-using System.Threading;
 using Jellyfin.Database.Implementations.Entities;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
 using MediaBrowser.Controller.Entities;
 using Microsoft.Extensions.Logging;

@@ -12,7 +10,7 @@ public class MovieHelper(ILogger logger)
 {
    private readonly LoggingHelper _loggingHelper = new(logger);

-    private static PluginConfiguration Configuration =>
+    private static Configuration Configuration =>
        Plugin.Instance!.Configuration;

    public bool IsMovieStale(BaseItem movie)
--- a/Jellyfin.Plugin.MediaCleaner/Helpers/SeriesHelper.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Helpers/SeriesHelper.cs
@@ -1,10 +1,7 @@
 using System;
 using System.Collections.Generic;
 using System.Linq;
-using System.Threading;
 using Jellyfin.Database.Implementations.Entities;
-using Jellyfin.Database.Implementations.Entities.Libraries;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
 using MediaBrowser.Controller.Entities;
 using Microsoft.Extensions.Logging;

@@ -15,7 +12,7 @@ public class SeriesHelper(ILogger logger)
 {
    private readonly LoggingHelper _loggingHelper = new(logger);

-    private static PluginConfiguration Configuration =>
+    private static Configuration Configuration =>
        Plugin.Instance!.Configuration;

    private List<BaseItem> ProcessEpisodes(IReadOnlyCollection<BaseItem> episodes)
--- a/Jellyfin.Plugin.MediaCleaner/Jellyfin.Plugin.MediaCleaner.csproj
+++ b/Jellyfin.Plugin.MediaCleaner/Jellyfin.Plugin.MediaCleaner.csproj
@@ -20,8 +20,6 @@
  </ItemGroup>

  <ItemGroup>
-    <None Remove="Configuration\settings.html" />
-    <EmbeddedResource Include="Configuration\settings.html" />
    <None Remove="Pages\*" />
    <EmbeddedResource Include="Pages\*" />
  </ItemGroup>
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.html
@@ -0,0 +1,74 @@
+<div id="MediaCleanerConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox" data-controller="__plugin/configuration.js">
+    <div data-role="content">
+        <div class="content-primary">
+            <link rel="stylesheet" href="/web/configurationpage?name=global.css" />
+            <form id="MediaCleanerConfigForm">
+                <h2>Media Cleaner Configuration</h2>
+
+                <h3>Management Configuration</h3>
+
+                <div class="inlineContainer">
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="RadarrAddress">Radarr Address (http:port)</label>
+                        <input id="RadarrAddress" name="RadarrAddress" type="text" is="emby-input" />
+                        <div class="fieldDescription">The address and port of your radarr instance.</div>
+                    </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="RadarrAPIKey">Radarr API Key</label>
+                        <input id="RadarrAPIKey" name="RadarrAPIKey" type="text" is="emby-input" />
+                        <div class="fieldDescription">The api key used by your radarr instance</div>
+                    </div>
+                    <div class="inputContainer">
+                        <button id="RadarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit block emby-button">
+                            <span>Test</span>
+                        </button>
+                        <div class="validation" id="RadarrConnectionValidation" hidden>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="inlineContainer">
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="SonarrAddress">Sonarr Address (http:port)</label>
+                        <input id="SonarrAddress" name="SonarrAddress" type="text" is="emby-input" />
+                        <div class="fieldDescription">The address and port of your sonarr instance.</div>
+                    </div>
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="SonarrAPIKey">Sonarr API Key</label>
+                        <input id="SonarrAPIKey" name="SonarrAPIKey" type="text" is="emby-input" />
+                        <div class="fieldDescription">The api key used by your sonarr instance</div>
+                    </div>
+                    <div class="inputContainer">
+                        <button id="SonarrTestConnectionButton" is="emby-button" type="button" class="raised button-submit block emby-button">
+                            <span>Test</span>
+                        </button>
+                        <div class="validation" id="SonarrConnectionValidation" hidden>
+                        </div>
+                    </div>
+                </div>
+
+                <h3>General Settings</h3>
+                <div class="inlineContainer">
+                    <div class="inputContainer">
+                        <label class="inputLabel inputLabelUnfocused" for="StaleMediaCutoff">Stale Media Cutoff</label>
+                        <input id="StaleMediaCutoff" class="medium-width" name="StaleMediaCutoff" type="number" is="emby-input"/>
+                        <div class="fieldDescription">How many days to wait before marking files as stale</div>
+                    </div>
+
+                    <div class="checkboxContainer checkboxContainer-withDescription">
+                        <label class="emby-checkbox-label">
+                            <input id="DebugMode" name="DebugMode" type="checkbox" is="emby-checkbox" />
+                            <span>Debug Mode</span>
+                        </label>
+                    </div>
+                </div>
+
+                <div>
+                    <button is="emby-button" type="submit" class="raised button-submit block emby-button">
+                        <span>Save</span>
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
--- a/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/configuration.js
@@ -0,0 +1,161 @@
+// Variables
+var MediaCleanerConfig = {
+    pluginUniqueId: 'fef007a8-3e8f-4aa8-a22e-486a387f4192'
+};
+
+// Handlers
+document.querySelector('#RadarrTestConnectionButton')
+    .addEventListener('click', testConnectionRadarr);
+
+document.querySelector('#SonarrTestConnectionButton')
+    .addEventListener('click', testConnectionSonarr);
+
+document.querySelector('#MediaCleanerConfigPage')
+    .addEventListener('pageshow', function() {
+        Dashboard.showLoadingMsg();
+        ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
+            document.querySelector('#RadarrAPIKey').value = config.RadarrAPIKey;
+            document.querySelector('#RadarrAddress').value = config.RadarrAddress;
+            document.querySelector('#SonarrAPIKey').value = config.SonarrAPIKey;
+            document.querySelector('#SonarrAddress').value = config.SonarrAddress;
+            document.querySelector('#StaleMediaCutoff').value = config.StaleMediaCutoff;
+            document.querySelector('#DebugMode').checked = config.DebugMode;
+            Dashboard.hideLoadingMsg();
+        });
+    });
+
+document.querySelector('#MediaCleanerConfigForm')
+    .addEventListener('submit', function(e) {
+    Dashboard.showLoadingMsg();
+    ApiClient.getPluginConfiguration(MediaCleanerConfig.pluginUniqueId).then(function (config) {
+        config.RadarrAPIKey = document.querySelector('#RadarrAPIKey').value;
+        config.RadarrAddress = document.querySelector('#RadarrAddress').value;
+        config.SonarrAPIKey = document.querySelector('#SonarrAPIKey').value;
+        config.SonarrAddress = document.querySelector('#SonarrAddress').value;
+        config.StaleMediaCutoff = document.querySelector('#StaleMediaCutoff').value;
+        config.DebugMode = document.querySelector('#DebugMode').checked;
+        ApiClient.updatePluginConfiguration(MediaCleanerConfig.pluginUniqueId, config).then(function (result) {
+            Dashboard.processPluginConfigurationUpdateResult(result);
+        });
+    });
+
+    e.preventDefault();
+    return false;
+});
+
+// Fades
+const startFadeOut = (element, interval = 100) => {
+  const timer = setInterval(() => {
+    let currentOpacity = parseFloat(getComputedStyle(element).opacity);
+    if (isNaN(currentOpacity)) currentOpacity = 1;
+    if (currentOpacity > 0) {
+      currentOpacity = Math.max(0, currentOpacity - 0.05);
+      element.style.opacity = currentOpacity.toString();
+    } else {
+      clearInterval(timer);
+      element.setAttribute('hidden', '');
+    }
+  }, interval);
+};
+
+const startFadeIn = (element, interval = 100) => {
+  const timer = setInterval(() => {
+    let currentOpacity = parseFloat(getComputedStyle(element).opacity);
+    if (isNaN(currentOpacity)) currentOpacity = 0;
+    if (currentOpacity < 1) {
+      currentOpacity = Math.max(0, currentOpacity + 0.05);
+      element.style.opacity = currentOpacity.toString();
+    } else {
+      clearInterval(timer);
+    }
+  }, interval);
+};
+
+// Connection Methods
+const testConnectionSonarr = async () => {
+    var apiKeyElement = document.getElementById('SonarrAPIKey');
+    var addressElement = document.getElementById('SonarrAddress');
+    var validationElement = document.getElementById('SonarrConnectionValidation');
+
+    await validateConnection(apiKeyElement, addressElement, validationElement);
+}
+
+const testConnectionRadarr = async () => {
+    var apiKeyElement = document.getElementById('RadarrAPIKey');
+    var addressElement = document.getElementById('RadarrAddress');
+    var validationElement = document.getElementById('RadarrConnectionValidation');
+
+    await validateConnection(apiKeyElement, addressElement, validationElement);
+}
+
+
+// Validation and Normalization
+const normalizeUrl = (url) => {
+    let normalizedUrl = url.trim();
+    if (!/^https?:\/\//i.test(normalizedUrl)) {
+        normalizedUrl = 'http://' + normalizedUrl;
+    }
+    return normalizedUrl;
+};
+
+const validateConnection = async (apiKeyElement, addressElement, validationElement) => {
+    var httpAddress = addressElement.value;
+    var apiKey = apiKeyElement.value;
+
+    console.log("Address: ", httpAddress);
+    console.log("Api Key: ", apiKey);
+
+    // Only valid with characters
+    const validHttp = httpAddress.trim().length > 0;
+    const validApiKey = apiKey.trim().length > 0;
+
+    console.log("Valid Http: ", validHttp);
+    console.log("Valid Api: ", validApiKey);
+
+    var success = false;
+
+    if(validHttp && validApiKey){
+        setAttemptingConnection(validationElement);
+        try{
+            const url = normalizeUrl(httpAddress);
+            const response = await fetch(url, {
+                method: "GET",
+                headers: {
+                    "X-Api-Key": apiKey,
+                }
+            });
+            success = response.ok;
+        }
+        catch (error){
+            console.error(`Error: ${error}`);
+        }
+    }
+
+    processValidationElement(validationElement, success);
+}
+
+const setAttemptingConnection = (validationElement) => {
+    validationElement.removeAttribute('hidden');
+    validationElement.style.opacity = '0';
+
+    validationElement.style.color = 'Yellow';
+    validationElement.innerText = "Attempting Connection..."
+    setTimeout(startFadeIn(validationElement, 50));
+}
+
+const processValidationElement = (validationElement, success) => {
+    validationElement.removeAttribute('hidden');
+    validationElement.style.opacity = '1';
+
+    if(success){
+        validationElement.style.color = 'Green';
+        validationElement.innerText = "Successful Connection!"
+    }
+    else {
+        validationElement.style.color = 'Red';
+        validationElement.innerText = "Failed Connection!"
+    }
+
+    setTimeout(() => startFadeOut(validationElement, 50), 2000);
+}
+
--- a/Jellyfin.Plugin.MediaCleaner/Pages/global.css
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/global.css
@@ -0,0 +1,91 @@
+.content-primary > * {
+    box-sizing: border-box;
+}
+
+.inlineContainer {
+    display: inline-flex;
+    flex-direction: column;
+    /* Would be nice to figure out why 50% doesn't work. */
+    width: 49%;
+}
+
+.inlineContainer > * {
+    padding: 0 0.5rem;
+}
+
+table {
+    border: 1px solid;
+    border-collapse: collapse;
+}
+
+td, th {
+    border: 1px solid;
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+}
+
+.table-text {
+    font-size: large;
+    text-align: center;
+}
+
+/* Custom emby checkbox for table */
+.table-checkbox {
+    padding-left: 1.05rem;
+}
+
+.table-checkbox .checkboxContainer .emby-checkbox-label .checkboxOutline {
+    height: 1.5em;
+    width: 1.5em;
+}
+
+.table-checkbox .checkboxContainer .emby-checkbox-label {
+    height: 1.8em
+}
+
+.links {
+    background-color: #0f0f0f;
+    border: 1px solid #00a4dc;
+    border-radius: 0.25rem;
+    padding: 0.8rem 1.8rem;
+    font-size: 1.2rem;
+    color: #ffffff;
+    text-decoration: none;
+    cursor: pointer;
+    line-height: inherit;
+    vertical-align: baseline;
+    transition: background-color 0.3s ease;
+}
+
+.links:hover {
+    background-color: #2a2a2a;
+}
+
+.actions-cell {
+    text-align: center;
+}
+
+.validation {
+    border: 1px solid;
+    border-radius: 0.25rem;
+    margin-top: 1rem;
+    margin-bottom: 0;
+    padding: 1rem;
+    opacity: 1;
+}
+
+.max-width{
+    width: 100%;
+}
+
+.medium-width {
+    width: 50%;
+}
+
+.small-width {
+    width: 20%;
+}
+
+.xsmall-width {
+    width: 10%;
+}
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.css
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.css
@@ -1,31 +0,0 @@
-table {
-    border: 1px solid;
-    border-collapse: collapse;
-}
-
-td, th {
-    border: 1px solid;
-    padding: 0.5rem 0.75rem;
-    text-align: left;
-}
-
-.links {
-    background-color: #0f0f0f;
-    border: 1px solid;
-    padding: 0.8rem 1.8rem;
-    font-size: 1.2rem;
-    color: #ffffff;
-    text-decoration: none;
-    cursor: pointer;
-    line-height: inherit;
-    vertical-align: baseline;
-    transition: background-color 0.3s ease;
-}
-
-.links:hover {
-  background-color: #2a2a2a;
-}
-
-.actions-cell {
-    text-align: center;
-}
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
@@ -2,10 +2,10 @@
     data-controller="__plugin/home.js">
 	<div data-role="content">
 		<div class="content-primary">
-            <link rel="stylesheet" href="/web/configurationpage?name=home.css" />
+            <link rel="stylesheet" href="/web/configurationpage?name=global.css" />
            <div id="loading">Loading...</div>
            <div id="homepage" style="visibility: hidden;">
-                <button class="links" data-target="configurationpage?name=Settings">Settings</button>
+                <button class="links" data-target="configurationpage?name=Configuration">Configuration</button>
                <h2>Media Cleaner</h2>

                <h3 id="moviesTitle"></h3>
@@ -13,7 +13,7 @@
                    <thead>
                        <tr>
                            <th>Name</th>
-                            <th class="actions-cell">Actions</th>
+                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
@@ -26,7 +26,7 @@
                        <tr>
                            <th>Name</th>
                            <th>Seasons</th>
-                            <th class="actions-cell">Actions</th>
+                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.js
@@ -62,6 +62,46 @@ const getMediaCleanerMoviesTitle = async () => {
    return response.json();
 };

+const selectedMovies = new Set();
+const selectedTvShows = new Set();
+
+const createCheckbox = (mediaInfo = {}, state = []) => {
+    const container = document.createElement('div');
+    container.className = 'checkboxContainer';
+    container.style.marginBottom = 0;
+
+    const label = document.createElement('label');
+    label.className = 'emby-checkbox-label';
+    label.style.textAlign = 'center';
+    label.style.paddingLeft = '1.8em';
+
+    const checkbox = document.createElement('input');
+    checkbox.type = 'checkbox';
+    checkbox.setAttribute('is', 'emby-checkbox');
+    checkbox.dataset.mediaInfo = JSON.stringify(mediaInfo) || '';
+
+    const span = document.createElement('span');
+    span.textContent = '';
+
+    label.appendChild(checkbox);
+    label.appendChild(span);
+    container.appendChild(label);
+
+    // Remove dependency on local state. Move to scanning for all checked checkboxes and create the array at that point.
+    checkbox.addEventListener('change', (e) => {
+        const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
+        if (checkbox.checked) {
+            state.add(mediaInfo);
+        } else {
+            state.delete(mediaInfo);
+        }
+        // Update UI or state — use console.log for debugging
+        console.log('selected:', Array.from(state));
+    });
+
+    return container;
+};
+
 const populateTables = async () => {
    var moviesInfo = await getMediaCleanerMovieInfo();
    var seriesInfo = await getMediaCleanerSeriesInfo();
@@ -78,10 +118,9 @@ const populateTables = async () => {
            var cell1 = row.insertCell(0);
            var cell2 = row.insertCell(1);
            cell1.innerHTML = moviesInfo[i].Name;
-            // Will need to be enabled once radarr and sonarr integration is enabled.
-            // Maybe change this to an element to remove hard coding.
-            cell2.innerHTML = "<input type=\"checkbox\" disabled />";
-            cell2.className = "actions-cell";
+            cell1.className = "table-text";
+            cell2.appendChild(createCheckbox(moviesInfo[i], selectedMovies));
+            cell2.className = "table-checkbox"
        }
    }
    else{
@@ -90,6 +129,7 @@ const populateTables = async () => {
        var cell1 = row.insertCell(0);
        cell1.colSpan = columnCount;
        cell1.innerHTML = "No stale movies found.";
+        cell1.className = "table-text";
    }

    if(seriesInfo.length > 0){
@@ -99,11 +139,11 @@ const populateTables = async () => {
            var cell2 = row.insertCell(1);
            var cell3 = row.insertCell(2);
            cell1.innerHTML = seriesInfo[i].Name;
+            cell1.className = "table-text";
            cell2.innerHTML = seriesInfo[i].Seasons.map(season => season.replace("Season ", "")).join(", ");
-            // Will need to be enabled once radarr and sonarr integration is enabled.
-            // Maybe change this to an element to remove hard coding.
-            cell3.innerHTML = "<input type=\"checkbox\" disabled />";
-            cell3.className = "actions-cell";
+            cell2.className = "table-text";
+            cell3.appendChild(createCheckbox(seriesInfo[i], selectedTvShows));
+            cell3.className = "table-checkbox"
        }
    }
    else{
@@ -112,6 +152,7 @@ const populateTables = async () => {
        var cell1 = row.insertCell(0);
        cell1.colSpan = columnCount;
        cell1.innerHTML = "No stale series found.";
+        cell1.className = "table-text";
    }
 };

--- a/Jellyfin.Plugin.MediaCleaner/Plugin.cs
+++ b/Jellyfin.Plugin.MediaCleaner/Plugin.cs
@@ -1,21 +1,17 @@
 using System;
 using System.Collections.Generic;
 using System.Globalization;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
-using Jellyfin.Plugin.MediaCleaner.Data;
 using MediaBrowser.Common.Configuration;
 using MediaBrowser.Common.Plugins;
-using MediaBrowser.Controller.Entities;
 using MediaBrowser.Model.Plugins;
 using MediaBrowser.Model.Serialization;
-using Microsoft.Extensions.DependencyInjection;

 namespace Jellyfin.Plugin.MediaCleaner;

 /// <summary>
 /// The main plugin.
 /// </summary>
-public class Plugin : BasePlugin<PluginConfiguration>, IHasWebPages
+public class Plugin : BasePlugin<Configuration>, IHasWebPages
 {
    /// <summary>
    /// Initializes a new instance of the <see cref="Plugin"/> class.
@@ -46,8 +42,13 @@ public class Plugin : BasePlugin<PluginConfiguration>, IHasWebPages
        [
            new PluginPageInfo
            {
-                Name = "Settings",
-                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Configuration.settings.html", GetType().Namespace),
+                Name = "configuration.js",
+                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Pages.configuration.js", GetType().Namespace),
+            },
+            new PluginPageInfo
+            {
+                Name = "Configuration",
+                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Pages.configuration.html", GetType().Namespace),
            },
            new PluginPageInfo
            {
@@ -62,8 +63,8 @@ public class Plugin : BasePlugin<PluginConfiguration>, IHasWebPages
            },
            new PluginPageInfo
            {
-                Name = "home.css",
-                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Pages.home.css", GetType().Namespace),
+                Name = "global.css",
+                EmbeddedResourcePath = string.Format(CultureInfo.InvariantCulture, "{0}.Pages.global.css", GetType().Namespace),
            }
        ];
    }
--- a/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
+++ b/Jellyfin.Plugin.MediaCleaner/StaleMediaScanner.cs
@@ -1,25 +1,12 @@
 using System;
 using System.Collections.Generic;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Data.Common;
-using System.Diagnostics;
 using System.Linq;
-using System.Net;
-using System.Reflection.Metadata.Ecma335;
-using System.Threading;
 using System.Threading.Tasks;
 using Jellyfin.Data.Enums;
-using Jellyfin.Database.Implementations.Entities;
-using Jellyfin.Database.Implementations.Entities.Libraries;
-using Jellyfin.Plugin.MediaCleaner.Configuration;
 using Jellyfin.Plugin.MediaCleaner.Helpers;
-using Jellyfin.Plugin.MediaCleaner;
 using Jellyfin.Plugin.MediaCleaner.Models;
 using MediaBrowser.Controller.Entities;
 using MediaBrowser.Controller.Library;
-using MediaBrowser.Model.Tasks;
-using Microsoft.AspNetCore.Mvc;
 using Microsoft.Extensions.Logging;

 namespace Jellyfin.Plugin.MediaCleaner;
@@ -49,7 +36,7 @@ public sealed class StaleMediaScanner
        _seriesHelper = new SeriesHelper(_logger);
    }

-    public async Task<IEnumerable<MediaInfo>> ScanStaleMedia()
+    public Task<IEnumerable<MediaInfo>> ScanStaleMedia()
    {
        _loggingHelper.LogDebugInformation("--DEBUG MODE ACTIVE--");
        _loggingHelper.LogInformation("-------------------------------------------------");
@@ -134,7 +121,7 @@ public sealed class StaleMediaScanner

        IEnumerable<MediaInfo> mediaInfo = staleSeriesInfo.Concat(staleMoviesInfo);

-        return mediaInfo;
+        return Task.FromResult(mediaInfo);
    }

    private List<BaseItem> GetStaleMovies(List<BaseItem> movies)
Author	SHA1	Message	Date
Thomas Gander	48d118c56a	Swapped layout of Address and API key	2026-02-17 21:28:12 -07:00
Thomas Gander	4bcd89c1a9	Added logic to be able to test your Management configuration settings for radarr and sonarr	2026-02-17 21:27:05 -07:00
Thomas Gander	da94e130ac	Fixed issue with async task	2026-02-17 20:40:44 -07:00
Thomas Gander	1253693ebe	Added comment	2026-02-16 18:41:12 -07:00
Thomas Gander	80a126fb30	Created custom styling for checkbox	2026-02-16 18:38:33 -07:00
Thomas Gander	be5a58dcf1	Added a border radius and color to configuration button	2026-02-16 17:54:29 -07:00
Thomas Gander	e6c4939191	Removed margins from some areas to improve spacing	2026-02-16 17:50:19 -07:00
Thomas Gander	9348b33ed6	Updated styling for the configuration page	2026-02-16 17:47:26 -07:00
Thomas Gander	462a2beea1	Moved styles to a global.css stylesheet. Also added basic validation with a transition	2026-02-16 16:08:12 -07:00
Thomas Gander	a720bba7a7	Refactor of plugin structure to make more sense compared to the default template	2026-02-16 14:08:15 -07:00
Thomas Gander	61e868bfa2	Added settings for radarr and sonarr addresses	2026-02-14 16:18:11 -07:00
Thomas Gander	bc7c95af08	Added basic state with selections	2026-02-14 16:01:06 -07:00