Add configPage.html

2026-11-14 22:11:27 +00:00 · 2026-10-06 16:52:49 +01:00
parent 45fa536b17
commit a10fa6e77b
1 changed files with 101 additions and 0 deletions
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Scene Search</title>
+</head>
+<body>
+    <div id="sceneSearchConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-checkbox">
+        <div data-role="content">
+            <div class="content-primary">
+                <h1>Scene Search</h1>
+                <p>Connect Jellyfin search to the local semantic scene-search service.</p>
+
+                <form class="sceneSearchConfigForm">
+                    <label class="checkboxContainer">
+                        <input is="emby-checkbox" type="checkbox" id="enabled" />
+                        <span>Enable Scene Search provider</span>
+                    </label>
+
+                    <div class="inputContainer">
+                        <input is="emby-input" type="text" id="apiUrl" required label="Scene Search API URL" />
+                        <div class="fieldDescription">Usually http://127.0.0.1:8097 when Jellyfin and scene-search run on the same host.</div>
+                    </div>
+
+                    <div class="inputContainer">
+                        <input is="emby-input" type="password" id="apiKey" label="API Key" />
+                        <div class="fieldDescription">Must match SCENE_API_KEY in jellyfin-scene-search. Leave empty only if the API has no key configured.</div>
+                    </div>
+
+                    <label class="checkboxContainer">
+                        <input is="emby-checkbox" type="checkbox" id="requirePrefix" />
+                        <span>Require a search prefix</span>
+                    </label>
+                    <div class="fieldDescription" style="margin-left: 3em; margin-top: -1em; margin-bottom: 1em;">
+                        Recommended while only part of the Jellyfin library is indexed. When enabled, ordinary searches keep using Jellyfin's built-in search.
+                    </div>
+
+                    <div class="inputContainer">
+                        <input is="emby-input" type="text" id="searchPrefix" label="Search Prefix" />
+                        <div class="fieldDescription">Default: scene:. Example: scene: woman standing outside</div>
+                    </div>
+
+                    <div class="inputContainer">
+                        <input is="emby-input" type="number" id="maxResults" min="1" max="50" step="1" label="Maximum Results" />
+                    </div>
+
+                    <div class="inputContainer">
+                        <input is="emby-input" type="number" id="timeoutSeconds" min="5" max="300" step="1" label="API Timeout (seconds)" />
+                        <div class="fieldDescription">The first semantic search may take longer while SigLIP is loaded.</div>
+                    </div>
+
+                    <button is="emby-button" type="submit" class="raised button-submit block">
+                        <span>Save</span>
+                    </button>
+                </form>
+            </div>
+        </div>
+
+        <script type="text/javascript">
+            (function () {
+                var pluginId = "2d8d1bb5-3f0c-4d5a-9d59-934463c06d35";
+                var page = document.querySelector('#sceneSearchConfigPage');
+
+                page.addEventListener('pageshow', function () {
+                    Dashboard.showLoadingMsg();
+                    ApiClient.getPluginConfiguration(pluginId).then(function (config) {
+                        page.querySelector('#enabled').checked = config.Enabled;
+                        page.querySelector('#apiUrl').value = config.ApiUrl || 'http://127.0.0.1:8097';
+                        page.querySelector('#apiKey').value = config.ApiKey || '';
+                        page.querySelector('#requirePrefix').checked = config.RequirePrefix;
+                        page.querySelector('#searchPrefix').value = config.SearchPrefix || 'scene:';
+                        page.querySelector('#maxResults').value = config.MaxResults || 20;
+                        page.querySelector('#timeoutSeconds').value = config.TimeoutSeconds || 60;
+                        Dashboard.hideLoadingMsg();
+                    });
+                });
+
+                page.querySelector('.sceneSearchConfigForm').addEventListener('submit', function (event) {
+                    event.preventDefault();
+                    Dashboard.showLoadingMsg();
+
+                    ApiClient.getPluginConfiguration(pluginId).then(function (config) {
+                        config.Enabled = page.querySelector('#enabled').checked;
+                        config.ApiUrl = page.querySelector('#apiUrl').value.trim();
+                        config.ApiKey = page.querySelector('#apiKey').value;
+                        config.RequirePrefix = page.querySelector('#requirePrefix').checked;
+                        config.SearchPrefix = page.querySelector('#searchPrefix').value.trim();
+                        config.MaxResults = parseInt(page.querySelector('#maxResults').value, 10) || 20;
+                        config.TimeoutSeconds = parseInt(page.querySelector('#timeoutSeconds').value, 10) || 60;
+
+                        return ApiClient.updatePluginConfiguration(pluginId, config);
+                    }).then(function (result) {
+                        Dashboard.processPluginConfigurationUpdateResult(result);
+                    });
+
+                    return false;
+                });
+            })();
+        </script>
+    </div>
+</body>
+</html>