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

update jqm

This commit is contained in:
Luke Pulverenti 2015-09-01 00:15:10 -04:00
parent 55c36e3507
commit 6c549ec80b
23 changed files with 1793 additions and 1806 deletions

View file

@ -4,7 +4,7 @@
<title>${TitleAutoOrganize}</title>
</head>
<body>
<div id="libraryFileOrganizerLogPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="jqmtable,scripts/autoorganizelog,scripts/taskbutton,paperbuttonstyle,detailtablecss">
<div id="libraryFileOrganizerLogPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="jqmtable,jqmpopup,scripts/autoorganizelog,scripts/taskbutton,paperbuttonstyle,detailtablecss">
<div data-role="content">
<div class="content-primary">

View file

@ -313,41 +313,3 @@
opacity: 0;
}
}
.videoPlayerPopupContent {
width: 200px;
}
.videoChaptersPopup .videoPlayerPopupContent {
width: 300px;
}
.videoChapterPopupImage {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.videoPlayerPopupScroller {
overflow-y: auto;
overflow-x: hidden;
max-height: 180px;
}
@media all and (min-height: 500px) {
.videoPlayerPopupScroller {
max-height: 300px;
}
}
@media all and (min-height: 600px) {
.videoPlayerPopupScroller {
max-height: 400px;
}
}

View file

@ -4,7 +4,7 @@
<title>${TitleDlna}</title>
</head>
<body>
<div id="dlnaProfilePage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="scripts/dlnaprofile">
<div id="dlnaProfilePage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="jqmpopup,scripts/dlnaprofile">
<div data-role="content">
<div class="content-primary">

View file

@ -4,7 +4,7 @@
<title>Emby</title>
</head>
<body>
<div id="editItemMetadataPage" data-role="page" class="page libraryPage metadataEditorPage noSecondaryNavPage" data-contextname="${HeaderMetadataManager}" data-require="scripts/editorsidebar,scripts/edititemmetadata,jqmicons,scripts/edititemsubtitles,scripts/editcollectionitems,scripts/edititemimages">
<div id="editItemMetadataPage" data-role="page" class="page libraryPage metadataEditorPage noSecondaryNavPage" data-contextname="${HeaderMetadataManager}" data-require="jqmpopup,scripts/editorsidebar,scripts/edititemmetadata,jqmicons,scripts/edititemsubtitles,scripts/editcollectionitems,scripts/edititemimages">
<div>
<div class="editPageSidebar" style="overflow:auto;">
<div class="libraryTree">
@ -227,7 +227,7 @@
<paper-input id="txtDisplayMediaType" type="text" label="${LabelTreatImageAs}"></paper-input>
</div>
<div id="fldDisplaySpecialsInline" class="fldDisplaySetting">
<br/>
<br />
<paper-checkbox id="chkDisplaySpecialsInline">${LabelDisplaySpecialsWithinSeasons}</paper-checkbox>
</div>
<div id="fldDisplayOrder" class="fldDisplaySetting">
@ -343,7 +343,7 @@
<div class="readOnlyContent" style="max-width: 700px;">
<div class="subtitleList"></div>
</div>
<br/>
<br />
<h1>${HeaderSearchForSubtitles}</h1>
<form class="subtitleSearchForm">
@ -556,7 +556,7 @@
</div>
<div data-role="popup" class="ui-content popupSubtitleViewer">
<div data-role="popup" class="popup popupSubtitleViewer">
<a href="#" data-rel="back" data-role="button" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<div class="subtitleViewerContent">
<pre class="subtitleContent" style="margin: 0; border-radius: 0;"></pre>

View file

@ -4,7 +4,7 @@
<title>${TitleMediaLibrary}</title>
</head>
<body>
<div id="mediaLibraryPage" data-role="page" class="page type-interior mediaLibraryPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" data-require="scripts/medialibrarypage,scripts/taskbutton">
<div id="mediaLibraryPage" data-role="page" class="page type-interior mediaLibraryPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" data-require="jqmpopup,scripts/medialibrarypage,scripts/taskbutton">
<div data-role="content">
<div class="content-primary">

View file

@ -4,7 +4,7 @@
<title>${TitleScheduledTasks}</title>
</head>
<body>
<div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="scripts/scheduledtaskpage">
<div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="jqmpopup,scripts/scheduledtaskpage">
<div data-role="content">
<div class="content-primary">

View file

@ -214,8 +214,11 @@
self.show = function (options) {
getSystemInfo().done(function (systemInfo) {
require(['jqmpopup'], function() {
show(self, page, options, systemInfo);
});
});
};
self.close = function () {

View file

@ -299,6 +299,7 @@
function showPostPlayMenu(item) {
require(['jqmpopup'], function() {
$('.externalPlayerPostPlayFlyout').popup("close").remove();
var html = '<div data-role="popup" class="externalPlayerPostPlayFlyout" data-history="false" data-theme="a" data-dismissible="false">';
@ -400,6 +401,7 @@
Logger.log("slidin", pct, self.currentDurationTicks, time);
});
});
}
function closePlayMenu() {
@ -408,6 +410,7 @@
function showMenuForItem(item, players) {
require(['jqmpopup'], function () {
closePlayMenu();
var html = '<div data-role="popup" class="externalPlayerFlyout" data-theme="a" data-dismissible="false">';
@ -440,6 +443,7 @@
ExternalPlayer.onPlaybackStart();
});
});
}
function showPlayMenu(itemId) {

View file

@ -787,9 +787,11 @@
var context = options.context;
require(['jqmpopup'], function () {
var elem = getItemsOverlay(options.ids, context);
setItemIntoOverlay(elem, 0);
});
}
function onCardClick(e) {

View file

@ -149,6 +149,7 @@
function showOverlay(elem, item) {
require(['jqmpopup'], function () {
$('.itemFlyout').popup('close').remove();
var html = '<div data-role="popup" class="itemFlyout" data-theme="b" data-arrow="true" data-history="false">';
@ -184,6 +185,7 @@
popup.parents().prev('.ui-popup-screen').remove();
currentPosterItem = elem;
});
}
function onProgramClicked() {

View file

@ -688,7 +688,6 @@
html += '<paper-icon-button icon="subtitles" class="mediaButton videoSubtitleButton" onclick="MediaPlayer.showSubtitleMenu();"></paper-icon-button>';
html += '<paper-icon-button icon="videocam" class="mediaButton videoChaptersButton" onclick="MediaPlayer.showChaptersFlyout();"></paper-icon-button>';
html += '<div data-role="popup" class="videoChaptersPopup videoPlayerPopup" data-history="false" data-theme="b"></div>';
html += '<paper-icon-button icon="settings" class="mediaButton videoQualityButton" onclick="MediaPlayer.showQualityFlyout();"></paper-icon-button>';
@ -1069,7 +1068,7 @@
}
if (item.Chapters && item.Chapters.length && supportsContentOverVideoPlayer()) {
$('.videoChaptersButton').show();
$('.videoChaptersButton').hide();
} else {
$('.videoChaptersButton').hide();
}

View file

@ -6,6 +6,13 @@
self.show = function (options) {
require(['jqmpopup'], function () {
self.showInternal(options);
});
};
self.showInternal = function (options) {
options = options || {};
options.header = options.header || Globalize.translate('HeaderRateAndReview');

View file

@ -32,7 +32,7 @@ var Dashboard = {
//$.mobile.listview.prototype.options.dividerTheme = "b";
//$.mobile.popup.prototype.options.theme = "c";
$.mobile.popup.prototype.options.transition = "none";
//$.mobile.popup.prototype.options.transition = "none";
//$.mobile.keepNative = "textarea";
@ -1657,20 +1657,6 @@ var Dashboard = {
Dashboard.initPromise.done(fn);
},
firePageEvent: function (page, name, dependencies) {
Dashboard.ready(function () {
if (dependencies && dependencies.length) {
require(dependencies, function () {
Events.trigger(page, name);
});
} else {
Events.trigger(page, name);
}
});
},
loadExternalPlayer: function () {
var deferred = DeferredBuilder.Deferred();
@ -2117,6 +2103,11 @@ var AppInfo = {};
return {};
});
define("jqmpopup", ["thirdparty/jquerymobile-1.4.5/jqm.popup"], function () {
Dashboard.importCss('thirdparty/jquerymobile-1.4.5/jqm.popup.css');
return {};
});
$.extend(AppInfo, Dashboard.getAppInfo(appName, deviceId, deviceName));
var drawer = document.querySelector('.mainDrawerPanel');
@ -2175,15 +2166,35 @@ var AppInfo = {};
var newHtml = mainDrawerPanelContent.innerHTML.substring(4);
newHtml = newHtml.substring(0, newHtml.length - 3);
var srch = 'data-require=';
var index = newHtml.indexOf(srch);
if (index != -1) {
var requireAttribute = newHtml.substring(index + srch.length + 1);
requireAttribute = requireAttribute.substring(0, requireAttribute.indexOf('"'));
var depends = requireAttribute.split(',');
require(depends, function () {
mainDrawerPanelContent.innerHTML = Globalize.translateDocument(newHtml, 'html');
onAppReady(deferred);
});
return;
}
}
onAppReady(deferred);
});
});
}
function onAppReady(deferred) {
onDocumentReady();
Dashboard.initPromiseDone = true;
$.mobile.initializePage();
deferred.resolve();
});
});
}
function initCordovaWithDeviceId(deferred, deviceId) {
@ -2264,35 +2275,16 @@ $(document).on('pagecreate', ".page", function () {
}).on('pageinit', ".page", function () {
var page = this;
var dependencies = this.getAttribute('data-require');
dependencies = dependencies ? dependencies.split(',') : null;
if (!page.classList.contains('libraryPage')) {
dependencies = dependencies || [];
dependencies.push('jqmicons');
}
Dashboard.firePageEvent(page, 'pageinitdepends', dependencies);
Events.trigger(page, 'pageinitdepends');
}).on('pagebeforeshow', ".page", function () {
var page = this;
var dependencies = this.getAttribute('data-require');
Dashboard.ensurePageTitle(page);
dependencies = dependencies ? dependencies.split(',') : null;
Dashboard.firePageEvent(page, 'pagebeforeshowready', dependencies);
Events.trigger(page, 'pagebeforeshowready');
}).on('pageshow', ".page", function () {
var page = this;
var dependencies = this.getAttribute('data-require');
dependencies = dependencies ? dependencies.split(',') : null;
Dashboard.firePageEvent(page, 'pageshowbeginready', dependencies);
}).on('pageshowbeginready', ".page", function () {
var page = this;
var apiClient = window.ApiClient;
@ -2334,7 +2326,7 @@ $(document).on('pagecreate', ".page", function () {
}
}
Dashboard.firePageEvent(page, 'pageshowready');
Events.trigger(page, 'pageshowready');
Dashboard.ensureHeader(page);

View file

@ -218,6 +218,7 @@
function showPendingUserMenu(elem) {
require(['jqmpopup'], function() {
var card = $(elem).parents('.card');
var page = $(elem).parents('.page');
var id = card.attr('data-id');
@ -247,6 +248,7 @@
cancelAuthorization(page, this.getAttribute('data-id'));
$('.userMenu', page).popup("close").remove();
});
});
}
function getPendingUserHtml(user) {

View file

@ -4,7 +4,7 @@
<title>${TitleSupport}</title>
</head>
<body>
<div id="supporterKeyPage" data-role="page" class="page type-interior" data-require="scripts/supporterkeypage">
<div id="supporterKeyPage" data-role="page" class="page type-interior" data-require="jqmpopup,scripts/supporterkeypage">
<div data-role="content">
<div class="content-primary">

View file

@ -0,0 +1,362 @@
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
}
.ui-popup-screen {
background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
top: 0;
left: 0;
right: 0;
bottom: 1px;
position: absolute;
filter: Alpha(Opacity=0);
opacity: 0;
z-index: 1099;
}
.ui-popup-screen.in {
opacity: 0.5;
filter: Alpha(Opacity=50);
}
.ui-popup-screen.out {
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-popup-container {
z-index: 1100;
display: inline-block;
position: absolute;
padding: 0;
outline: 0;
}
.ui-popup {
position: relative;
}
.ui-popup.ui-body-inherit {
border-width: 1px;
border-style: solid;
}
.ui-popup-hidden {
left: 0;
top: 0;
position: absolute !important;
visibility: hidden;
}
.ui-popup-truncate {
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
}
.ui-popup.ui-content,
.ui-popup .ui-content {
overflow: visible;
}
.ui-popup > .ui-header {
border-top-width: 0;
}
.ui-popup > .ui-footer {
border-bottom-width: 0;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
margin: .5em .4375em;
}
.ui-popup > span {
display: block;
margin: .5em .4375em;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
margin: .5em 0;
}
.ui-popup-container .ui-content > span {
margin: 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
margin-bottom: 0;
}
.ui-popup > img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.ui-popup:not(.ui-content) > img:only-child,
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
-webkit-border-radius: inherit;
border-radius: inherit;
}
.ui-popup iframe {
vertical-align: middle;
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
position: absolute;
top: -11px;
margin: 0;
z-index: 1101;
}
.ui-popup > .ui-btn-left {
left: -11px;
}
.ui-popup > .ui-btn-right {
right: -11px;
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
@-moz-keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
.fade.out {
opacity: 0;
-webkit-animation-duration: 125ms;
-webkit-animation-name: fadeout;
-moz-animation-duration: 125ms;
-moz-animation-name: fadeout;
animation-duration: 125ms;
animation-name: fadeout;
}
.fade.in {
opacity: 1;
-webkit-animation-duration: 225ms;
-webkit-animation-name: fadein;
-moz-animation-duration: 225ms;
-moz-animation-name: fadein;
animation-duration: 225ms;
animation-name: fadein;
}
/* Dimensions related to the popup arrow
-----------------------------------------------------------------------------------------------------------*/
/* desired triangle height: 10px */
/**
* guide for the arrow - its width, height, and offset are theme-dependent and
* should be expessed as left, right, top, bottom, so that the element bearing
* such a class becomes stretched inside its parent position: relative element.
* The left/top/right/bottom specified below should reflect the corresponding
* border radii and so it leaves room for the shadow:
* ..--------------------..
* ." ^ top ".
* / v \
* | +------------------+ |
* | | | |
* | left| |right|
* |<--->| |<--->|
* | +------------------+ |
* \ ^ /
* `. v bottom .'
* ""--------------------""
* The idea is that the top/left of the arrow container box does not move to a
* coordinate smaller than the top/left of the guide and the right/bottom of
* the arrow container box does not move to a coordinate larger than the
* bottom/right of the guide. This will help us avoid the following situation:
* ..--------------------..
* ." ^ top ".
* /|/ v \
* / | +------------------+ |
* \ | | | |
* \| left| |right|
* |<--->| |<--->|
* | +------------------+ |
* \ ^ /
* `. v bottom .'
* ""--------------------""
* The arrow should not receive a top/left coordinate such that it is too close
* to one of the corners, because then at first the shadow of the arrow and,
* given a coordinate even closer to the corner, even the body of the arrow will
* "stick out" of the corner of the popup. The guide provides a hint to the
* arrow positioning code as to which range of values is acceptable for the
* arrow container's top/left coordinate.
**/
.ui-popup-arrow-container {
width: 20px;
height: 20px;
}
/* aside from the "infinities" (-1000,2000), triangle height is used */
.ui-popup-arrow-container.ui-popup-arrow-l {
left: -10px;
clip: rect(-1000px,10px,2000px,-1000px);
}
.ui-popup-arrow-container.ui-popup-arrow-t {
top: -10px;
clip: rect(-1000px,2000px,10px,-1000px);
}
.ui-popup-arrow-container.ui-popup-arrow-r {
right: -10px;
clip: rect(-1000px,2000px,2000px,10px);
}
.ui-popup-arrow-container.ui-popup-arrow-b {
bottom: -10px;
clip: rect(10px,2000px,1000px,-1000px);
}
/**
* For each side, the arrow is twice the desired size and its corner is aligned
* with the edge of the container:
*
* /\ /\ +----+ /\
* / \ / \ | /\ |top / \
* +----+ \ / +----+ +-->|/ \| / \
* left| / | \ / | \ |right | | | / \
* |/ | \ / | \| | /| |\ / \
* |\ | / \ | /| | / +----+ \ \ +----+ /
* | \ | / \ | / | | \ / \| |/
* +----+ / \ +----+ | \ / | |
* ^ \ / \ / ^ | \ / +->|\ /|
* | \/ \/ | | \ / | | \/ |bottom
* | | | \/ | +----+
* +-------------------+--------+-----------+
* |
* arrow container
* (clips arrow)
**/
.ui-popup-arrow-container .ui-popup-arrow {
/* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
width: 28.284271247px;
height: 28.284271247px;
border-width: 1px;
border-style: solid;
}
.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
left: -4.142135623px;
top: 5.857864376px;
}
.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
left: -4.142135623px;
top: -14.142135623px;
}
.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
left: 5.857864376px;
top: -4.142135623px;
}
.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
left: -14.142135623px;
top: -4.142135623px;
}
/* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */
.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
margin-left: -5.857864376269049px;
margin-top: -7.0710678118654755px;
}
.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
margin-left: -5.857864376269049px;
margin-top: -4.142135623730951px;
}
.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
margin-left: -7.0710678118654755px;
margin-top: -5.857864376269049px;
}
.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
margin-left: -4.142135623730951px;
margin-top: -5.857864376269049px;
}
/* structure */
.ui-popup > .ui-popup-arrow-guide {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
visibility: hidden;
}
.ui-popup-arrow-container {
position: absolute;
}
.ui-popup-arrow {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
overflow: hidden;
box-sizing: border-box;
}
.ui-popup-arrow-container.ie .ui-popup-arrow {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.7071067811865474,
M12=-0.7071067811865477,
M21=0.7071067811865477,
M22=0.7071067811865474,
SizingMethod='auto expand');
}
/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
left: .6em /*{global-radii-blocks}*/;
right: .6em /*{global-radii-blocks}*/;
top: .6em /*{global-radii-blocks}*/;
bottom: .6em /*{global-radii-blocks}*/;
}

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -1805,355 +1805,3 @@ ol.ui-listview > li img:first-child + * ~ * {
display: none;
}
}
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
}
.ui-popup-screen {
background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
top: 0;
left: 0;
right: 0;
bottom: 1px;
position: absolute;
filter: Alpha(Opacity=0);
opacity: 0;
z-index: 1099;
}
.ui-popup-screen.in {
opacity: 0.5;
filter: Alpha(Opacity=50);
}
.ui-popup-screen.out {
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-popup-container {
z-index: 1100;
display: inline-block;
position: absolute;
padding: 0;
outline: 0;
}
.ui-popup {
position: relative;
}
.ui-popup.ui-body-inherit {
border-width: 1px;
border-style: solid;
}
.ui-popup-hidden {
left: 0;
top: 0;
position: absolute !important;
visibility: hidden;
}
.ui-popup-truncate {
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
}
.ui-popup.ui-content,
.ui-popup .ui-content {
overflow: visible;
}
.ui-popup > .ui-header {
border-top-width: 0;
}
.ui-popup > .ui-footer {
border-bottom-width: 0;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
margin: .5em .4375em;
}
.ui-popup > span {
display: block;
margin: .5em .4375em;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
margin: .5em 0;
}
.ui-popup-container .ui-content > span {
margin: 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
margin-bottom: 0;
}
.ui-popup > img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.ui-popup:not(.ui-content) > img:only-child,
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
-webkit-border-radius: inherit;
border-radius: inherit;
}
.ui-popup iframe {
vertical-align: middle;
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
position: absolute;
top: -11px;
margin: 0;
z-index: 1101;
}
.ui-popup > .ui-btn-left {
left: -11px;
}
.ui-popup > .ui-btn-right {
right: -11px;
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
@-moz-keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
.fade.out {
opacity: 0;
-webkit-animation-duration: 125ms;
-webkit-animation-name: fadeout;
-moz-animation-duration: 125ms;
-moz-animation-name: fadeout;
animation-duration: 125ms;
animation-name: fadeout;
}
.fade.in {
opacity: 1;
-webkit-animation-duration: 225ms;
-webkit-animation-name: fadein;
-moz-animation-duration: 225ms;
-moz-animation-name: fadein;
animation-duration: 225ms;
animation-name: fadein;
}
/* Dimensions related to the popup arrow
-----------------------------------------------------------------------------------------------------------*/
/* desired triangle height: 10px */
/**
* guide for the arrow - its width, height, and offset are theme-dependent and
* should be expessed as left, right, top, bottom, so that the element bearing
* such a class becomes stretched inside its parent position: relative element.
* The left/top/right/bottom specified below should reflect the corresponding
* border radii and so it leaves room for the shadow:
* ..--------------------..
* ." ^ top ".
* / v \
* | +------------------+ |
* | | | |
* | left| |right|
* |<--->| |<--->|
* | +------------------+ |
* \ ^ /
* `. v bottom .'
* ""--------------------""
* The idea is that the top/left of the arrow container box does not move to a
* coordinate smaller than the top/left of the guide and the right/bottom of
* the arrow container box does not move to a coordinate larger than the
* bottom/right of the guide. This will help us avoid the following situation:
* ..--------------------..
* ." ^ top ".
* /|/ v \
* / | +------------------+ |
* \ | | | |
* \| left| |right|
* |<--->| |<--->|
* | +------------------+ |
* \ ^ /
* `. v bottom .'
* ""--------------------""
* The arrow should not receive a top/left coordinate such that it is too close
* to one of the corners, because then at first the shadow of the arrow and,
* given a coordinate even closer to the corner, even the body of the arrow will
* "stick out" of the corner of the popup. The guide provides a hint to the
* arrow positioning code as to which range of values is acceptable for the
* arrow container's top/left coordinate.
**/
.ui-popup-arrow-container {
width: 20px;
height: 20px;
}
/* aside from the "infinities" (-1000,2000), triangle height is used */
.ui-popup-arrow-container.ui-popup-arrow-l {
left: -10px;
clip: rect(-1000px,10px,2000px,-1000px);
}
.ui-popup-arrow-container.ui-popup-arrow-t {
top: -10px;
clip: rect(-1000px,2000px,10px,-1000px);
}
.ui-popup-arrow-container.ui-popup-arrow-r {
right: -10px;
clip: rect(-1000px,2000px,2000px,10px);
}
.ui-popup-arrow-container.ui-popup-arrow-b {
bottom: -10px;
clip: rect(10px,2000px,1000px,-1000px);
}
/**
* For each side, the arrow is twice the desired size and its corner is aligned
* with the edge of the container:
*
* /\ /\ +----+ /\
* / \ / \ | /\ |top / \
* +----+ \ / +----+ +-->|/ \| / \
* left| / | \ / | \ |right | | | / \
* |/ | \ / | \| | /| |\ / \
* |\ | / \ | /| | / +----+ \ \ +----+ /
* | \ | / \ | / | | \ / \| |/
* +----+ / \ +----+ | \ / | |
* ^ \ / \ / ^ | \ / +->|\ /|
* | \/ \/ | | \ / | | \/ |bottom
* | | | \/ | +----+
* +-------------------+--------+-----------+
* |
* arrow container
* (clips arrow)
**/
.ui-popup-arrow-container .ui-popup-arrow {
/* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
width: 28.284271247px;
height: 28.284271247px;
border-width: 1px;
border-style: solid;
}
.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
left: -4.142135623px;
top: 5.857864376px;
}
.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
left: -4.142135623px;
top: -14.142135623px;
}
.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
left: 5.857864376px;
top: -4.142135623px;
}
.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
left: -14.142135623px;
top: -4.142135623px;
}
/* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */
.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
margin-left: -5.857864376269049px;
margin-top: -7.0710678118654755px;
}
.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
margin-left: -5.857864376269049px;
margin-top: -4.142135623730951px;
}
.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
margin-left: -7.0710678118654755px;
margin-top: -5.857864376269049px;
}
.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
margin-left: -4.142135623730951px;
margin-top: -5.857864376269049px;
}
/* structure */
.ui-popup > .ui-popup-arrow-guide {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
visibility: hidden;
}
.ui-popup-arrow-container {
position: absolute;
}
.ui-popup-arrow {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
overflow: hidden;
box-sizing: border-box;
}
.ui-popup-arrow-container.ie .ui-popup-arrow {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.7071067811865474,
M12=-0.7071067811865477,
M21=0.7071067811865477,
M22=0.7071067811865474,
SizingMethod='auto expand');
}

View file

@ -118,13 +118,6 @@ label.ui-btn {
-webkit-background-clip: padding;
background-clip: padding-box;
}
/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
left: .6em /*{global-radii-blocks}*/;
right: .6em /*{global-radii-blocks}*/;
top: .6em /*{global-radii-blocks}*/;
bottom: .6em /*{global-radii-blocks}*/;
}
/* Shadow
-----------------------------------------------------------------------------------------------------------*/

View file

@ -4,7 +4,7 @@
<title></title>
</head>
<body>
<div id="userParentalControlPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/userparentalcontrol">
<div id="userParentalControlPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="jqmpopup,scripts/userparentalcontrol">
<div data-role="content">
<div class="content-primary">

View file

@ -4,7 +4,7 @@
<title>${TitleUsers}</title>
</head>
<body>
<div id="userProfilesPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/userprofilespage">
<div id="userProfilesPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="jqmpopup,scripts/userprofilespage">
<div data-role="content">
<div class="content-primary">

View file

@ -4,7 +4,7 @@
<title>Emby</title>
</head>
<body>
<div id="wizardLibraryPage" data-role="page" class="page standalonePage wizardPage mediaLibraryPage" data-require="scripts/medialibrarypage,scripts/taskbutton,paperbuttonstyle">
<div id="wizardLibraryPage" data-role="page" class="page standalonePage wizardPage mediaLibraryPage" data-require="jqmpopup,scripts/medialibrarypage,scripts/taskbutton,paperbuttonstyle">
<div data-role="content">