rename more components and update references

2025-03-30 19:56:21 +00:00 · 2020-05-17 17:04:36 +09:00 · 2020-05-17 17:04:36 +09:00 · 1aaaffde4c
commit 1aaaffde4c
parent 35094da328
24 changed files with 23 additions and 23 deletions
--- a/src/components/metadataEditor/personEditor.js
+++ b/src/components/metadataEditor/personEditor.js
@ -0,0 +1,99 @@
+define(['dialogHelper', 'layoutManager', 'globalize', 'require', 'paper-icon-button-light', 'emby-input', 'emby-select', 'css!./../formdialog'], function (dialogHelper, layoutManager, globalize, require) {
+    'use strict';
+
+    function centerFocus(elem, horiz, on) {
+        require(['scrollHelper'], function (scrollHelper) {
+            var fn = on ? 'on' : 'off';
+            scrollHelper.centerFocus[fn](elem, horiz);
+        });
+    }
+
+    function show(person) {
+        return new Promise(function (resolve, reject) {
+
+            require(['text!./personEditor.template.html'], function (template) {
+
+                var dialogOptions = {
+                    removeOnClose: true,
+                    scrollY: false
+                };
+
+                if (layoutManager.tv) {
+                    dialogOptions.size = 'fullscreen';
+                } else {
+                    dialogOptions.size = 'medium-tall';
+                }
+
+                var dlg = dialogHelper.createDialog(dialogOptions);
+
+                dlg.classList.add('formDialog');
+
+                var html = '';
+                var submitted = false;
+
+                html += globalize.translateDocument(template, 'core');
+
+                dlg.innerHTML = html;
+
+                dlg.querySelector('.txtPersonName', dlg).value = person.Name || '';
+                dlg.querySelector('.selectPersonType', dlg).value = person.Type || '';
+                dlg.querySelector('.txtPersonRole', dlg).value = person.Role || '';
+
+                if (layoutManager.tv) {
+                    centerFocus(dlg.querySelector('.formDialogContent'), false, true);
+                }
+
+                dialogHelper.open(dlg);
+
+                dlg.addEventListener('close', function () {
+
+                    if (layoutManager.tv) {
+                        centerFocus(dlg.querySelector('.formDialogContent'), false, false);
+                    }
+
+                    if (submitted) {
+                        resolve(person);
+                    } else {
+                        reject();
+                    }
+                });
+
+                dlg.querySelector('.selectPersonType').addEventListener('change', function (e) {
+
+                    if (this.value === 'Actor') {
+                        dlg.querySelector('.fldRole').classList.remove('hide');
+                    } else {
+                        dlg.querySelector('.fldRole').classList.add('hide');
+                    }
+                });
+
+                dlg.querySelector('.btnCancel').addEventListener('click', function (e) {
+
+                    dialogHelper.close(dlg);
+                });
+
+                dlg.querySelector('form').addEventListener('submit', function (e) {
+
+                    submitted = true;
+
+                    person.Name = dlg.querySelector('.txtPersonName', dlg).value;
+                    person.Type = dlg.querySelector('.selectPersonType', dlg).value;
+                    person.Role = dlg.querySelector('.txtPersonRole', dlg).value || null;
+
+                    dialogHelper.close(dlg);
+
+                    e.preventDefault();
+                    return false;
+                });
+
+                dlg.querySelector('.selectPersonType').dispatchEvent(new CustomEvent('change', {
+                    bubbles: true
+                }));
+            });
+        });
+    }
+
+    return {
+        show: show
+    };
+});