Migrate libraries metadata to React

2025-02-25 15:47:09 +03:00
parent 1693618589
commit c8d2ce4142
9 changed files with 222 additions and 145 deletions
@@ -1,94 +0,0 @@
-import { ImageResolution } from '@jellyfin/sdk/lib/generated-client/models/image-resolution';
-
-import 'jquery';
-
-import loading from 'components/loading/loading';
-import globalize from 'lib/globalize';
-import Dashboard from 'utils/dashboard';
-
-import 'components/listview/listview.scss';
-
-function populateImageResolutionOptions(select) {
-    let html = '';
-    [
-        {
-            name: globalize.translate('ResolutionMatchSource'),
-            value: ImageResolution.MatchSource
-        },
-        { name: '2160p', value: ImageResolution.P2160 },
-        { name: '1440p', value: ImageResolution.P1440 },
-        { name: '1080p', value: ImageResolution.P1080 },
-        { name: '720p', value: ImageResolution.P720 },
-        { name: '480p', value: ImageResolution.P480 },
-        { name: '360p', value: ImageResolution.P360 },
-        { name: '240p', value: ImageResolution.P240 },
-        { name: '144p', value: ImageResolution.P144 }
-    ].forEach(({ value, name }) => {
-        html += `<option value="${value}">${name}</option>`;
-    });
-    select.innerHTML = html;
-}
-
-function populateLanguages(select) {
-    return ApiClient.getCultures().then(function(languages) {
-        let html = '';
-        html += "<option value=''></option>";
-        for (let i = 0, length = languages.length; i < length; i++) {
-            const culture = languages[i];
-            html += "<option value='" + culture.TwoLetterISOLanguageName + "'>" + culture.DisplayName + '</option>';
-        }
-        select.innerHTML = html;
-    });
-}
-
-function populateCountries(select) {
-    return ApiClient.getCountries().then(function(allCountries) {
-        let html = '';
-        html += "<option value=''></option>";
-        for (let i = 0, length = allCountries.length; i < length; i++) {
-            const culture = allCountries[i];
-            html += "<option value='" + culture.TwoLetterISORegionName + "'>" + culture.DisplayName + '</option>';
-        }
-        select.innerHTML = html;
-    });
-}
-
-function loadPage(page) {
-    const promises = [
-        ApiClient.getServerConfiguration(),
-        populateLanguages(page.querySelector('#selectLanguage')),
-        populateCountries(page.querySelector('#selectCountry'))
-    ];
-
-    populateImageResolutionOptions(page.querySelector('#txtChapterImageResolution'));
-
-    Promise.all(promises).then(function(responses) {
-        const config = responses[0];
-        page.querySelector('#selectLanguage').value = config.PreferredMetadataLanguage || '';
-        page.querySelector('#selectCountry').value = config.MetadataCountryCode || '';
-        page.querySelector('#valDummyChapterDuration').value = config.DummyChapterDuration || '0';
-        page.querySelector('#txtChapterImageResolution').value = config.ChapterImageResolution || '';
-        loading.hide();
-    });
-}
-
-function onSubmit() {
-    const form = this;
-    loading.show();
-    ApiClient.getServerConfiguration().then(function(config) {
-        config.PreferredMetadataLanguage = form.querySelector('#selectLanguage').value;
-        config.MetadataCountryCode = form.querySelector('#selectCountry').value;
-        config.DummyChapterDuration = form.querySelector('#valDummyChapterDuration').value;
-        config.ChapterImageResolution = form.querySelector('#txtChapterImageResolution').value;
-        ApiClient.updateServerConfiguration(config).then(Dashboard.processServerConfigurationUpdateResult);
-    });
-    return false;
-}
-
-$(document).on('pageinit', '#metadataImagesConfigurationPage', function() {
-    $('.metadataImagesConfigurationForm').off('submit', onSubmit).on('submit', onSubmit);
-}).on('pageshow', '#metadataImagesConfigurationPage', function() {
-    loading.show();
-    loadPage(this);
-});
-
@@ -1,44 +0,0 @@
-<div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-title="${LabelMetadata}">
-
-    <div>
-
-        <div class="content-primary">
-
-            <form class="metadataImagesConfigurationForm">
-                <div class="verticalSection">
-                    <h2 style="margin-top:0;">${HeaderPreferredMetadataLanguage}</h2>
-
-                    <p style="margin:1.5em 0;">${DefaultMetadataLangaugeDescription}</p>
-
-                    <div class="selectContainer">
-                        <select is="emby-select" id="selectLanguage" required="required" label="${LabelLanguage}"></select>
-                    </div>
-
-                    <div class="selectContainer">
-                        <select is="emby-select" id="selectCountry" required="required" label="${LabelCountry}"></select>
-                    </div>
-                </div>
-
-                <div class="verticalSection">
-                    <h2>${HeaderDummyChapter}</h2>
-                    <div class="inputContainer">
-                        <input is="emby-input" type="number" id="valDummyChapterDuration" label="${LabelDummyChapterDuration}" min="0"></input>
-                        <div class="fieldDescription">${LabelDummyChapterDurationHelp}</div>
-                    </div>
-                    <div class="selectContainer">
-                        <select is="emby-select" id="txtChapterImageResolution" label="${LabelChapterImageResolution}"></select>
-                        <div class="fieldDescription">
-                            <div>${LabelChapterImageResolutionHelp}</div>
-                        </div>
-                    </div>
-                </div>
-
-                <br />
-                <div>
-                    <button is="emby-button" type="submit" class="raised button-submit block"><span>${Save}</span></button>
-                </div>
-            </form>
-        </div>
-
-    </div>
-</div>