Merge remote-tracking branch 'upstream/master' into metadata-editor

2025-03-30 19:56:21 +00:00 · 2020-05-18 19:15:20 +02:00 · 2020-05-18 19:15:20 +02:00 · 9f14bde2cb
commit 9f14bde2cb
parent 9ee05151f0 d0a4e14c0c
117 changed files with 560 additions and 563 deletions
--- a/src/components/imageOptionsEditor/imageOptionsEditor.js
+++ b/src/components/imageOptionsEditor/imageOptionsEditor.js
@ -0,0 +1,112 @@
+define(['globalize', 'dom', 'dialogHelper', 'emby-checkbox', 'emby-select', 'emby-input'], function (globalize, dom, dialogHelper) {
+    'use strict';
+
+    function getDefaultImageConfig(itemType, type) {
+        return {
+            Type: type,
+            MinWidth: 0,
+            Limit: 'Primary' === type ? 1 : 0
+        };
+    }
+
+    function findImageOptions(imageOptions, type) {
+        return imageOptions.filter(function (i) {
+            return i.Type == type;
+        })[0];
+    }
+
+    function getImageConfig(options, availableOptions, imageType, itemType) {
+        return findImageOptions(options.ImageOptions || [], imageType) || findImageOptions(availableOptions.DefaultImageOptions || [], imageType) || getDefaultImageConfig(itemType, imageType);
+    }
+
+    function setVisibilityOfBackdrops(elem, visible) {
+        if (visible) {
+            elem.classList.remove('hide');
+            elem.querySelector('input').setAttribute('required', 'required');
+        } else {
+            elem.classList.add('hide');
+            elem.querySelector('input').setAttribute('required', '');
+            elem.querySelector('input').removeAttribute('required');
+        }
+    }
+
+    function loadValues(context, itemType, options, availableOptions) {
+        var supportedImageTypes = availableOptions.SupportedImageTypes || [];
+        setVisibilityOfBackdrops(context.querySelector('.backdropFields'), -1 != supportedImageTypes.indexOf('Backdrop'));
+        setVisibilityOfBackdrops(context.querySelector('.screenshotFields'), -1 != supportedImageTypes.indexOf('Screenshot'));
+        Array.prototype.forEach.call(context.querySelectorAll('.imageType'), function (i) {
+            var imageType = i.getAttribute('data-imagetype');
+            var container = dom.parentWithTag(i, 'LABEL');
+
+            if (-1 == supportedImageTypes.indexOf(imageType)) {
+                container.classList.add('hide');
+            } else {
+                container.classList.remove('hide');
+            }
+
+            if (getImageConfig(options, availableOptions, imageType, itemType).Limit) {
+                i.checked = true;
+            } else {
+                i.checked = false;
+            }
+        });
+        var backdropConfig = getImageConfig(options, availableOptions, 'Backdrop', itemType);
+        context.querySelector('#txtMaxBackdrops').value = backdropConfig.Limit;
+        context.querySelector('#txtMinBackdropDownloadWidth').value = backdropConfig.MinWidth;
+        var screenshotConfig = getImageConfig(options, availableOptions, 'Screenshot', itemType);
+        context.querySelector('#txtMaxScreenshots').value = screenshotConfig.Limit;
+        context.querySelector('#txtMinScreenshotDownloadWidth').value = screenshotConfig.MinWidth;
+    }
+
+    function saveValues(context, options) {
+        options.ImageOptions = Array.prototype.map.call(context.querySelectorAll('.imageType:not(.hide)'), function (c) {
+            return {
+                Type: c.getAttribute('data-imagetype'),
+                Limit: c.checked ? 1 : 0,
+                MinWidth: 0
+            };
+        });
+        options.ImageOptions.push({
+            Type: 'Backdrop',
+            Limit: context.querySelector('#txtMaxBackdrops').value,
+            MinWidth: context.querySelector('#txtMinBackdropDownloadWidth').value
+        });
+        options.ImageOptions.push({
+            Type: 'Screenshot',
+            Limit: context.querySelector('#txtMaxScreenshots').value,
+            MinWidth: context.querySelector('#txtMinScreenshotDownloadWidth').value
+        });
+    }
+
+    function editor() {
+        this.show = function (itemType, options, availableOptions) {
+            return new Promise(function (resolve, reject) {
+                var xhr = new XMLHttpRequest();
+                xhr.open('GET', 'components/imageOptionsEditor/imageOptionsEditor.template.html', true);
+
+                xhr.onload = function (e) {
+                    var template = this.response;
+                    var dlg = dialogHelper.createDialog({
+                        size: 'small',
+                        removeOnClose: true,
+                        scrollY: false
+                    });
+                    dlg.classList.add('formDialog');
+                    dlg.innerHTML = globalize.translateDocument(template);
+                    dlg.addEventListener('close', function () {
+                        saveValues(dlg, options);
+                    });
+                    loadValues(dlg, itemType, options, availableOptions);
+                    dialogHelper.open(dlg).then(resolve, resolve);
+                    dlg.querySelector('.btnCancel').addEventListener('click', function () {
+                        dialogHelper.close(dlg);
+                    });
+                };
+
+                xhr.send();
+            });
+        };
+    }
+
+    return editor;
+});