mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
101 lines
3.2 KiB
JavaScript
101 lines
3.2 KiB
JavaScript
|
|
import dialogHelper from '../dialogHelper/dialogHelper';
|
|
import layoutManager from '../layoutManager';
|
|
import globalize from '../../scripts/globalize';
|
|
import '../../elements/emby-button/paper-icon-button-light';
|
|
import '../../elements/emby-input/emby-input';
|
|
import '../../elements/emby-select/emby-select';
|
|
import '../formdialog.css';
|
|
import template from './personEditor.template.html';
|
|
|
|
/* eslint-disable indent */
|
|
|
|
function centerFocus(elem, horiz, on) {
|
|
import('../../scripts/scrollHelper').then((scrollHelper) => {
|
|
const fn = on ? 'on' : 'off';
|
|
scrollHelper.centerFocus[fn](elem, horiz);
|
|
});
|
|
}
|
|
|
|
function show(person) {
|
|
return new Promise(function (resolve, reject) {
|
|
const dialogOptions = {
|
|
removeOnClose: true,
|
|
scrollY: false
|
|
};
|
|
|
|
if (layoutManager.tv) {
|
|
dialogOptions.size = 'fullscreen';
|
|
} else {
|
|
dialogOptions.size = 'small';
|
|
}
|
|
|
|
const dlg = dialogHelper.createDialog(dialogOptions);
|
|
|
|
dlg.classList.add('formDialog');
|
|
|
|
let html = '';
|
|
let submitted = false;
|
|
|
|
html += globalize.translateHtml(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
|
|
}));
|
|
});
|
|
}
|
|
|
|
export default {
|
|
show: show
|
|
};
|
|
|
|
/* eslint-enable indent */
|