mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
sync updates
This commit is contained in:
Luke Pulverenti
parent
2ab7e15656
commit
9b452f3b53
85 changed files with 421 additions and 505 deletions
|
|
@ -21,7 +21,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
|
||||
</div>
|
||||
<div data-role="popup" id="popupDialog" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width: 250px;" data-history="false">
|
||||
<div style="padding: .5em 1.5em;">
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<div data-role="content">
|
||||
<div class="viewSettings">
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
|
||||
<div class="noItemsMessage" style="display: none; text-align: center;">
|
||||
<p>${MessageNoCollectionsAvailable}</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
}
|
||||
|
||||
.cardBox {
|
||||
margin: 3px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.grayscale {
|
||||
|
|
@ -82,6 +82,10 @@
|
|||
background: #fff;
|
||||
}
|
||||
|
||||
/*.visualCardBox .cardFooter {
|
||||
padding: 0 2px;
|
||||
}*/
|
||||
|
||||
.ui-page-theme-b .visualCardBox {
|
||||
background: rgb(51, 51, 51);
|
||||
border: 1px solid rgb(31, 31, 31);
|
||||
|
|
@ -364,10 +368,6 @@
|
|||
width: 12.5%;
|
||||
}
|
||||
|
||||
.backdropCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
|
||||
.portraitCard {
|
||||
width: 10%;
|
||||
}
|
||||
|
|
@ -395,9 +395,13 @@
|
|||
.bannerCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
.portraitCard {
|
||||
width: 9.0909090909090909090909090909091%;
|
||||
|
||||
@media all and (min-width: 2200px) {
|
||||
|
||||
.backdropCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -480,105 +484,6 @@
|
|||
}
|
||||
|
||||
|
||||
/** homePageBackdropCard */
|
||||
.homePageBackdropCard .cardPadder {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
|
||||
.homePageBackdropCard {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 640px) {
|
||||
|
||||
.homePageBackdropCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1600px) {
|
||||
|
||||
.homePageBackdropCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
|
||||
.homePageBackdropCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 2200px) {
|
||||
|
||||
.homePageBackdropCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** homePagePortraitCard */
|
||||
.homePagePortraitCard .cardPadder {
|
||||
padding-bottom: 150%;
|
||||
}
|
||||
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 14.285714285714285714285714285714%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1600px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 12.5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 2200px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 9.09090909091%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** homePageSmallBackdropCard */
|
||||
.homePageSmallBackdropCard .cardPadder {
|
||||
padding-bottom: 56.25%;
|
||||
|
|
|
|||
|
|
@ -113,23 +113,15 @@
|
|||
|
||||
@media all and (min-width: 600px) {
|
||||
|
||||
.itemsContainer:not(.fullWidthItemsContainer):not(.smallItemsContainer) {
|
||||
.paddedItemsContainer {
|
||||
padding: 0 .8em;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.ehsContent {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1600px) {
|
||||
|
||||
.ehsContent {
|
||||
width: 92%;
|
||||
width: 94%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -923,14 +915,9 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.itemsContainer {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.timelineItemsContainer {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.alphabetPicker {
|
||||
position: fixed;
|
||||
right: 2px;
|
||||
|
|
@ -999,7 +986,14 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.itemsContainerWithAlphaPicker {
|
||||
margin-right: 20px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
|
||||
.itemsContainerWithAlphaPicker {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -136,3 +136,46 @@
|
|||
.imgNotificationWarning .imgNotificationInner {
|
||||
background-image: url(images/notifications/error.png);
|
||||
}
|
||||
|
||||
|
||||
.waves-effect {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
z-index: 1;
|
||||
will-change: opacity, transform;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.btn-flat {
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
color: #343434;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn, .btn-large, .btn-flat {
|
||||
display: inline-block;
|
||||
height: 36px;
|
||||
margin-bottom: 15px;
|
||||
padding: 0 2rem;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background-clip: padding-box;
|
||||
line-height: 36px;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
outline: 0;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,6 +53,14 @@
|
|||
<input type="number" id="txtPublicHttpsPort" pattern="[0-9]*" required="required" min="1" />
|
||||
<div class="fieldDescription">${LabelPublicHttpsPortHelp}</div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="txtCertificatePath">${LabelCustomCertificatePath}</label>
|
||||
<div style="display: inline-block; width: 92%;">
|
||||
<input type="text" id="txtCertificatePath" required="required" />
|
||||
</div>
|
||||
<button id="btnSelectCertPath" type="button" data-icon="search" data-iconpos="notext" data-inline="true">${ButtonSelectDirectory}</button>
|
||||
<div class="fieldDescription">${LabelCustomCertificatePathHelp}</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul data-role="listview" class="ulForm">
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<div id="recentlyPlayedSection" style="display: none;">
|
||||
<h1 class="listHeader">${HeaderRecentlyPlayedGames}</h1>
|
||||
|
||||
<div id="recentlyPlayedItems">
|
||||
<div id="recentlyPlayedItems" class="itemsContainer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<table class="detailPageContent primaryDetailPageContent">
|
||||
<tr>
|
||||
<td style="vertical-align: top; padding: 0 1em 0 0;">
|
||||
<div id="itemImage" class="itemImageContainer channelImageContainer"></div>
|
||||
<div id="itemImage" class="itemImageContainer channelImageContainer paddedItemsContainer"></div>
|
||||
</td>
|
||||
<td style="vertical-align: top; padding: 0;">
|
||||
<p><span class="itemName inlineItemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>
|
||||
|
|
|
|||
|
|
@ -17,12 +17,12 @@
|
|||
<div class="ehsContent">
|
||||
<div id="activePrograms">
|
||||
<h1 class="listHeader">${HeaderWhatsOnTV}</h1>
|
||||
<div class="activeProgramItems"></div>
|
||||
<div class="activeProgramItems itemsContainer"></div>
|
||||
<br />
|
||||
</div>
|
||||
<div id="upcomingPrograms">
|
||||
<h1 class="listHeader">${HeaderUpcomingTV}</h1>
|
||||
<div class="upcomingProgramItems"></div>
|
||||
<div class="upcomingProgramItems itemsContainer"></div>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
<a href="#" class="accentButton categorySyncButton" data-category="Latest"><i class="fa fa-cloud"></i>${ButtonSync}</a>
|
||||
</div>
|
||||
|
||||
<div id="recentlyAddedItems">
|
||||
<div id="recentlyAddedItems" class="itemsContainer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
<a href="#" class="accentButton categorySyncButton" data-category="Resume"><i class="fa fa-cloud"></i>${ButtonSync}</a>
|
||||
</div>
|
||||
|
||||
<div id="resumableItems">
|
||||
<div id="resumableItems" class="itemsContainer">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
</div>
|
||||
<button class="btnTrailerReel" type="button" data-icon="play" data-inline="true" data-mini="true">${ButtonTrailerReel}</button>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
<p class="noItemsMessage" style="display:none;">${MessageNoTrailersFound}</p>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
<form>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
<div class="ehsContent squareEhsContent">
|
||||
<h1 class="listHeader">${HeaderLatestMusic}</h1>
|
||||
|
||||
<div id="recentlyAddedSongs">
|
||||
<div id="recentlyAddedSongs" class="itemsContainer fullWidthItemsContainer" style="text-align:left;">
|
||||
</div>
|
||||
|
||||
<div id="recentlyPlayed" style="display: none;">
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
|
||||
<div class="noItemsMessage" style="display: none; text-align: center;">
|
||||
<p>${MessageNoPlaylistsAvailable}</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -128,16 +128,14 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false,
|
||||
updatePageSizeSetting: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -151,9 +149,7 @@
|
|||
coverImage: true
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
preferThumb: true
|
||||
});
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
LibraryBrowser.saveQueryValues('channels', query);
|
||||
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
$('#txtHttpsPort', page).val(config.HttpsPortNumber);
|
||||
|
||||
$('#txtDdns', page).val(config.WanDdns || '');
|
||||
$('#txtCertificatePath', page).val(config.CertificatePath || '');
|
||||
|
||||
$('#chkEnableUpnp', page).checked(config.EnableUPnP).checkboxradio('refresh');
|
||||
|
||||
|
|
@ -31,6 +32,27 @@
|
|||
}).on('pageinit', "#dashboardHostingPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
$('#btnSelectCertPath', page).on("click.selectDirectory", function () {
|
||||
|
||||
var picker = new DirectoryBrowser(page);
|
||||
|
||||
picker.show({
|
||||
|
||||
includeFiles: true,
|
||||
includeDirectories: true,
|
||||
|
||||
callback: function (path) {
|
||||
|
||||
if (path) {
|
||||
$('#txtCertificatePath', page).val(path);
|
||||
}
|
||||
picker.close();
|
||||
},
|
||||
|
||||
header: Globalize.translate('HeaderSelectCertificatePath')
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
window.DashboardHostingPage = {
|
||||
|
|
@ -49,6 +71,7 @@
|
|||
config.HttpsPortNumber = $('#txtHttpsPort', form).val();
|
||||
config.EnableUPnP = $('#chkEnableUpnp', form).checked();
|
||||
config.WanDdns = $('#txtDdns', form).val();
|
||||
config.CertificatePath = $('#txtCertificatePath', form).val();
|
||||
|
||||
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -257,7 +257,8 @@
|
|||
var elem = $('#' + id, page)[0];
|
||||
|
||||
if (elem) {
|
||||
elem.scrollIntoView();
|
||||
// commenting out for now because it's causing the whole window to scroll in chrome
|
||||
//elem.scrollIntoView();
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -33,18 +33,17 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false,
|
||||
addSelectionButton: true
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls();
|
||||
var trigger = false;
|
||||
|
||||
if (view == "List") {
|
||||
|
||||
|
|
@ -53,6 +52,7 @@
|
|||
context: 'tv',
|
||||
sortBy: query.SortBy
|
||||
});
|
||||
trigger = true;
|
||||
}
|
||||
else if (view == "Poster") {
|
||||
html += LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -77,9 +77,11 @@
|
|||
});
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
$('.itemsContainer', page).html(html).lazyChildren();
|
||||
|
||||
$('.itemsContainer', page).html(html).trigger('create').createCardMenus();
|
||||
if (trigger) {
|
||||
$('.itemsContainer', page).trigger('create');
|
||||
}
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -3,9 +3,9 @@
|
|||
function getSections() {
|
||||
|
||||
return [
|
||||
{ name: Globalize.translate('HeaderFavoriteMovies'), types: "Movie", id: "favoriteMovies", shape: 'homePageBackdrop', preferThumb: true, showTitle: false },
|
||||
{ name: Globalize.translate('HeaderFavoriteShows'), types: "Series", id: "favoriteShows", shape: 'homePageBackdrop', preferThumb: true, showTitle: false },
|
||||
{ name: Globalize.translate('HeaderFavoriteEpisodes'), types: "Episode", id: "favoriteEpisode", shape: 'homePageBackdrop', preferThumb: false, showTitle: true, showParentTitle: true },
|
||||
{ name: Globalize.translate('HeaderFavoriteMovies'), types: "Movie", id: "favoriteMovies", shape: 'backdrop', preferThumb: true, showTitle: false },
|
||||
{ name: Globalize.translate('HeaderFavoriteShows'), types: "Series", id: "favoriteShows", shape: 'backdrop', preferThumb: true, showTitle: false },
|
||||
{ name: Globalize.translate('HeaderFavoriteEpisodes'), types: "Episode", id: "favoriteEpisode", shape: 'backdrop', preferThumb: false, showTitle: true, showParentTitle: true },
|
||||
{ name: Globalize.translate('HeaderFavoriteGames'), types: "Game", id: "favoriteGames", shape: 'autohome', preferThumb: false, showTitle: true },
|
||||
{ name: Globalize.translate('HeaderFavoriteAlbums'), types: "MusicAlbum", id: "favoriteAlbums", shape: 'square', preferThumb: false, showTitle: true, overlayText: false, showParentTitle: true }
|
||||
];
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
});
|
||||
|
||||
if (result.TotalRecordCount > result.Items.length) {
|
||||
html += '<div style="padding: 0 0 0 .5em;">';
|
||||
html += '<div class="itemsContainer">';
|
||||
|
||||
var href = "favorites.html?sectionid=" + section.id;
|
||||
|
||||
|
|
@ -62,7 +62,8 @@
|
|||
html += '</div>';
|
||||
}
|
||||
|
||||
$(elem).html(html).trigger('create').createCardMenus();
|
||||
elem = $(elem).html(html).lazyChildren();
|
||||
elem.createCardMenus();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -26,15 +26,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -48,9 +46,7 @@
|
|||
lazy: true
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -32,17 +32,16 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
var trigger = false;
|
||||
|
||||
if (view == "List") {
|
||||
|
||||
|
|
@ -51,7 +50,7 @@
|
|||
context: 'games',
|
||||
sortBy: query.SortBy
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
trigger = true;
|
||||
}
|
||||
else if (view == "Poster") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -74,10 +73,11 @@
|
|||
});
|
||||
}
|
||||
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
if (trigger) {
|
||||
$('#items', page).trigger('create');
|
||||
}
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
shape: 'auto',
|
||||
lazy: true
|
||||
|
||||
})).trigger('create').createCardMenus();
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
shape: 'auto',
|
||||
lazy: true
|
||||
|
||||
})).trigger('create').createCardMenus();
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -27,15 +27,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -50,9 +48,7 @@
|
|||
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -27,11 +27,9 @@
|
|||
// Scroll back up so they can see the results from the beginning
|
||||
$(document).scrollTop(0);
|
||||
|
||||
var html = '';
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
var html = LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
shape: "backdrop",
|
||||
context: 'games',
|
||||
|
|
@ -41,31 +39,7 @@
|
|||
|
||||
});
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
reloadItems(page);
|
||||
});
|
||||
|
||||
$('.btnPreviousPage', page).on('click', function () {
|
||||
query.StartIndex -= query.Limit;
|
||||
reloadItems(page);
|
||||
});
|
||||
|
||||
$('.selectPageSize', page).on('change', function () {
|
||||
query.Limit = parseInt(this.value);
|
||||
query.StartIndex = 0;
|
||||
reloadItems(page);
|
||||
});
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
|
||||
|
||||
|
|
|
|||
|
|
@ -135,11 +135,11 @@
|
|||
html += '<h1 style="display:inline-block; vertical-align:middle;" class="listHeader">' + Globalize.translate('HeaderLatestMedia') + '</h1>';
|
||||
html += '<a href="mypreferencesdisplay.html" class="accentButton"><i class="fa fa-pencil"></i>' + Globalize.translate('ButtonEdit') + '</a>';
|
||||
html += '</div>';
|
||||
html += '<div>';
|
||||
html += '<div class="itemsContainer">';
|
||||
html += LibraryBrowser.getPosterViewHtml({
|
||||
items: items,
|
||||
preferThumb: true,
|
||||
shape: 'homePageBackdrop',
|
||||
shape: 'backdrop',
|
||||
context: context || 'home',
|
||||
showUnplayedIndicator: false,
|
||||
showChildCountIndicator: true,
|
||||
|
|
@ -148,7 +148,8 @@
|
|||
html += '</div>';
|
||||
}
|
||||
|
||||
$(elem).html(html).trigger('create').createCardMenus();
|
||||
$(elem).html(html).lazyChildren();
|
||||
$(elem).createCardMenus();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -170,7 +171,7 @@
|
|||
|
||||
if (result.Items.length) {
|
||||
html += '<h1 class="listHeader">' + Globalize.translate('HeaderLatestChannelMedia') + '</h1>';
|
||||
html += '<div>';
|
||||
html += '<div class="itemsContainer">';
|
||||
html += LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
preferThumb: true,
|
||||
|
|
@ -182,7 +183,8 @@
|
|||
html += '</div>';
|
||||
}
|
||||
|
||||
$(elem).html(html).trigger('create').createCardMenus();
|
||||
$(elem).html(html).lazyChildren();
|
||||
$(elem).createCardMenus();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -221,7 +223,7 @@
|
|||
}
|
||||
|
||||
|
||||
$(elem).html(html).trigger('create').createCardMenus();
|
||||
$(elem).html(html).lazyChildren();
|
||||
|
||||
handleLibraryLinkNavigations(elem);
|
||||
});
|
||||
|
|
@ -257,7 +259,7 @@
|
|||
html += '</div>';
|
||||
}
|
||||
|
||||
$(elem).html(html).trigger('create').createCardMenus();
|
||||
$(elem).html(html).lazyChildren();
|
||||
|
||||
handleLibraryLinkNavigations(elem);
|
||||
});
|
||||
|
|
@ -290,7 +292,7 @@
|
|||
html += LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
preferBackdrop: true,
|
||||
shape: 'homePageBackdrop',
|
||||
shape: 'backdrop',
|
||||
overlayText: screenWidth >= 600,
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
|
|
@ -300,7 +302,7 @@
|
|||
html += '</div>';
|
||||
}
|
||||
|
||||
$(elem).html(html).trigger('create').createCardMenus();
|
||||
$(elem).html(html).lazyChildren();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -350,7 +352,7 @@
|
|||
|
||||
var options = {
|
||||
|
||||
Limit: screenWidth >= 1600 ? 6 : (screenWidth >= 1440 ? 5 : (screenWidth >= 800 ? 6 : 6)),
|
||||
Limit: screenWidth >= 1600 ? 10 : (screenWidth >= 1440 ? 5 : (screenWidth >= 800 ? 6 : 6)),
|
||||
Fields: "PrimaryImageAspectRatio,SyncInfo",
|
||||
Filters: "IsUnplayed",
|
||||
UserId: Dashboard.getCurrentUserId(),
|
||||
|
|
@ -368,9 +370,10 @@
|
|||
html += '<div>';
|
||||
var text = Globalize.translate('HeaderLatestFromChannel').replace('{0}', channel.Name);
|
||||
html += '<h1 style="display:inline-block; vertical-align:middle;" class="' + cssClass + '">' + text + '</h1>';
|
||||
html += '<a href="channelitems.html?context=channels&id=' + channel.Id + '" data-role="button" data-icon="arrow-r" data-mini="true" data-inline="true" data-iconpos="notext" class="sectionHeaderButton">d</a>';
|
||||
html += '<a href="channelitems.html?context=channels&id=' + channel.Id + '" data-role="button" data-icon="arrow-r" data-mini="true" data-inline="true" data-iconpos="notext" class="sectionHeaderButton"></a>';
|
||||
html += '</div>';
|
||||
}
|
||||
html += '<div class="itemsContainer">';
|
||||
html += LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
shape: 'autohome',
|
||||
|
|
@ -380,8 +383,10 @@
|
|||
context: 'channels',
|
||||
lazy: true
|
||||
});
|
||||
html += '</div>';
|
||||
|
||||
$('#channel' + channel.Id + '', page).html(html).trigger('create').createCardMenus();
|
||||
var elem = $('#channel' + channel.Id + '', page).html(html).lazyChildren().trigger('create');
|
||||
$(elem).createCardMenus();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -419,7 +424,7 @@
|
|||
lazy: true
|
||||
});
|
||||
|
||||
elem.html(html).trigger('create').createCardMenus();
|
||||
elem.html(html).lazyChildren();
|
||||
|
||||
});
|
||||
}
|
||||
|
|
@ -467,7 +472,7 @@
|
|||
Sections.loadRecentlyAdded(elem, userId);
|
||||
}
|
||||
else if (section == 'librarytiles') {
|
||||
Sections.loadLibraryTiles(elem, userId, 'homePageBackdrop', index);
|
||||
Sections.loadLibraryTiles(elem, userId, 'backdrop', index);
|
||||
}
|
||||
else if (section == 'smalllibrarytiles') {
|
||||
Sections.loadLibraryTiles(elem, userId, 'homePageSmallBackdrop', index);
|
||||
|
|
@ -487,7 +492,7 @@
|
|||
}
|
||||
|
||||
else if (section == 'folders') {
|
||||
Sections.loadLibraryFolders(elem, userId, 'homePageBackdrop', index);
|
||||
Sections.loadLibraryFolders(elem, userId, 'backdrop', index);
|
||||
|
||||
} else if (section == 'latestchannelmedia') {
|
||||
Sections.loadLatestChannelMedia(elem, userId);
|
||||
|
|
|
|||
|
|
@ -489,7 +489,7 @@
|
|||
|
||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
|
||||
|
|
|
|||
|
|
@ -642,7 +642,7 @@
|
|||
overlayText: item.Type != "MusicAlbum"
|
||||
});
|
||||
|
||||
$('#similarContent', page).html(html).createCardMenus();
|
||||
$('#similarContent', page).html(html).lazyChildren();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -761,6 +761,7 @@
|
|||
promise.done(function (result) {
|
||||
|
||||
var html = '';
|
||||
var trigger = false;
|
||||
|
||||
if (item.Type == "MusicAlbum") {
|
||||
|
||||
|
|
@ -773,6 +774,7 @@
|
|||
playFromHere: true,
|
||||
defaultAction: 'playallfromhere'
|
||||
});
|
||||
trigger = true;
|
||||
|
||||
}
|
||||
else if (item.Type == "Series") {
|
||||
|
|
@ -805,7 +807,11 @@
|
|||
});
|
||||
}
|
||||
|
||||
$('.childrenItemsContainer', page).html(html).trigger('create').createCardMenus();
|
||||
var elem = $('.childrenItemsContainer', page).html(html).lazyChildren();
|
||||
|
||||
if (trigger) {
|
||||
elem.trigger('create');
|
||||
}
|
||||
|
||||
if (item.Type == "BoxSet") {
|
||||
|
||||
|
|
|
|||
|
|
@ -38,14 +38,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -80,9 +79,7 @@
|
|||
});
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -2,12 +2,6 @@
|
|||
|
||||
var pageSizeKey = 'pagesize_v4';
|
||||
|
||||
$(function () {
|
||||
$("body").on("create", function () {
|
||||
$(".lazy").unveil(200);
|
||||
});
|
||||
});
|
||||
|
||||
var defaultBackground = "#333";
|
||||
|
||||
return {
|
||||
|
|
@ -764,15 +758,15 @@
|
|||
}
|
||||
|
||||
if (imgUrl) {
|
||||
|
||||
var minLazyIndex = 16;
|
||||
if (options.smallIcon) {
|
||||
if (index < 10) {
|
||||
if (index < minLazyIndex) {
|
||||
html += '<div class="listviewIcon ui-li-icon" style="background-image:url(\'' + imgUrl + '\');"></div>';
|
||||
} else {
|
||||
html += '<div class="listviewIcon ui-li-icon lazy" data-src="' + imgUrl + '"></div>';
|
||||
}
|
||||
} else {
|
||||
if (index < 10) {
|
||||
if (index < minLazyIndex) {
|
||||
html += '<div class="listviewImage ui-li-thumb" style="background-image:url(\'' + imgUrl + '\');"></div>';
|
||||
} else {
|
||||
html += '<div class="listviewImage ui-li-thumb lazy" data-src="' + imgUrl + '"></div>';
|
||||
|
|
@ -836,7 +830,8 @@
|
|||
}
|
||||
html += '</a>';
|
||||
|
||||
html += '<a href="#" data-icon="ellipsis-v" class="listviewMenuButton">';
|
||||
// Render out the jqm classes so that we don't have to call trigger create
|
||||
html += '<a href="#" data-icon="ellipsis-v" class="listviewMenuButton ui-btn ui-icon-ellipsis-v ui-btn-icon-notext ui-btn-inline">';
|
||||
html += '</a>';
|
||||
|
||||
html += '</li>';
|
||||
|
|
@ -946,7 +941,7 @@
|
|||
primaryImageAspectRatio = LibraryBrowser.getAveragePrimaryImageAspectRatio(items);
|
||||
|
||||
if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1.777777778) < .3) {
|
||||
options.shape = options.shape == 'auto' ? 'backdrop' : 'homePageBackdrop';
|
||||
options.shape = options.shape == 'auto' ? 'backdrop' : 'backdrop';
|
||||
} else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1) < .33) {
|
||||
options.coverImage = true;
|
||||
options.shape = 'square';
|
||||
|
|
@ -957,9 +952,9 @@
|
|||
options.shape = 'banner';
|
||||
options.coverImage = true;
|
||||
} else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 0.6666667) < .2) {
|
||||
options.shape = options.shape == 'auto' ? 'portrait' : 'homePagePortrait';
|
||||
options.shape = options.shape == 'auto' ? 'portrait' : 'portrait';
|
||||
} else {
|
||||
options.shape = options.defaultShape || (options.shape == 'auto' ? 'portrait' : 'homePagePortrait');
|
||||
options.shape = options.defaultShape || (options.shape == 'auto' ? 'portrait' : 'portrait');
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1328,7 +1323,8 @@
|
|||
|
||||
if (options.cardLayout) {
|
||||
html += '<div class="cardText" style="text-align:right; float:right;">';
|
||||
html += '<button class="listviewMenuButton" type="button" data-inline="true" data-iconpos="notext" data-icon="ellipsis-v" style="margin: 4px 0 0;"></button>';
|
||||
// Render out the jqm classes so that we don't have to call trigger create
|
||||
html += '<button class="listviewMenuButton ui-btn ui-icon-ellipsis-v ui-btn-icon-notext ui-btn-inline ui-shadow ui-corner-all" type="button" data-inline="true" data-iconpos="notext" data-icon="ellipsis-v" style="margin: 4px 0 0;"></button>';
|
||||
html += "</div>";
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -581,7 +581,7 @@
|
|||
|
||||
$($.mobile.activePage).append(html);
|
||||
|
||||
var elem = $('.groupingMenu').popup().trigger('create').popup("open").on("popupafterclose", function () {
|
||||
$('.groupingMenu').popup().trigger('create').popup("open").on("popupafterclose", function () {
|
||||
|
||||
$(this).off("popupafterclose").remove();
|
||||
$(card).removeClass('hasContextMenu');
|
||||
|
|
@ -673,19 +673,17 @@
|
|||
preventHover = true;
|
||||
}
|
||||
|
||||
var elems = '.card:not(.bannerCard)';
|
||||
|
||||
$('.card', this).on('contextmenu.cardMenu', onCardTapHold);
|
||||
|
||||
$('.listviewMenuButton', this).on('click', onListViewMenuButtonClick);
|
||||
|
||||
$('.groupedCard', this).on('click', onGroupedCardClick);
|
||||
|
||||
return this.off('.cardHoverMenu')
|
||||
.on('mouseenter.cardHoverMenu', elems, onHoverIn)
|
||||
.on('mouseleave.cardHoverMenu', elems, onHoverOut)
|
||||
.on("touchstart.cardHoverMenu", elems, preventTouchHover)
|
||||
.trigger('itemsrendered');
|
||||
return this
|
||||
.off('.cardMenu')
|
||||
.on('contextmenu.cardMenu', '.card', onCardTapHold)
|
||||
.off('.latestgroupings')
|
||||
.on('click.latestgroupings', '.groupedCard', onGroupedCardClick)
|
||||
.off('.dotmenu')
|
||||
.on('click.dotmenu', '.listviewMenuButton', onListViewMenuButtonClick)
|
||||
.off('.cardHoverMenu')
|
||||
.on('mouseenter.cardHoverMenu', '.card:not(.bannerCard)', onHoverIn)
|
||||
.on('mouseleave.cardHoverMenu', '.card:not(.bannerCard)', onHoverOut)
|
||||
.on("touchstart.cardHoverMenu", '.card:not(.bannerCard)', preventTouchHover);
|
||||
};
|
||||
|
||||
function toggleSelections(page) {
|
||||
|
|
@ -932,14 +930,13 @@
|
|||
|
||||
}).join('')).selectmenu('refresh');
|
||||
|
||||
$('.itemsContainer', page).on('itemsrendered', function () {
|
||||
$(page).on('click', '.btnToggleSelections', function () {
|
||||
|
||||
$('.btnToggleSelections', page).off('click.toggleselections').on('click.toggleselections', function () {
|
||||
toggleSelections(page);
|
||||
});
|
||||
|
||||
$('.itemWithAction', this).on('click', onItemWithActionClick);
|
||||
});
|
||||
}).on('click', '.itemWithAction', onItemWithActionClick);
|
||||
|
||||
$('.itemsContainer', page).createCardMenus();
|
||||
|
||||
}).on('pagebeforeshow', ".libraryPage", function () {
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
if (user.imageUrl) {
|
||||
|
||||
var userButtonHeight = 24;
|
||||
var userButtonHeight = 26;
|
||||
|
||||
var url = user.imageUrl;
|
||||
|
||||
|
|
|
|||
|
|
@ -25,23 +25,19 @@
|
|||
|
||||
function renderChannels(page, result) {
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(this);
|
||||
|
||||
var html = getChannelsHtml(result.Items);
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@
|
|||
overlayText: screenWidth >= 600,
|
||||
coverImage: true
|
||||
|
||||
})).createCardMenus();
|
||||
}));
|
||||
}
|
||||
|
||||
function reload(page) {
|
||||
|
|
|
|||
|
|
@ -138,7 +138,7 @@
|
|||
overlayText: true,
|
||||
coverImage: true
|
||||
|
||||
})).createCardMenus();
|
||||
}));
|
||||
}
|
||||
|
||||
function renderSchedule(page, result) {
|
||||
|
|
|
|||
|
|
@ -19,11 +19,12 @@
|
|||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: true,
|
||||
coverImage: true
|
||||
coverImage: true,
|
||||
lazy: true
|
||||
|
||||
});
|
||||
|
||||
$('.activeProgramItems', page).html(html).createCardMenus();
|
||||
$('.activeProgramItems', page).html(html).lazyChildren();
|
||||
});
|
||||
|
||||
ApiClient.getLiveTvRecommendedPrograms({
|
||||
|
|
@ -42,11 +43,12 @@
|
|||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: true,
|
||||
coverImage: true
|
||||
coverImage: true,
|
||||
lazy: true
|
||||
|
||||
});
|
||||
|
||||
$('.upcomingProgramItems', page).html(html).createCardMenus();
|
||||
$('.upcomingProgramItems', page).html(html).lazyChildren();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -41,18 +41,17 @@
|
|||
('<button class="btnNewCollection" data-mini="true" data-icon="plus" data-inline="true" data-iconpos="notext">' + Globalize.translate('ButtonNew') + '</button>') :
|
||||
'';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false,
|
||||
additionalButtonsHtml: addiontalButtonsHtml
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
var trigger = false;
|
||||
|
||||
if (result.TotalRecordCount) {
|
||||
|
||||
|
|
@ -63,19 +62,19 @@
|
|||
context: 'movies',
|
||||
sortBy: query.SortBy
|
||||
});
|
||||
trigger = true;
|
||||
}
|
||||
else if (view == "Poster") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
shape: "portrait",
|
||||
shape: "auto",
|
||||
context: 'movies',
|
||||
showTitle: false,
|
||||
showTitle: true,
|
||||
centerText: true,
|
||||
lazy: true
|
||||
});
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
$('.noItemsMessage', page).hide();
|
||||
|
||||
} else {
|
||||
|
|
@ -83,7 +82,11 @@
|
|||
$('.noItemsMessage', page).show();
|
||||
}
|
||||
|
||||
$('.itemsContainer', page).html(html).trigger('create').createCardMenus();
|
||||
$('.itemsContainer', page).html(html).lazyChildren();
|
||||
|
||||
if (trigger) {
|
||||
$('.itemsContainer', page).trigger('create');
|
||||
}
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
@ -314,15 +317,12 @@
|
|||
|
||||
var page = this;
|
||||
|
||||
$('.itemsContainer', page).on('itemsrendered', function () {
|
||||
|
||||
$('.btnNewCollection', page).off('click.newcollectionpanel').on('click.newcollectionpanel', function () {
|
||||
// The button is created dynamically
|
||||
$(page).on('click', '.btnNewCollection', function () {
|
||||
|
||||
showNewCollectionPanel(page, []);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$('#selectCollectionToAddTo', page).on('change', function () {
|
||||
|
||||
if (this.value) {
|
||||
|
|
|
|||
|
|
@ -29,15 +29,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -50,7 +48,6 @@
|
|||
showItemCounts: true,
|
||||
centerText: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "ThumbCard") {
|
||||
|
||||
|
|
@ -63,7 +60,6 @@
|
|||
cardLayout: true,
|
||||
showTitle: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "Poster") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -74,12 +70,9 @@
|
|||
showItemCounts: true,
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
|
|
@ -39,9 +39,7 @@
|
|||
showLimit: false,
|
||||
updatePageSizeSetting: false,
|
||||
pageSizeKey: pageSizeKey
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -55,9 +53,7 @@
|
|||
lazy: true
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create');
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -33,18 +33,17 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false,
|
||||
addSelectionButton: true
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
var trigger = false;
|
||||
|
||||
if (view == "Thumb") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -56,7 +55,6 @@
|
|||
overlayText: true,
|
||||
showTitle: false
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "ThumbCard") {
|
||||
|
||||
|
|
@ -70,7 +68,6 @@
|
|||
cardLayout: true,
|
||||
showYear: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "Banner") {
|
||||
|
||||
|
|
@ -81,7 +78,6 @@
|
|||
context: 'movies',
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "List") {
|
||||
|
||||
|
|
@ -90,7 +86,7 @@
|
|||
context: 'movies',
|
||||
sortBy: query.SortBy
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
trigger = true;
|
||||
}
|
||||
else if (view == "Poster") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -102,7 +98,6 @@
|
|||
lazy: true,
|
||||
overlayText: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "PosterCard") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -114,7 +109,6 @@
|
|||
lazy: true,
|
||||
cardLayout: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "Timeline") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -126,12 +120,13 @@
|
|||
centerText: true,
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).addClass('timelineItemsContainer');
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
$('.itemsContainer', page).html(html).lazyChildren();
|
||||
|
||||
$('.itemsContainer', page).html(html).trigger('create').createCardMenus();
|
||||
if (trigger) {
|
||||
$('.itemsContainer', page).trigger('create');
|
||||
}
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -23,10 +23,10 @@
|
|||
$('#recentlyAddedItems', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
items: items,
|
||||
lazy: true,
|
||||
shape: 'homePagePortrait',
|
||||
shape: 'portrait',
|
||||
overlayText: false
|
||||
|
||||
})).trigger('create').createCardMenus();
|
||||
})).lazyChildren().trigger('create');
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
html += LibraryBrowser.getPosterViewHtml({
|
||||
items: recommendation.Items,
|
||||
lazy: true,
|
||||
shape: 'homePagePortrait',
|
||||
shape: 'portrait',
|
||||
overlayText: true
|
||||
});
|
||||
html += '</div>';
|
||||
|
|
@ -38,7 +38,13 @@
|
|||
return html;
|
||||
}
|
||||
|
||||
$(document).on('pagebeforeshow', "#moviesRecommendedPage", function () {
|
||||
$(document).on('pageinit', "#moviesRecommendedPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
$('.recommendations', page).createCardMenus();
|
||||
|
||||
}).on('pagebeforeshow', "#moviesRecommendedPage", function () {
|
||||
|
||||
var parentId = LibraryMenu.getTopParentId();
|
||||
|
||||
|
|
@ -72,12 +78,12 @@
|
|||
$('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
preferBackdrop: true,
|
||||
shape: 'homePageBackdrop',
|
||||
shape: 'backdrop',
|
||||
overlayText: true,
|
||||
showTitle: true,
|
||||
lazy: true
|
||||
|
||||
})).trigger('create').createCardMenus();
|
||||
})).lazyChildren().trigger('create');
|
||||
|
||||
});
|
||||
|
||||
|
|
@ -103,7 +109,7 @@
|
|||
var html = recommendations.map(getRecommendationHtml).join('');
|
||||
|
||||
$('.noItemsMessage', page).hide();
|
||||
$('.recommendations', page).html(html).trigger('create').createCardMenus();
|
||||
$('.recommendations', page).html(html).lazyChildren();
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -27,15 +27,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -48,8 +46,6 @@
|
|||
centerText: true
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create');
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
|
|
|
|||
|
|
@ -39,15 +39,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -61,11 +59,7 @@
|
|||
overlayText: false
|
||||
});
|
||||
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('.itemsContainer', page).html(html).trigger('create').createCardMenus();
|
||||
$('.itemsContainer', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
|
|
@ -40,11 +40,10 @@
|
|||
showLimit: false,
|
||||
addSelectionButton: true,
|
||||
pageSizeKey: pageSizeKey
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
var trigger = false;
|
||||
|
||||
if (view == "List") {
|
||||
|
||||
|
|
@ -53,6 +52,7 @@
|
|||
context: 'music',
|
||||
sortBy: query.SortBy
|
||||
});
|
||||
trigger = true;
|
||||
}
|
||||
else if (view == "Poster") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -77,12 +77,13 @@
|
|||
cardLayout: true,
|
||||
showSongCount: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
if (trigger) {
|
||||
$('#items', page).trigger('create');
|
||||
}
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -31,18 +31,17 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false,
|
||||
addSelectionButton: true
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
var trigger = false;
|
||||
|
||||
if (view == "Poster") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -53,7 +52,6 @@
|
|||
showParentTitle: true,
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "PosterCard") {
|
||||
|
||||
|
|
@ -67,7 +65,6 @@
|
|||
lazy: true,
|
||||
cardLayout: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "List") {
|
||||
|
||||
|
|
@ -76,7 +73,7 @@
|
|||
context: 'music',
|
||||
sortBy: query.SortBy
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
trigger = true;
|
||||
}
|
||||
else if (view == "Timeline") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -88,12 +85,13 @@
|
|||
timeline: true,
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).addClass('timelineItemsContainer');
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
if (trigger) {
|
||||
$('#items', page).trigger('create');
|
||||
}
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
@ -270,6 +268,24 @@
|
|||
}).on('pageshow', "#musicAlbumsPage", function () {
|
||||
|
||||
updateFilterControls(this);
|
||||
|
||||
var updateScheduled = false;
|
||||
function onscreen() {
|
||||
var viewportBottom = $(window).scrollTop() + $(window).height();
|
||||
return ($(document).height() - viewportBottom) < 100;
|
||||
}
|
||||
$(window).on('scroll', function () {
|
||||
console.log('load');
|
||||
if (!updateScheduled) {
|
||||
setTimeout(function () {
|
||||
if (onscreen()) {
|
||||
console.log('load');
|
||||
}
|
||||
updateScheduled = false;
|
||||
}, 500);
|
||||
updateScheduled = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
})(jQuery, document);
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
|
|
@ -40,9 +40,7 @@
|
|||
showLimit: false,
|
||||
addSelectionButton: true,
|
||||
pageSizeKey: pageSizeKey
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -77,12 +75,9 @@
|
|||
cardLayout: true,
|
||||
showSongCount: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -27,16 +27,14 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false,
|
||||
addSelectionButton: true
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -50,9 +48,7 @@
|
|||
lazy: true
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -26,8 +26,9 @@
|
|||
showChildCountIndicator: true,
|
||||
shape: "square",
|
||||
showTitle: true,
|
||||
showParentTitle: true
|
||||
})).createCardMenus();
|
||||
showParentTitle: true,
|
||||
lazy: true
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
|
||||
|
|
@ -59,9 +60,10 @@
|
|||
shape: "square",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
defaultAction: 'play'
|
||||
defaultAction: 'play',
|
||||
lazy: true
|
||||
|
||||
})).createCardMenus();
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
|
||||
|
|
@ -93,9 +95,10 @@
|
|||
shape: "square",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
defaultAction: 'play'
|
||||
defaultAction: 'play',
|
||||
lazy: true
|
||||
|
||||
})).createCardMenus();
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -27,15 +27,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -47,8 +45,6 @@
|
|||
centerText: true
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create');
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
|
|
|
|||
|
|
@ -54,15 +54,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -83,7 +81,6 @@
|
|||
});
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
$('.noItemsMessage', page).hide();
|
||||
|
||||
} else {
|
||||
|
|
@ -91,7 +88,7 @@
|
|||
$('.noItemsMessage', page).show();
|
||||
}
|
||||
|
||||
$('.itemsContainer', page).html(html).trigger('create').createCardMenus();
|
||||
$('.itemsContainer', page).html(html).trigger('create');
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -156,31 +156,6 @@
|
|||
});
|
||||
}
|
||||
|
||||
//$(document).on('pageinit', ".playlistEditorPage", function () {
|
||||
|
||||
// var page = this;
|
||||
|
||||
// $('.itemsContainer', page).on('itemsrendered', function () {
|
||||
|
||||
// $('.btnNewPlaylist', page).off('click.newplaylistpanel').on('click.newplaylistpanel', function () {
|
||||
|
||||
// showNewPlaylistPanel(page, []);
|
||||
// });
|
||||
|
||||
// });
|
||||
|
||||
// $('#selectPlaylistToAddTo', page).on('change', function () {
|
||||
|
||||
// if (this.value) {
|
||||
// $('.newPlaylistInfo', page).hide();
|
||||
// $('#txtNewPlaylistName', page).removeAttr('required');
|
||||
// } else {
|
||||
// $('.newPlaylistInfo', page).show();
|
||||
// $('#txtNewPlaylistName', page).attr('required', 'required');
|
||||
// }
|
||||
// });
|
||||
//});
|
||||
|
||||
function createPlaylist(panel) {
|
||||
|
||||
var url = ApiClient.getUrl("Playlists", {
|
||||
|
|
|
|||
|
|
@ -44,17 +44,16 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
var trigger = false;
|
||||
|
||||
if (result.TotalRecordCount) {
|
||||
|
||||
|
|
@ -65,6 +64,7 @@
|
|||
context: 'playlists',
|
||||
sortBy: query.SortBy
|
||||
});
|
||||
trigger = true;
|
||||
}
|
||||
else if (view == "PosterCard") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -79,7 +79,6 @@
|
|||
});
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
$('.noItemsMessage', page).hide();
|
||||
|
||||
} else {
|
||||
|
|
@ -87,7 +86,11 @@
|
|||
$('.noItemsMessage', page).show();
|
||||
}
|
||||
|
||||
$('.itemsContainer', page).html(html).trigger('create').createCardMenus();
|
||||
$('.itemsContainer', page).html(html).lazyChildren();
|
||||
|
||||
if (trigger) {
|
||||
$('.itemsContainer', page).trigger('create');
|
||||
}
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -311,11 +311,11 @@
|
|||
var html = LibraryBrowser.getPosterViewHtml({
|
||||
items: hints,
|
||||
shape: "square",
|
||||
lazy: false,
|
||||
lazy: true,
|
||||
overlayText: false,
|
||||
showTitle: true
|
||||
});
|
||||
$('.itemsContainer', elem).html(html).trigger('create').createCardMenus();
|
||||
$('.itemsContainer', elem).html(html).lazyChildren();
|
||||
}
|
||||
|
||||
function requestSearchHintsForOverlay(elem, searchTerm) {
|
||||
|
|
@ -355,7 +355,20 @@
|
|||
var elem = $('.searchResultsOverlay');
|
||||
|
||||
if (createIfNeeded && !elem.length) {
|
||||
elem = $('<div class="searchResultsOverlay ui-page-theme-b"><div class="searchResultsContainer"><div class="itemsContainer"></div></div></div>').appendTo(document.body).hide();
|
||||
|
||||
var html = '<div class="searchResultsOverlay ui-page-theme-b"><div style="text-align:right;padding: 1em 2em 0 0;"><button class="btnCloseSearch" data-icon="delete" data-mini="true" data-inline="true" style="margin:0;">Close</button></div>';
|
||||
|
||||
html += '<div class="searchResultsContainer"><div class="itemsContainer"></div></div></div>';
|
||||
|
||||
elem = $(html).appendTo(document.body).hide().trigger('create');
|
||||
|
||||
elem.createCardMenus();
|
||||
|
||||
$('.btnCloseSearch', elem).on('click', function () {
|
||||
$('.headerSearchInput').val('');
|
||||
onHeaderSearchChange('');
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
return elem;
|
||||
|
|
|
|||
|
|
@ -49,14 +49,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -67,9 +66,7 @@
|
|||
defaultAction: 'play'
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).trigger('create').lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -172,6 +172,8 @@
|
|||
|
||||
var elem = $('.syncActivity', page).html(html).trigger('create');
|
||||
|
||||
$(".lazy", elem).unveil(200);
|
||||
|
||||
$('.btnJobMenu', elem).on('click', function () {
|
||||
showJobMenu(this);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -9,6 +9,10 @@
|
|||
html += '<input id="txtJobName" type="text" required="required" />';
|
||||
html += '</p>';
|
||||
|
||||
html += '<p>';
|
||||
html += Globalize.translate('ValueDateCreated', parseISO8601Date(job.DateCreated, { toLocal: true }).toLocaleString());
|
||||
html += '</p>';
|
||||
|
||||
html += '<p>';
|
||||
html += '<label for="txtTargetName">' + Globalize.translate('LabelSyncTo') + '</label>';
|
||||
html += '<input id="txtTargetName" type="text" readonly="readonly" />';
|
||||
|
|
@ -142,6 +146,8 @@
|
|||
|
||||
var elem = $('.jobItems', page).html(html).trigger('create');
|
||||
|
||||
$(".lazy", elem).unveil(200);
|
||||
|
||||
$('.btnJobItemMenu', elem).on('click', function () {
|
||||
showJobItemMenu(this);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -29,15 +29,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -50,7 +48,6 @@
|
|||
showItemCounts: true,
|
||||
centerText: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "ThumbCard") {
|
||||
|
||||
|
|
@ -63,7 +60,6 @@
|
|||
cardLayout: true,
|
||||
showTitle: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "Poster") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -74,12 +70,9 @@
|
|||
showItemCounts: true,
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
|
||||
$('#latestEpisodes', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
items: items,
|
||||
shape: "homePageBackdrop",
|
||||
shape: "backdrop",
|
||||
preferThumb: true,
|
||||
inheritThumb: false,
|
||||
showParentTitle: false,
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
overlayText: true,
|
||||
lazy: true
|
||||
|
||||
})).trigger('create').createCardMenus();
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -31,15 +31,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -53,9 +51,7 @@
|
|||
lazy: true
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -57,18 +57,17 @@
|
|||
$('.noNextUpItems', page).show();
|
||||
}
|
||||
|
||||
var html = LibraryBrowser.getPosterViewHtml({
|
||||
$('#nextUpItems', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
shape: "homePageBackdrop",
|
||||
shape: "backdrop",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: true,
|
||||
overlayText: false,
|
||||
context: context,
|
||||
lazy: true
|
||||
lazy: true,
|
||||
preferThumb: true
|
||||
|
||||
});
|
||||
|
||||
$('#nextUpItems', page).html(html).trigger('create').createCardMenus();
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
}
|
||||
|
|
@ -103,14 +102,14 @@
|
|||
|
||||
$('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
shape: "homePageBackdrop",
|
||||
shape: "backdrop",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: true,
|
||||
lazy: true,
|
||||
context: 'tv'
|
||||
|
||||
})).trigger('create').createCardMenus();
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,16 +30,15 @@
|
|||
$(document).scrollTop(0);
|
||||
|
||||
var html = '';
|
||||
var trigger = false;
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -53,7 +52,6 @@
|
|||
lazy: true
|
||||
});
|
||||
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "ThumbCard") {
|
||||
|
||||
|
|
@ -67,7 +65,6 @@
|
|||
showTitle: true,
|
||||
showSeriesYear: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "Banner") {
|
||||
|
||||
|
|
@ -78,7 +75,6 @@
|
|||
context: 'tv',
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else if (view == "List") {
|
||||
|
||||
|
|
@ -87,7 +83,7 @@
|
|||
context: 'tv',
|
||||
sortBy: query.SortBy
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
trigger = true;
|
||||
}
|
||||
else if (view == "PosterCard") {
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
|
|
@ -99,7 +95,6 @@
|
|||
lazy: true,
|
||||
cardLayout: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
else {
|
||||
|
||||
|
|
@ -112,12 +107,13 @@
|
|||
centerText: true,
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
|
||||
html += pagingHtml;
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
if (trigger) {
|
||||
$('#items', page).trigger('create');
|
||||
}
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -27,15 +27,13 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
showLimit: false
|
||||
});
|
||||
|
||||
$('.listTopPaging', page).html(pagingHtml).trigger('create');
|
||||
})).trigger('create');
|
||||
|
||||
updateFilterControls(page);
|
||||
|
||||
|
|
@ -51,9 +49,7 @@
|
|||
|
||||
});
|
||||
|
||||
html += pagingHtml;
|
||||
|
||||
$('#items', page).html(html).trigger('create').createCardMenus();
|
||||
$('#items', page).html(html).lazyChildren();
|
||||
|
||||
$('.btnNextPage', page).on('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
$('#upcomingItems', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
items: items,
|
||||
showLocationTypeIndicator: false,
|
||||
shape: "homePageBackdrop",
|
||||
shape: "backdrop",
|
||||
showTitle: true,
|
||||
showPremiereDate: true,
|
||||
showPremiereDateIndex: true,
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
context: context || 'home-upcoming',
|
||||
lazy: true,
|
||||
|
||||
})).trigger('create').createCardMenus();
|
||||
})).lazyChildren();
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -14,7 +14,13 @@
|
|||
|
||||
var id = 'mediaFolder' + i;
|
||||
|
||||
var checkedAttribute = user.Policy.EnableAllFolders || user.Policy.EnabledFolders.indexOf(folder.Id) != -1 ? ' checked="checked"' : '';
|
||||
var isChecked;
|
||||
if (user.Policy.BlockedMediaFolders != null) {
|
||||
isChecked = user.Policy.BlockedMediaFolders.indexOf(folder.Id) == -1 && user.Policy.BlockedMediaFolders.indexOf(folder.Name) == -1;
|
||||
} else {
|
||||
isChecked = user.Policy.EnableAllFolders || user.Policy.EnabledFolders.indexOf(folder.Id) != -1;
|
||||
}
|
||||
var checkedAttribute = isChecked ? ' checked="checked"' : '';
|
||||
|
||||
html += '<input class="chkFolder" data-id="' + folder.Id + '" type="checkbox" id="' + id + '"' + checkedAttribute + ' />';
|
||||
html += '<label for="' + id + '">' + folder.Name + '</label>';
|
||||
|
|
@ -41,7 +47,13 @@
|
|||
|
||||
var id = 'channels' + i;
|
||||
|
||||
var checkedAttribute = user.Policy.EnableAllChannels || user.Policy.EnabledChannels.indexOf(folder.Id) != -1 ? ' checked="checked"' : '';
|
||||
var isChecked;
|
||||
if (user.Policy.BlockedChannels != null) {
|
||||
isChecked = user.Policy.BlockedChannels.indexOf(folder.Id) == -1;
|
||||
} else {
|
||||
isChecked = user.Policy.EnableAllChannels || user.Policy.EnabledChannels.indexOf(folder.Id) != -1;
|
||||
}
|
||||
var checkedAttribute = isChecked ? ' checked="checked"' : '';
|
||||
|
||||
html += '<input class="chkChannel" data-id="' + folder.Id + '" type="checkbox" id="' + id + '"' + checkedAttribute + ' />';
|
||||
html += '<label for="' + id + '">' + folder.Name + '</label>';
|
||||
|
|
|
|||
|
|
@ -60,4 +60,10 @@
|
|||
|
||||
};
|
||||
|
||||
$.fn.lazyChildren = function () {
|
||||
|
||||
$(".lazy", this).unveil(200);
|
||||
return this;
|
||||
};
|
||||
|
||||
})(window.jQuery || window.Zepto);
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
<h1 class="listHeader firstListHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestEpisodes}</h1>
|
||||
<a href="#" class="accentButton categorySyncButton" data-category="Latest"><i class="fa fa-cloud"></i>${ButtonSync}</a>
|
||||
</div>
|
||||
<div id="latestEpisodes">
|
||||
<div id="latestEpisodes" class="itemsContainer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
<a href="#" class="accentButton categorySyncButton" data-category="Resume"><i class="fa fa-cloud"></i>${ButtonSync}</a>
|
||||
</div>
|
||||
|
||||
<div id="resumableItems">
|
||||
<div id="resumableItems" class="itemsContainer">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
<h1 class="listHeader nextUpHeader" style="display:inline-block;vertical-align:middle;">${HeaderNextUp}</h1>
|
||||
<a href="#" class="accentButton categorySyncButton" data-category="NextUp"><i class="fa fa-cloud"></i>${ButtonSync}</a>
|
||||
</div>
|
||||
<div id="nextUpItems">
|
||||
<div id="nextUpItems" class="itemsContainer">
|
||||
</div>
|
||||
</div>
|
||||
<p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
</div>
|
||||
<div data-role="content">
|
||||
<div class="ehsContent">
|
||||
<div id="upcomingItems">
|
||||
<div id="upcomingItems" class="itemsContainer">
|
||||
</div>
|
||||
<div class="noItemsMessage" style="display: none;">
|
||||
<p>${MessageNothingHere}</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue