mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
rework dialogs
This commit is contained in:
parent
5a71a65637
commit
5b66bb9ecb
39 changed files with 486 additions and 121 deletions
|
@ -1,9 +1,9 @@
|
|||
define(['paperdialoghelper', 'jQuery', 'paper-checkbox', 'paper-dialog', 'paper-input'], function (paperDialogHelper, $) {
|
||||
define(['paperdialoghelper', 'jQuery', 'paper-checkbox', 'paper-input'], function (paperDialogHelper, $) {
|
||||
|
||||
function onSubmit() {
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
var panel = $(this).parents('paper-dialog')[0];
|
||||
var panel = $(this).parents('dialog')[0];
|
||||
|
||||
var collectionId = $('#selectCollectionToAddTo', panel).val();
|
||||
|
||||
|
@ -215,7 +215,7 @@
|
|||
|
||||
initEditor(dlg, items);
|
||||
|
||||
$(dlg).on('iron-overlay-closed', onDialogClosed);
|
||||
$(dlg).on('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
|
|
@ -237,7 +237,7 @@
|
|||
$(dlg).on('iron-overlay-opened', function () {
|
||||
this.querySelector('#txtDirectoryPickerPath input').focus();
|
||||
});
|
||||
$(dlg).on('iron-overlay-closed', onDialogClosed);
|
||||
$(dlg).on('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
|
|
@ -204,7 +204,7 @@
|
|||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
dlg.addEventListener('iron-overlay-closed', function () {
|
||||
dlg.addEventListener('close', function () {
|
||||
|
||||
if (dlg.submitted) {
|
||||
resolve();
|
||||
|
|
|
@ -528,7 +528,7 @@
|
|||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
dlg.addEventListener('iron-overlay-closed', resolve);
|
||||
dlg.addEventListener('close', resolve);
|
||||
|
||||
var onTimeout = function () {
|
||||
updateFilterControls(dlg, options);
|
||||
|
|
|
@ -113,7 +113,7 @@
|
|||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
dlg.addEventListener('iron-overlay-closed', function () {
|
||||
dlg.addEventListener('close', function () {
|
||||
|
||||
if (dlg.submitted) {
|
||||
resolve();
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['paperdialoghelper', 'jQuery', 'paper-checkbox', 'paper-dialog', 'paper-fab'], function (paperDialogHelper, $) {
|
||||
define(['paperdialoghelper', 'jQuery', 'paper-checkbox', 'dialog', 'paper-fab'], function (paperDialogHelper, $) {
|
||||
|
||||
var currentItemId;
|
||||
var currentItemType;
|
||||
|
@ -130,7 +130,7 @@
|
|||
ApiClient.downloadRemoteImage(options).then(function () {
|
||||
|
||||
hasChanges = true;
|
||||
var dlg = $(page).parents('paper-dialog')[0];
|
||||
var dlg = $(page).parents('dialog')[0];
|
||||
paperDialogHelper.close(dlg);
|
||||
});
|
||||
}
|
||||
|
@ -296,7 +296,7 @@
|
|||
document.body.appendChild(dlg);
|
||||
|
||||
// Has to be assigned a z-index after the call to .open()
|
||||
$(dlg).on('iron-overlay-closed', onDialogClosed);
|
||||
$(dlg).on('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
|
|
@ -271,7 +271,7 @@
|
|||
initEditor(dlg, options);
|
||||
|
||||
// Has to be assigned a z-index after the call to .open()
|
||||
$(dlg).on('iron-overlay-closed', onDialogClosed);
|
||||
$(dlg).on('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['paperdialoghelper', 'jQuery', 'paper-dialog', 'paper-fab'], function (paperDialogHelper, $) {
|
||||
define(['paperdialoghelper', 'jQuery', 'paper-fab'], function (paperDialogHelper, $) {
|
||||
|
||||
var currentItemId;
|
||||
var currentFile;
|
||||
|
@ -85,7 +85,7 @@
|
|||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
var page = $(this).parents('paper-dialog');
|
||||
var page = $(this).parents('dialog');
|
||||
|
||||
var imageType = $('#selectImageType', page).val();
|
||||
|
||||
|
@ -161,7 +161,7 @@
|
|||
document.body.appendChild(dlg);
|
||||
|
||||
// Has to be assigned a z-index after the call to .open()
|
||||
$(dlg).on('iron-overlay-closed', onDialogClosed);
|
||||
$(dlg).on('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['paperdialoghelper', 'jQuery', 'paper-dialog', 'paper-fab', 'paper-input', 'paper-checkbox'], function (paperDialogHelper, $) {
|
||||
define(['paperdialoghelper', 'jQuery', 'paper-fab', 'paper-input', 'paper-checkbox'], function (paperDialogHelper, $) {
|
||||
|
||||
var currentItem;
|
||||
var currentItemType;
|
||||
|
@ -301,7 +301,7 @@
|
|||
document.body.appendChild(dlg);
|
||||
|
||||
// Has to be assigned a z-index after the call to .open()
|
||||
$(dlg).on('iron-overlay-closed', onDialogClosed);
|
||||
$(dlg).on('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
@ -380,7 +380,7 @@
|
|||
return false;
|
||||
});
|
||||
|
||||
dlg.addEventListener('iron-overlay-closed', function () {
|
||||
dlg.addEventListener('close', function () {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
var foundItem = hasChanges ? currentSearchResult : null;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['paperdialoghelper', 'jQuery', 'paper-dialog', 'paper-input', 'paper-fab', 'paper-item-body', 'paper-icon-item'], function (paperDialogHelper, $) {
|
||||
define(['paperdialoghelper', 'jQuery', 'paper-input', 'paper-fab', 'paper-item-body', 'paper-icon-item'], function (paperDialogHelper, $) {
|
||||
|
||||
var currentDeferred;
|
||||
var hasChanges;
|
||||
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
|
||||
var form = this;
|
||||
var dlg = $(form).parents('paper-dialog')[0];
|
||||
var dlg = $(form).parents('dialog')[0];
|
||||
|
||||
var name = $('#txtValue', form).val();
|
||||
var type = $('#selectCollectionType', form).val();
|
||||
|
@ -63,7 +63,7 @@
|
|||
return;
|
||||
}
|
||||
|
||||
var dlg = $(this).parents('paper-dialog')[0];
|
||||
var dlg = $(this).parents('dialog')[0];
|
||||
|
||||
var index = this.selectedIndex;
|
||||
if (index != -1) {
|
||||
|
@ -214,7 +214,7 @@
|
|||
|
||||
initEditor(dlg, options.collectionTypeOptions);
|
||||
|
||||
dlg.addEventListener('iron-overlay-closed', onDialogClosed);
|
||||
dlg.addEventListener('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
|
|
@ -178,7 +178,7 @@
|
|||
var editorContent = dlg.querySelector('.editorContent');
|
||||
initEditor(editorContent, options);
|
||||
|
||||
$(dlg).on('iron-overlay-closed', onDialogClosed);
|
||||
$(dlg).on('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['paperdialoghelper', 'jQuery', 'paper-checkbox', 'paper-dialog', 'paper-input', 'paper-item-body', 'paper-icon-item', 'paper-textarea', 'paper-fab'], function (paperDialogHelper, $) {
|
||||
define(['paperdialoghelper', 'jQuery', 'paper-checkbox', 'paper-input', 'paper-item-body', 'paper-icon-item', 'paper-textarea', 'paper-fab'], function (paperDialogHelper, $) {
|
||||
|
||||
var currentContext;
|
||||
var metadataEditorInfo;
|
||||
|
@ -6,7 +6,7 @@
|
|||
|
||||
function closeDialog(isSubmitted) {
|
||||
|
||||
if (currentContext.tagName == 'PAPER-DIALOG') {
|
||||
if (currentContext.tagName == 'DIALOG') {
|
||||
paperDialogHelper.close(currentContext);
|
||||
}
|
||||
}
|
||||
|
@ -463,7 +463,7 @@
|
|||
});
|
||||
|
||||
// For now this is only supported in dialog mode because we have a way of knowing when it closes
|
||||
if (currentContext.tagName == 'PAPER-DIALOG') {
|
||||
if (currentContext.tagName == 'DIALOG') {
|
||||
bindItemChanged(context);
|
||||
}
|
||||
}
|
||||
|
@ -1239,7 +1239,7 @@
|
|||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
dlg.addEventListener('iron-overlay-closed', function () {
|
||||
dlg.addEventListener('close', function () {
|
||||
unbindItemChanged(dlg);
|
||||
resolve();
|
||||
});
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
dlg.addEventListener('iron-overlay-closed', function () {
|
||||
dlg.addEventListener('close', function () {
|
||||
|
||||
if (submitted) {
|
||||
resolve(person);
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['paperdialoghelper', 'jQuery', 'paper-dialog', 'paper-input'], function (paperDialogHelper, $) {
|
||||
define(['paperdialoghelper', 'jQuery', 'paper-input'], function (paperDialogHelper, $) {
|
||||
|
||||
var lastPlaylistId = '';
|
||||
|
||||
|
@ -221,7 +221,7 @@
|
|||
|
||||
initEditor(dlg, items);
|
||||
|
||||
$(dlg).on('iron-overlay-closed', onDialogClosed);
|
||||
$(dlg).on('close', onDialogClosed);
|
||||
|
||||
paperDialogHelper.open(dlg);
|
||||
|
||||
|
|
|
@ -355,7 +355,7 @@
|
|||
|
||||
currentDialog = dlg;
|
||||
|
||||
dlg.addEventListener('iron-overlay-closed', function () {
|
||||
dlg.addEventListener('close', function () {
|
||||
|
||||
if (recordingCreated) {
|
||||
require(['toast'], function (toast) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue