1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

move recording editor to popup

This commit is contained in:
Luke Pulverenti 2016-05-09 23:36:43 -04:00
parent 25f06c166b
commit 4d7b51f730
19 changed files with 322 additions and 248 deletions

View file

@ -16,12 +16,12 @@
},
"devDependencies": {},
"ignore": [],
"version": "1.2.67",
"_release": "1.2.67",
"version": "1.2.70",
"_release": "1.2.70",
"_resolution": {
"type": "version",
"tag": "1.2.67",
"commit": "47093f0f441935b5ccc02999f1981e2e274fb1dc"
"tag": "1.2.70",
"commit": "da1751d5ebd43e4681ef9a0834e08d094505e725"
},
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.0",

View file

@ -150,11 +150,7 @@
// The dialog may have just been created and webComponents may not have completed initialiazation yet.
// Without this, seeing some script errors in Firefox
var delay = browser.animate ? 0 : 500;
if (!delay) {
focusManager.autoFocus(dlg);
return;
}
var delay = browser.animate ? 200 : 500;
setTimeout(function () {
focusManager.autoFocus(dlg);
@ -266,7 +262,7 @@
function animateDialogOpen(dlg) {
var onAnimationFinish = function() {
var onAnimationFinish = function () {
};
if (!dlg.animationConfig || !dlg.animate) {
@ -324,8 +320,12 @@
// Also not working well in samsung tizen browser, content inside not clickable
if (!dlg.showModal || browser.tv) {
dlg = document.createElement('div');
} else {
// Just go ahead and always use a plain div because we're seeing issues overlaying absoltutely positioned content over a modal dialog
dlg = document.createElement('div');
}
dlg.classList.add('focuscontainer');
dlg.classList.add('hide');
if (shouldLockDocumentScroll(options)) {

View file

@ -21,7 +21,7 @@ define([], function () {
function focus(element) {
var tagName = element.tagName;
if (tagName == 'PAPER-INPUT' || tagName == 'PAPER-DROPDOWN-MENU' || tagName == 'EMBY-DROPDOWN-MENU') {
if (tagName == 'PAPER-INPUT' || tagName == 'EMBY-DROPDOWN-MENU') {
element = element.querySelector('input') || element;
}
@ -32,8 +32,8 @@ define([], function () {
}
}
var focusableTagNames = ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'A', 'PAPER-BUTTON', 'PAPER-INPUT', 'PAPER-TEXTAREA', 'PAPER-ICON-BUTTON', 'PAPER-FAB', 'PAPER-CHECKBOX', 'PAPER-ICON-ITEM', 'PAPER-MENU-ITEM', 'PAPER-DROPDOWN-MENU', 'EMBY-DROPDOWN-MENU'];
var focusableContainerTagNames = ['BODY', 'PAPER-DIALOG', 'DIALOG'];
var focusableTagNames = ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'A', 'PAPER-BUTTON', 'PAPER-INPUT', 'PAPER-TEXTAREA', 'PAPER-FAB', 'PAPER-CHECKBOX', 'PAPER-ICON-ITEM', 'PAPER-MENU-ITEM', 'EMBY-DROPDOWN-MENU'];
var focusableContainerTagNames = ['BODY', 'DIALOG'];
var focusableQuery = focusableTagNames.join(',') + ',.focusable';
function isFocusable(elem) {
@ -102,6 +102,9 @@ define([], function () {
if (focusableContainerTagNames.indexOf(elem.tagName) != -1) {
return true;
}
if (elem.classList.contains('focuscontainer')) {
return true;
}
if (direction < 2) {
if (elem.classList.contains('focuscontainer-x')) {