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

fix sync container statuses

Browse source
This commit is contained in:
Luke Pulverenti 2016-08-26 13:24:04 -04:00
parent f4473116d1
commit c32aa0dab1
23 changed files with 139 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

94
dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css vendored
View file

@ -315,100 +315,100 @@
background-color: #F57F17; background-color: #F57F17;
} }
.scalableCard.bannerCard { .bannerCard-scalable {
width: 100%; width: 100%;
} }
.scalableCard.backdropCard { .backdropCard-scalable {
width: 100%; width: 100%;
} }
.scalableCard.smallBackdropCard { .smallBackdropCard-scalable {
width: 50%; width: 50%;
} }
.scalableCard.squareCard { .squareCard-scalable {
width: 50%; width: 50%;
} }
.scalableCard.portraitCard { .portraitCard-scalable {
width: 33.333333333333333333333333333333%; width: 33.333333333333333333333333333333%;
} }
.scalableCard.overflowPortraitCard { .overflowPortraitCard-scalable {
width: 40%; width: 40%;
max-width: 200px; max-width: 200px;
} }
.scalableCard.overflowBackdropCard { .overflowBackdropCard-scalable {
width: 84%; width: 84%;
max-width: 400px; max-width: 400px;
} }
.scalableCard.overflowSquareCard { .overflowSquareCard-scalable {
width: 42%; width: 42%;
} }
@media all and (min-width: 420px) { @media all and (min-width: 420px) {
.scalableCard.backdropCard { .backdropCard-scalable {
width: 50%; width: 50%;
} }
} }
@media all and (min-width: 500px) { @media all and (min-width: 500px) {
.scalableCard.smallBackdropCard { .smallBackdropCard-scalable {
width: 33.333333333333333333333333333333%; width: 33.333333333333333333333333333333%;
} }
.scalableCard.squareCard { .squareCard-scalable {
width: 33.333333333333333333333333333333%; width: 33.333333333333333333333333333333%;
} }
} }
@media all and (min-width: 640px) { @media all and (min-width: 640px) {
.scalableCard.portraitCard { .portraitCard-scalable {
width: 25%; width: 25%;
} }
.scalableCard.overflowPortraitCard { .overflowPortraitCard-scalable {
width: 36%; width: 36%;
} }
.scalableCard.overflowBackdropCard { .overflowBackdropCard-scalable {
width: 60%; width: 60%;
} }
.scalableCard.overflowSquareCard { .overflowSquareCard-scalable {
width: 30%; width: 30%;
} }
} }
@media all and (min-width: 700px) { @media all and (min-width: 700px) {
.scalableCard.squareCard { .squareCard-scalable {
width: 25%; width: 25%;
} }
} }
@media all and (min-width: 770px) { @media all and (min-width: 770px) {
.scalableCard.backdropCard { .backdropCard-scalable {
width: 33.333333333333333333333333333333%; width: 33.333333333333333333333333333333%;
} }
} }
@media all and (min-width: 800px) { @media all and (min-width: 800px) {
.scalableCard.bannerCard { .bannerCard-scalable {
width: 50%; width: 50%;
} }
.scalableCard.portraitCard { .portraitCard-scalable {
width: 20%; width: 20%;
} }
.scalableCard.smallBackdropCard { .smallBackdropCard-scalable {
width: 25%; width: 25%;
} }
} }
@ -416,7 +416,7 @@
@media all and (min-width: 900px) { @media all and (min-width: 900px) {
.scalableCard.squareCard { .squareCard-scalable {
width: 20%; width: 20%;
} }
} }
@ -424,42 +424,42 @@
@media all and (min-width: 1000px) { @media all and (min-width: 1000px) {
.scalableCard.smallBackdropCard { .smallBackdropCard-scalable {
width: 20%; width: 20%;
} }
.scalableCard.overflowPortraitCard { .overflowPortraitCard-scalable {
width: 23%; width: 23%;
} }
.scalableCard.overflowBackdropCard { .overflowBackdropCard-scalable {
width: 40%; width: 40%;
} }
.scalableCard.overflowSquareCard { .overflowSquareCard-scalable {
width: 22%; width: 22%;
} }
} }
@media all and (min-width: 1200px) { @media all and (min-width: 1200px) {
.scalableCard.backdropCard { .backdropCard-scalable {
width: 25%; width: 25%;
} }
.scalableCard.squareCard { .squareCard-scalable {
width: 16.666666666666666666666666666667%; width: 16.666666666666666666666666666667%;
} }
.scalableCard.bannerCard { .bannerCard-scalable {
width: 33.333333333333333333333333333333%; width: 33.333333333333333333333333333333%;
} }
.scalableCard.portraitCard { .portraitCard-scalable {
width: 16.666666666666666666666666666667%; width: 16.666666666666666666666666666667%;
} }
.scalableCard.smallBackdropCard { .smallBackdropCard-scalable {
width: 16.666666666666666666666666666667%; width: 16.666666666666666666666666666667%;
} }
} }
@ -467,15 +467,15 @@
@media all and (min-width: 1400px) { @media all and (min-width: 1400px) {
.scalableCard.squareCard { .squareCard-scalable {
width: 14.285714285714285714285714285714%; width: 14.285714285714285714285714285714%;
} }
.scalableCard.portraitCard { .portraitCard-scalable {
width: 14.285714285714285714285714285714%; width: 14.285714285714285714285714285714%;
} }
.scalableCard.smallBackdropCard { .smallBackdropCard-scalable {
width: 14.285714285714285714285714285714%; width: 14.285714285714285714285714285714%;
} }
} }
@ -483,71 +483,71 @@
@media all and (min-width: 1600px) { @media all and (min-width: 1600px) {
.scalableCard.scalableCard.portraitCard { .portraitCard-scalable {
width: 12.5%; width: 12.5%;
} }
.scalableCard.scalableCard.smallBackdropCard { .smallBackdropCard-scalable {
width: 12.5%; width: 12.5%;
} }
} }
@media all and (min-width: 1800px) { @media all and (min-width: 1800px) {
.scalableCard.squareCard { .squareCard-scalable {
width: 12.5%; width: 12.5%;
} }
.scalableCard.smallBackdropCard { .smallBackdropCard-scalable {
width: 10%; width: 10%;
} }
} }
@media all and (min-width: 2100px) { @media all and (min-width: 2100px) {
.scalableCard.squareCard { .squareCard-scalable {
width: 11.111111111111111111111111111111%; width: 11.111111111111111111111111111111%;
} }
.scalableCard.backdropCard { .backdropCard-scalable {
width: 20%; width: 20%;
} }
.scalableCard.portraitCard { .portraitCard-scalable {
width: 11.111111111111111111111111111111%; width: 11.111111111111111111111111111111%;
} }
} }
@media all and (min-width: 2200px) { @media all and (min-width: 2200px) {
.scalableCard.bannerCard { .bannerCard-scalable {
width: 25%; width: 25%;
} }
.scalableCard.portraitCard { .portraitCard-scalable {
width: 10%; width: 10%;
} }
} }
@media all and (min-width: 2500px) { @media all and (min-width: 2500px) {
.scalableCard.backdropCard { .backdropCard-scalable {
width: 16.666666666666666666666666666667%; width: 16.666666666666666666666666666667%;
} }
} }
.layout-tv .scalableCard.backdropCard { .layout-tv .backdropCard-scalable {
width: 25%; width: 25%;
} }
.layout-tv .scalableCard.squareCard { .layout-tv .squareCard-scalable {
width: 16.66666666666666667%; width: 16.66666666666666667%;
} }
.layout-tv .scalableCard.portraitCard { .layout-tv .portraitCard-scalable {
width: 16.66666666666666667%; width: 16.66666666666666667%;
} }
.layout-tv .scalableCard.personCard { .layout-tv .personCard-scalable {
width: 14.285714285714285714285714285714%; width: 14.285714285714285714285714285714%;
} }

2
dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js vendored
View file

@ -1014,7 +1014,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
var scalable = options.scalable !== false; var scalable = options.scalable !== false;
if (scalable) { if (scalable) {
className += " scalableCard"; className += " scalableCard " + options.shape + "Card-scalable";
} }
var imgInfo = getCardImageUrl(item, apiClient, options); var imgInfo = getCardImageUrl(item, apiClient, options);

1
dashboard-ui/bower_components/emby-webcomponents/cardbuilder/chaptercardbuilder.js vendored
View file

@ -19,6 +19,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemShortcuts', 'layout
} }
className += ' ' + shape + 'Card'; className += ' ' + shape + 'Card';
className += ' ' + shape + 'Card-scalable';
if (options.block || options.rows) { if (options.block || options.rows) {
className += ' block'; className += ' block';

3
dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js vendored
View file

@ -51,7 +51,8 @@ define(['imageLoader', 'itemShortcuts', 'connectionManager', 'layoutManager'], f
function buildPersonCard(person, apiClient, serverId, options, className) { function buildPersonCard(person, apiClient, serverId, options, className) {
className += " itemAction scalableCard"; className += " itemAction scalableCard personCard-scalable";
className += " " + (options.shape || 'portrait') + 'Card-scalable';
var imgUrl = getImgUrl(person, options.width, apiClient); var imgUrl = getImgUrl(person, options.width, apiClient);

4
dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css vendored
View file

@ -116,3 +116,7 @@
display: flex; display: flex;
margin: .5em 0; margin: .5em 0;
} }
.checkboxList-paperList {
padding: 1em!important;
}

6
dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js vendored
View file

@ -176,13 +176,13 @@
var cssClass = "card scalableCard"; var cssClass = "card scalableCard";
if (currentItemType == "Episode") { if (currentItemType == "Episode") {
cssClass += " backdropCard"; cssClass += " backdropCard backdropCard-scalable";
} }
else if (currentItemType == "MusicAlbum" || currentItemType == "MusicArtist") { else if (currentItemType == "MusicAlbum" || currentItemType == "MusicArtist") {
cssClass += " squareCard"; cssClass += " squareCard squareCard-scalable";
} }
else { else {
cssClass += " portraitCard"; cssClass += " portraitCard portraitCard-scalable";
} }
html += '<button type="button" class="' + cssClass + '" data-index="' + index + '">'; html += '<button type="button" class="' + cssClass + '" data-index="' + index + '">';

76
dashboard-ui/cinemamodeconfiguration.html
View file

@ -1,4 +1,4 @@
<div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" data-require="dashboard/cinemamodeconfiguration,paper-checkbox,emby-input,emby-button"> <div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" data-require="dashboard/cinemamodeconfiguration,emby-checkbox,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -7,47 +7,67 @@
<p>${CinemaModeConfigurationHelp}</p> <p>${CinemaModeConfigurationHelp}</p>
<div style="margin-top: 2em;"> <div style="margin-top: 2em;">
<div class="paperListLabel">${LabelEnableCinemaModeFor}</div> <h3 class="checkboxListLabel">${LabelEnableCinemaModeFor}</h3>
<div class="paperCheckboxList"> <div class="paperList checkboxList-paperList">
<paper-checkbox class="chkMovies">${OptionMovies}</paper-checkbox> <label>
<paper-checkbox class="chkEpisodes">${OptionEpisodes}</paper-checkbox> <input is="emby-checkbox" type="checkbox" class="chkMovies" />
<span>${OptionMovies}</span>
</label>
<label>
<input is="emby-checkbox" type="checkbox" class="chkEpisodes" />
<span>${OptionEpisodes}</span>
</label>
</div> </div>
</div> </div>
<br /> <br />
<div> <div>
<div class="paperListLabel">${LabelSelectInternetTrailersForCinemaMode}</div> <h3 class="checkboxListLabel">${LabelSelectInternetTrailersForCinemaMode}</h3>
<div class="paperCheckboxList"> <div class="paperList checkboxList-paperList">
<paper-checkbox class="chkUpcomingTheaterTrailers">${OptionUpcomingMoviesInTheaters}</paper-checkbox> <label>
<paper-checkbox class="chkUpcomingDvdTrailers">${OptionUpcomingDvdMovies}</paper-checkbox> <input is="emby-checkbox" type="checkbox" class="chkUpcomingTheaterTrailers" />
<paper-checkbox class="chkUpcomingStreamingTrailers">${OptionUpcomingStreamingMovies}</paper-checkbox> <span>${OptionUpcomingMoviesInTheaters}</span>
<paper-checkbox class="chkOtherTrailers">${OptionOtherTrailers}</paper-checkbox> </label>
<label>
<input is="emby-checkbox" type="checkbox" class="chkUpcomingDvdTrailers" />
<span>${OptionUpcomingDvdMovies}</span>
</label>
<label>
<input is="emby-checkbox" type="checkbox" class="chkUpcomingStreamingTrailers" />
<span>${OptionUpcomingStreamingMovies}</span>
</label>
<label>
<input is="emby-checkbox" type="checkbox" class="chkOtherTrailers" />
<span>${OptionOtherTrailers}</span>
</label>
</div> </div>
<div class="fieldDescription paperCheckboxFieldDescription"><a class="lnkSupporterLearnMore" href="http://emby.media/premiere" target="_blank">${LabelTheseFeaturesRequireSubscriptionHelpAndTrailers}</a></div> <div class="fieldDescription"><a class="lnkSupporterLearnMore" href="http://emby.media/premiere" target="_blank">${LabelTheseFeaturesRequireSubscriptionHelpAndTrailers}</a></div>
</div> </div>
<br /> <br /><br />
<div> <div class="checkboxContainer checkboxContainer-withDescription">
<paper-checkbox class="chkMyMovieTrailers">${OptionTrailersFromMyMovies}</paper-checkbox> <label>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionTrailersFromMyMoviesHelp}</div> <input is="emby-checkbox" type="checkbox" class="chkMyMovieTrailers" />
<div class="fieldDescription paperCheckboxFieldDescription"> <span>${OptionTrailersFromMyMovies}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">${OptionTrailersFromMyMoviesHelp}</div>
<div class="fieldDescription checkboxFieldDescription">
<a href="http://emby.media/community/index.php?/topic/674-media-files-folders-structure/" target="_blank">${ButtonLearnMore}</a> <a href="http://emby.media/community/index.php?/topic/674-media-files-folders-structure/" target="_blank">${ButtonLearnMore}</a>
</div> </div>
</div> </div>
<br /> <br />
<br />
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="number" id="txtNumTrailers" min="1" max="10" step="1" label="${LabelNumberTrailerToPlay}" /> <input is="emby-input" type="number" id="txtNumTrailers" min="1" max="10" step="1" label="${LabelNumberTrailerToPlay}" />
</div> </div>
<br /> <div class="checkboxContainer checkboxContainer-withDescription">
<div> <label>
<paper-checkbox class="chkEnableParentalControl">${LabelEnableIntroParentalControl}</paper-checkbox> <input is="emby-checkbox" type="checkbox" class="chkEnableParentalControl" />
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableIntroParentalControlHelp}</div> <span>${LabelEnableIntroParentalControl}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">${LabelEnableIntroParentalControlHelp}</div>
</div> </div>
<br /> <label class="checkboxContainer">
<div> <input is="emby-checkbox" type="checkbox" class="chkUnwatchedOnly" />
<paper-checkbox class="chkUnwatchedOnly">${LabelLimitIntrosToUnwatchedContent}</paper-checkbox> <span>${LabelLimitIntrosToUnwatchedContent}</span>
</div> </label>
<br />
<br />
<div class="inputContainer"> <div class="inputContainer">
<div style="display: flex; align-items: center;"> <div style="display: flex; align-items: center;">
<div style="flex-grow:1;"> <div style="flex-grow:1;">

4
dashboard-ui/components/apphost.js
View file

@ -151,6 +151,10 @@ define(['appStorage', 'browser'], function (appStorage, browser) {
features.push('htmlvideoautoplay'); features.push('htmlvideoautoplay');
} }
if (window.SyncRegistered) {
//features.push('sync');
}
return features.indexOf(command.toLowerCase()) != -1; return features.indexOf(command.toLowerCase()) != -1;
}, },
unlockedFeatures: function () { unlockedFeatures: function () {

2
dashboard-ui/components/libraryoptionseditor/libraryoptionseditor.template.html
View file

@ -8,7 +8,7 @@
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label> <label>
<input type="checkbox" is="emby-checkbox" class="chkEnableRealtimeMonitor" checked /> <input type="checkbox" is="emby-checkbox" class="chkEnableRealtimeMonitor" />
<span>${LabelEnableRealtimeMonitor}</span> <span>${LabelEnableRealtimeMonitor}</span>
</label> </label>
<div class="fieldDescription checkboxFieldDescription">${LabelEnableRealtimeMonitorHelp}</div> <div class="fieldDescription checkboxFieldDescription">${LabelEnableRealtimeMonitorHelp}</div>

12
dashboard-ui/css/librarybrowser.css
View file

@ -982,15 +982,15 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
@media all and (min-width: 1000px) { @media all and (min-width: 1000px) {
.itemDetailPage .scalableCard.portraitCard { .itemDetailPage .portraitCard-scalable {
width: 25% !important; width: 25% !important;
} }
.itemDetailPage .scalableCard.squareCard { .itemDetailPage .squareCard-scalable {
width: 25% !important; width: 25% !important;
} }
.itemDetailPage .scalableCard.backdropCard, .itemDetailPage .scalableCard.smallBackdropCard { .itemDetailPage .backdropCard-scalable, .itemDetailPage .smallBackdropCard-scalable {
width: 33.3333333333333333% !important; width: 33.3333333333333333% !important;
} }
@ -1003,6 +1003,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
background: #673AB7 !important; background: #673AB7 !important;
} }
.btnSyncComplete i { .btnSyncComplete i {
border-radius: 1000px; border-radius: 1000px;
} }

2
dashboard-ui/dashboard/cinemamodeconfiguration.js
View file

@ -1,4 +1,4 @@
define(['jQuery'], function ($) { define(['jQuery', 'fnchecked'], function ($) {
function loadPage(page, config) { function loadPage(page, config) {

4
dashboard-ui/devices/ios/ios.css
View file

@ -43,7 +43,7 @@ body:not(.dashboardDocument) .mainDrawerButton {
.emby-tab-button { .emby-tab-button {
font-weight: 400; font-weight: 400;
text-transform: none!important; text-transform: none !important;
border-color: transparent !important; border-color: transparent !important;
border-width: 0 !important; border-width: 0 !important;
} }
@ -135,6 +135,6 @@ h1, h1 a {
margin-right: 5%; margin-right: 5%;
} }
.categorySyncButton { .categorySyncButton, .btnSync {
display: none !important; display: none !important;
} }

4
dashboard-ui/scripts/dashboardpage.js
View file

@ -30,7 +30,7 @@
var page = this; var page = this;
page.querySelector('#btnConnectionHelp').addEventListener('click', onConnectionHelpClick); page.querySelector('.btnConnectionHelp').addEventListener('click', onConnectionHelpClick);
}, },
onPageShow: function () { onPageShow: function () {
@ -322,7 +322,7 @@
var nowPlayingItem = session.NowPlayingItem; var nowPlayingItem = session.NowPlayingItem;
var className = nowPlayingItem ? 'scalableCard card activeSession backdropCard' : 'scalableCard card activeSession backdropCard'; var className = nowPlayingItem ? 'scalableCard card activeSession backdropCard backdropCard-scalable' : 'scalableCard card activeSession backdropCard backdropCard-scalable';
if (session.TranscodingInfo && session.TranscodingInfo.CompletionPercentage) { if (session.TranscodingInfo && session.TranscodingInfo.CompletionPercentage) {
className += ' transcodingSession'; className += ' transcodingSession';

2
dashboard-ui/scripts/itemdetailpage.js
View file

@ -1820,7 +1820,7 @@
var item = items[i]; var item = items[i];
var cssClass = "card backdropCard scalableCard"; var cssClass = "card backdropCard scalableCard backdropCard-scalable";
var href = "itemdetails.html?id=" + item.Id; var href = "itemdetails.html?id=" + item.Id;

2
dashboard-ui/scripts/itemlistpage.js
View file

@ -136,12 +136,14 @@
posterOptions.shape = "backdrop"; posterOptions.shape = "backdrop";
posterOptions.centerText = true; posterOptions.centerText = true;
posterOptions.overlayText = false; posterOptions.overlayText = false;
posterOptions.overlayMoreButton = true;
html = cardBuilder.getCardsHtml(posterOptions); html = cardBuilder.getCardsHtml(posterOptions);
} else { } else {
// Poster // Poster
posterOptions.showTitle = context == 'photos' ? 'auto' : true; posterOptions.showTitle = context == 'photos' ? 'auto' : true;
posterOptions.overlayText = context == 'photos'; posterOptions.overlayText = context == 'photos';
posterOptions.overlayMoreButton = true;
html = cardBuilder.getCardsHtml(posterOptions); html = cardBuilder.getCardsHtml(posterOptions);
} }

2
dashboard-ui/scripts/loginpage.js
View file

@ -131,7 +131,7 @@
for (var i = 0, length = users.length; i < length; i++) { for (var i = 0, length = users.length; i < length; i++) {
var user = users[i]; var user = users[i];
html += '<div class="card squareCard scalableCard"><div class="cardBox cardBox-bottompadded visualCardBox">'; html += '<div class="card squareCard scalableCard squareCard-scalable"><div class="cardBox cardBox-bottompadded visualCardBox">';
html += '<div class="cardScalable visualCardBox-cardScalable">'; html += '<div class="cardScalable visualCardBox-cardScalable">';

2
dashboard-ui/scripts/medialibrarypage.js
View file

@ -297,7 +297,7 @@
style += "min-width:33.3%;"; style += "min-width:33.3%;";
} }
html += '<div class="card backdropCard scalableCard" style="' + style + '" data-index="' + index + '">'; html += '<div class="card backdropCard scalableCard backdropCard-scalable" style="' + style + '" data-index="' + index + '">';
html += '<div class="cardBox visualCardBox">'; html += '<div class="cardBox visualCardBox">';
html += '<div class="cardScalable visualCardBox-cardScalable">'; html += '<div class="cardScalable visualCardBox-cardScalable">';

2
dashboard-ui/scripts/plugincatalogpage.js
View file

@ -188,7 +188,7 @@
} }
var target = plugin.externalUrl ? ' target="_blank"' : ''; var target = plugin.externalUrl ? ' target="_blank"' : '';
html += "<div class='card backdropCard scalableCard'>"; html += "<div class='card backdropCard scalableCard backdropCard-scalable'>";
html += '<div class="cardBox cardBox-bottompadded visualCardBox">'; html += '<div class="cardBox cardBox-bottompadded visualCardBox">';
html += '<div class="cardScalable visualCardBox-cardScalable">'; html += '<div class="cardScalable visualCardBox-cardScalable">';

2
dashboard-ui/scripts/pluginspage.js
View file

@ -43,7 +43,7 @@
configPageUrl : configPageUrl :
null; null;
html += "<div data-id='" + plugin.Id + "' data-name='" + plugin.Name + "' class='card backdropCard scalableCard'>"; html += "<div data-id='" + plugin.Id + "' data-name='" + plugin.Name + "' class='card backdropCard scalableCard backdropCard-scalable'>";
html += '<div class="cardBox cardBox-bottompadded visualCardBox">'; html += '<div class="cardBox cardBox-bottompadded visualCardBox">';
html += '<div class="cardScalable visualCardBox-cardScalable">'; html += '<div class="cardScalable visualCardBox-cardScalable">';

2
dashboard-ui/scripts/sections.js
View file

@ -192,7 +192,7 @@
function getCard(img, target, shape) { function getCard(img, target, shape) {
shape = shape || 'backdropCard'; shape = shape || 'backdropCard';
var html = '<div class="card scalableCard ' + shape + '"><div class="cardBox"><div class="cardScalable"><div class="cardPadder cardPadder-backdrop"></div>'; var html = '<div class="card scalableCard ' + shape + ' ' + shape + '-scalable"><div class="cardBox"><div class="cardScalable"><div class="cardPadder cardPadder-backdrop"></div>';
if (target) { if (target) {
html += '<a class="cardContent" href="' + target + '" target="_blank">'; html += '<a class="cardContent" href="' + target + '" target="_blank">';

17
dashboard-ui/scripts/site.js
View file

@ -679,7 +679,8 @@ var Dashboard = {
if (setQuality) { if (setQuality) {
var quality = 90; var quality = 90;
if ((options.type || '').toLowerCase() == 'backdrop') { var isBackdrop = (options.type || '').toLowerCase() == 'backdrop';
if (isBackdrop) {
quality -= 10; quality -= 10;
} }
@ -687,15 +688,9 @@ var Dashboard = {
quality -= 40; quality -= 40;
} }
if (AppInfo.hasLowImageBandwidth) { if (AppInfo.hasLowImageBandwidth && !isBackdrop) {
// The native app can handle a little bit more than safari quality -= 10;
if (AppInfo.isNativeApp) {
quality -= 10;
} else {
quality -= 20;
}
} }
options.quality = quality; options.quality = quality;
} }
@ -2806,7 +2801,9 @@ var AppInfo = {};
}).then(function (reg) { }).then(function (reg) {
// https://github.com/WICG/BackgroundSync/blob/master/explainer.md // https://github.com/WICG/BackgroundSync/blob/master/explainer.md
return reg.sync.register('emby-sync'); return reg.sync.register('emby-sync').then(function() {
window.SyncRegistered = Dashboard.isConnectMode();
});
}); });
} catch (err) { } catch (err) {

2
dashboard-ui/scripts/userprofilespage.js
View file

@ -85,7 +85,7 @@
var html = ''; var html = '';
var cssClass = "card squareCard scalableCard"; var cssClass = "card squareCard scalableCard squareCard-scalable";
if (user.Policy.IsDisabled) { if (user.Policy.IsDisabled) {
cssClass += ' grayscale'; cssClass += ' grayscale';

2
dashboard-ui/strings/en-US.json
View file

@ -1184,7 +1184,7 @@
"CinemaModeConfigurationHelp": "Cinema mode brings the theater experience straight to your living room with the ability to play trailers and custom intros before the main feature.", "CinemaModeConfigurationHelp": "Cinema mode brings the theater experience straight to your living room with the ability to play trailers and custom intros before the main feature.",
"OptionTrailersFromMyMovies": "Include trailers from movies in my library", "OptionTrailersFromMyMovies": "Include trailers from movies in my library",
"OptionUpcomingMoviesInTheaters": "Include trailers from new and upcoming movies", "OptionUpcomingMoviesInTheaters": "Include trailers from new and upcoming movies",
"LabelLimitIntrosToUnwatchedContent": "Only use trailers from unwatched content", "LabelLimitIntrosToUnwatchedContent": "Only play trailers from unwatched content",
"LabelEnableIntroParentalControl": "Enable smart parental control", "LabelEnableIntroParentalControl": "Enable smart parental control",
"LabelEnableIntroParentalControlHelp": "Trailers will only be selected with a parental rating equal to or less than the content being watched.", "LabelEnableIntroParentalControlHelp": "Trailers will only be selected with a parental rating equal to or less than the content being watched.",
"LabelTheseFeaturesRequireSubscriptionHelpAndTrailers": "These features require an active Emby Premiere subscription and installation of the Trailer channel plugin.", "LabelTheseFeaturesRequireSubscriptionHelpAndTrailers": "These features require an active Emby Premiere subscription and installation of the Trailer channel plugin.",