diff --git a/JellyfinPlugin/Configuration/configPage.html b/JellyfinPlugin/Configuration/configPage.html index ec24852..6be49a6 100644 --- a/JellyfinPlugin/Configuration/configPage.html +++ b/JellyfinPlugin/Configuration/configPage.html @@ -47,26 +47,26 @@ pluginUniqueId: "12345678-1234-1234-1234-1234567890ab" }; - var configPage = document.querySelector('.pluginConfigurationPage'); - - configPage.addEventListener('viewshow', function () { + $('.pluginConfigurationPage').on('pageshow', function (event) { + var page = event.target; 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"; + $('#chkEnablePlugin', page).prop('checked', config.IsEnabled !== false); + $('#txtCropLimit', page).val(config.CropDetectLimit || 0.094); + $('#selectPlaybackMode', page).val(config.PlaybackMode || "Both"); Dashboard.hideLoadingMsg(); }); }); - configPage.querySelector('.blackBarRemoverConfigForm').addEventListener('submit', function (e) { - e.preventDefault(); + $('.blackBarRemoverConfigForm').on('submit', function (event) { + event.preventDefault(); + var form = event.target; 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; + config.IsEnabled = $('#chkEnablePlugin', form).prop('checked'); + config.CropDetectLimit = parseFloat($('#txtCropLimit', form).val()); + config.PlaybackMode = $('#selectPlaybackMode', form).val(); ApiClient.updatePluginConfiguration(BlackBarRemoverConfig.pluginUniqueId, config).then(function (result) { Dashboard.processPluginConfigurationUpdateResult(result);