From 44325b9f9c21019e68d3ad62090fcfa5ba664b07 Mon Sep 17 00:00:00 2001
From: Karol Labus <karol.labus.kl@gmail.com>
Date: Thu, 17 Sep 2026 15:58:58 +0200
Subject: [PATCH] Fix UI save/load via native JS in configPage

---
 JellyfinPlugin/Configuration/configPage.html | 44 ++++++++++----------
 1 file changed, 21 insertions(+), 23 deletions(-)

diff --git a/JellyfinPlugin/Configuration/configPage.html b/JellyfinPlugin/Configuration/configPage.html
index d1f1ca3..ec24852 100644
--- a/JellyfinPlugin/Configuration/configPage.html
+++ b/JellyfinPlugin/Configuration/configPage.html
@@ -47,31 +47,29 @@
                 pluginUniqueId: "12345678-1234-1234-1234-1234567890ab"
             };
 
-            $('.blackBarRemoverConfigForm').on('pageinit', function (event) {
-                var page = event.target;
-                
-                page.addEventListener('viewshow', function () {
-                    Dashboard.showLoadingMsg();
-                    ApiClient.getPluginConfiguration(BlackBarRemoverConfig.pluginUniqueId).then(function (config) {
-                        $('#chkEnablePlugin', page).prop('checked', config.IsEnabled || false);
-                        $('#txtCropLimit', page).val(config.CropDetectLimit || 0.15);
-                        $('#selectPlaybackMode', page).val(config.PlaybackMode || "Both");
-                        Dashboard.hideLoadingMsg();
-                    });
-                });
+            var configPage = document.querySelector('.pluginConfigurationPage');
 
-                $('.blackBarRemoverConfigForm').on('submit', function (e) {
-                    e.preventDefault();
-                    Dashboard.showLoadingMsg();
+            configPage.addEventListener('viewshow', function () {
+                Dashboard.showLoadingMsg();
+                ApiClient.getPluginConfiguration(BlackBarRemoverConfig.pluginUniqueId).then(function (config) {
+                    configPage.querySelector('#chkEnablePlugin').checked = config.IsEnabled || false;
+                    configPage.querySelector('#txtCropLimit').value = config.CropDetectLimit || 0.094;
+                    configPage.querySelector('#selectPlaybackMode').value = config.PlaybackMode || "Both";
+                    Dashboard.hideLoadingMsg();
+                });
+            });
+
+            configPage.querySelector('.blackBarRemoverConfigForm').addEventListener('submit', function (e) {
+                e.preventDefault();
+                Dashboard.showLoadingMsg();
+                
+                ApiClient.getPluginConfiguration(BlackBarRemoverConfig.pluginUniqueId).then(function (config) {
+                    config.IsEnabled = configPage.querySelector('#chkEnablePlugin').checked;
+                    config.CropDetectLimit = parseFloat(configPage.querySelector('#txtCropLimit').value);
+                    config.PlaybackMode = configPage.querySelector('#selectPlaybackMode').value;
                     
-                    ApiClient.getPluginConfiguration(BlackBarRemoverConfig.pluginUniqueId).then(function (config) {
-                        config.IsEnabled = $('#chkEnablePlugin', page).prop('checked');
-                        config.CropDetectLimit = parseFloat($('#txtCropLimit', page).val());
-                        config.PlaybackMode = $('#selectPlaybackMode', page).val();
-                        
-                        ApiClient.updatePluginConfiguration(BlackBarRemoverConfig.pluginUniqueId, config).then(function (result) {
-                            Dashboard.processPluginConfigurationUpdateResult(result);
-                        });
+                    ApiClient.updatePluginConfiguration(BlackBarRemoverConfig.pluginUniqueId, config).then(function (result) {
+                        Dashboard.processPluginConfigurationUpdateResult(result);
                     });
                 });
             });