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

sync updates

Browse source
This commit is contained in:
Luke Pulverenti 2015-01-23 01:15:15 -05:00
parent 2ab7e15656
commit 9b452f3b53
85 changed files with 421 additions and 505 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/channelitems.html
View file

@ -21,7 +21,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</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 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;"> <div style="padding: .5em 1.5em;">

2
dashboard-ui/channels.html
View file

@ -14,7 +14,7 @@
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div> </div>
</div> </div>
</body> </body>

2
dashboard-ui/collections.html
View file

@ -30,7 +30,7 @@
&nbsp; &nbsp;
</div> </div>
</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;"> <div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoCollectionsAvailable}</p> <p>${MessageNoCollectionsAvailable}</p>
</div> </div>

117
dashboard-ui/css/card.css
View file

@ -45,7 +45,7 @@
} }
.cardBox { .cardBox {
margin: 3px; margin: 2px;
} }
.grayscale { .grayscale {
@ -82,6 +82,10 @@
background: #fff; background: #fff;
} }
/*.visualCardBox .cardFooter {
padding: 0 2px;
}*/
.ui-page-theme-b .visualCardBox { .ui-page-theme-b .visualCardBox {
background: rgb(51, 51, 51); background: rgb(51, 51, 51);
border: 1px solid rgb(31, 31, 31); border: 1px solid rgb(31, 31, 31);
@ -364,10 +368,6 @@
width: 12.5%; width: 12.5%;
} }
.backdropCard {
width: 16.666666666666666666666666666667%;
}
.portraitCard { .portraitCard {
width: 10%; width: 10%;
} }
@ -395,9 +395,13 @@
.bannerCard { .bannerCard {
width: 25%; 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 */
.homePageSmallBackdropCard .cardPadder { .homePageSmallBackdropCard .cardPadder {
padding-bottom: 56.25%; padding-bottom: 56.25%;

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

@ -113,23 +113,15 @@
@media all and (min-width: 600px) { @media all and (min-width: 600px) {
.itemsContainer:not(.fullWidthItemsContainer):not(.smallItemsContainer) { .paddedItemsContainer {
padding: 0 .8em; padding: 0 .8em;
margin-right: 10px;
} }
} }
@media all and (min-width: 1200px) { @media all and (min-width: 1200px) {
.ehsContent { .ehsContent {
width: 90%; width: 94%;
}
}
@media all and (min-width: 1600px) {
.ehsContent {
width: 92%;
} }
} }
@ -923,14 +915,9 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
} }
.itemsContainer { .itemsContainer {
text-align: center;
margin: 0 auto; margin: 0 auto;
} }
.timelineItemsContainer {
text-align: left;
}
.alphabetPicker { .alphabetPicker {
position: fixed; position: fixed;
right: 2px; right: 2px;
@ -999,7 +986,14 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
} }
.itemsContainerWithAlphaPicker { .itemsContainerWithAlphaPicker {
margin-right: 20px; margin-right: 25px;
}
}
@media all and (min-width: 600px) {
.itemsContainerWithAlphaPicker {
margin-right: 10px;
} }
} }

45
dashboard-ui/css/notifications.css
View file

@ -135,4 +135,47 @@
.imgNotificationWarning .imgNotificationInner { .imgNotificationWarning .imgNotificationInner {
background-image: url(images/notifications/error.png); 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;
}

8
dashboard-ui/dashboardhosting.html
View file

@ -53,6 +53,14 @@
<input type="number" id="txtPublicHttpsPort" pattern="[0-9]*" required="required" min="1" /> <input type="number" id="txtPublicHttpsPort" pattern="[0-9]*" required="required" min="1" />
<div class="fieldDescription">${LabelPublicHttpsPortHelp}</div> <div class="fieldDescription">${LabelPublicHttpsPortHelp}</div>
</li> </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>
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">

2
dashboard-ui/episodes.html
View file

@ -31,7 +31,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/gamesrecommended.html
View file

@ -22,7 +22,7 @@
<div id="recentlyPlayedSection" style="display: none;"> <div id="recentlyPlayedSection" style="display: none;">
<h1 class="listHeader">${HeaderRecentlyPlayedGames}</h1> <h1 class="listHeader">${HeaderRecentlyPlayedGames}</h1>
<div id="recentlyPlayedItems"> <div id="recentlyPlayedItems" class="itemsContainer">
</div> </div>
</div> </div>
</div> </div>

2
dashboard-ui/livetvchannel.html
View file

@ -16,7 +16,7 @@
<table class="detailPageContent primaryDetailPageContent"> <table class="detailPageContent primaryDetailPageContent">
<tr> <tr>
<td style="vertical-align: top; padding: 0 1em 0 0;"> <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>
<td style="vertical-align: top; padding: 0;"> <td style="vertical-align: top; padding: 0;">
<p><span class="itemName inlineItemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p> <p><span class="itemName inlineItemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>

4
dashboard-ui/livetvsuggested.html
View file

@ -17,12 +17,12 @@
<div class="ehsContent"> <div class="ehsContent">
<div id="activePrograms"> <div id="activePrograms">
<h1 class="listHeader">${HeaderWhatsOnTV}</h1> <h1 class="listHeader">${HeaderWhatsOnTV}</h1>
<div class="activeProgramItems"></div> <div class="activeProgramItems itemsContainer"></div>
<br /> <br />
</div> </div>
<div id="upcomingPrograms"> <div id="upcomingPrograms">
<h1 class="listHeader">${HeaderUpcomingTV}</h1> <h1 class="listHeader">${HeaderUpcomingTV}</h1>
<div class="upcomingProgramItems"></div> <div class="upcomingProgramItems itemsContainer"></div>
<br /> <br />
</div> </div>
</div> </div>

2
dashboard-ui/moviegenres.html
View file

@ -22,7 +22,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/moviepeople.html
View file

@ -24,7 +24,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/movies.html
View file

@ -33,7 +33,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/movieslatest.html
View file

@ -25,7 +25,7 @@
<a href="#" class="accentButton categorySyncButton" data-category="Latest"><i class="fa fa-cloud"></i>${ButtonSync}</a> <a href="#" class="accentButton categorySyncButton" data-category="Latest"><i class="fa fa-cloud"></i>${ButtonSync}</a>
</div> </div>
<div id="recentlyAddedItems"> <div id="recentlyAddedItems" class="itemsContainer">
</div> </div>
</div> </div>
</div> </div>

2
dashboard-ui/moviesrecommended.html
View file

@ -25,7 +25,7 @@
<a href="#" class="accentButton categorySyncButton" data-category="Resume"><i class="fa fa-cloud"></i>${ButtonSync}</a> <a href="#" class="accentButton categorySyncButton" data-category="Resume"><i class="fa fa-cloud"></i>${ButtonSync}</a>
</div> </div>
<div id="resumableItems"> <div id="resumableItems" class="itemsContainer">
</div> </div>
</div> </div>

2
dashboard-ui/moviestudios.html
View file

@ -22,7 +22,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/movietrailers.html
View file

@ -25,7 +25,7 @@
</div> </div>
<button class="btnTrailerReel" type="button" data-icon="play" data-inline="true" data-mini="true">${ButtonTrailerReel}</button> <button class="btnTrailerReel" type="button" data-icon="play" data-inline="true" data-mini="true">${ButtonTrailerReel}</button>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
<p class="noItemsMessage" style="display:none;">${MessageNoTrailersFound}</p> <p class="noItemsMessage" style="display:none;">${MessageNoTrailersFound}</p>
</div> </div>

2
dashboard-ui/musicalbumartists.html
View file

@ -28,7 +28,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/musicalbums.html
View file

@ -27,7 +27,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/musicartists.html
View file

@ -28,7 +28,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
<form> <form>

2
dashboard-ui/musicgenres.html
View file

@ -25,7 +25,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/musicrecommended.html
View file

@ -18,7 +18,7 @@
<div class="ehsContent squareEhsContent"> <div class="ehsContent squareEhsContent">
<h1 class="listHeader">${HeaderLatestMusic}</h1> <h1 class="listHeader">${HeaderLatestMusic}</h1>
<div id="recentlyAddedSongs"> <div id="recentlyAddedSongs" class="itemsContainer fullWidthItemsContainer" style="text-align:left;">
</div> </div>
<div id="recentlyPlayed" style="display: none;"> <div id="recentlyPlayed" style="display: none;">

2
dashboard-ui/musicvideos.html
View file

@ -23,7 +23,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/playlists.html
View file

@ -17,7 +17,7 @@
&nbsp; &nbsp;
</div> </div>
</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;"> <div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoPlaylistsAvailable}</p> <p>${MessageNoPlaylistsAvailable}</p>
</div> </div>

10
dashboard-ui/scripts/channelitems.js
View file

@ -128,16 +128,14 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false, showLimit: false,
updatePageSizeSetting: false updatePageSizeSetting: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -151,9 +149,7 @@
coverImage: true coverImage: true
}); });
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -30,7 +30,7 @@
preferThumb: true preferThumb: true
}); });
$('#items', page).html(html).trigger('create').createCardMenus(); $('#items', page).html(html).lazyChildren();
LibraryBrowser.saveQueryValues('channels', query); LibraryBrowser.saveQueryValues('channels', query);

23
dashboard-ui/scripts/dashboardhosting.js
View file

@ -10,6 +10,7 @@
$('#txtHttpsPort', page).val(config.HttpsPortNumber); $('#txtHttpsPort', page).val(config.HttpsPortNumber);
$('#txtDdns', page).val(config.WanDdns || ''); $('#txtDdns', page).val(config.WanDdns || '');
$('#txtCertificatePath', page).val(config.CertificatePath || '');
$('#chkEnableUpnp', page).checked(config.EnableUPnP).checkboxradio('refresh'); $('#chkEnableUpnp', page).checked(config.EnableUPnP).checkboxradio('refresh');
@ -31,6 +32,27 @@
}).on('pageinit', "#dashboardHostingPage", function () { }).on('pageinit', "#dashboardHostingPage", function () {
var page = this; 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 = { window.DashboardHostingPage = {
@ -49,6 +71,7 @@
config.HttpsPortNumber = $('#txtHttpsPort', form).val(); config.HttpsPortNumber = $('#txtHttpsPort', form).val();
config.EnableUPnP = $('#chkEnableUpnp', form).checked(); config.EnableUPnP = $('#chkEnableUpnp', form).checked();
config.WanDdns = $('#txtDdns', form).val(); config.WanDdns = $('#txtDdns', form).val();
config.CertificatePath = $('#txtCertificatePath', form).val();
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
}); });

3
dashboard-ui/scripts/editorsidebar.js
View file

@ -257,7 +257,8 @@
var elem = $('#' + id, page)[0]; var elem = $('#' + id, page)[0];
if (elem) { if (elem) {
elem.scrollIntoView(); // commenting out for now because it's causing the whole window to scroll in chrome
//elem.scrollIntoView();
} }
} }

14
dashboard-ui/scripts/episodes.js
View file

@ -33,18 +33,17 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false, showLimit: false,
addSelectionButton: true addSelectionButton: true
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(); updateFilterControls();
var trigger = false;
if (view == "List") { if (view == "List") {
@ -53,6 +52,7 @@
context: 'tv', context: 'tv',
sortBy: query.SortBy sortBy: query.SortBy
}); });
trigger = true;
} }
else if (view == "Poster") { else if (view == "Poster") {
html += LibraryBrowser.getPosterViewHtml({ 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 () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

11
dashboard-ui/scripts/favorites.js
View file

@ -3,9 +3,9 @@
function getSections() { function getSections() {
return [ return [
{ name: Globalize.translate('HeaderFavoriteMovies'), types: "Movie", id: "favoriteMovies", shape: 'homePageBackdrop', preferThumb: true, showTitle: false }, { name: Globalize.translate('HeaderFavoriteMovies'), types: "Movie", id: "favoriteMovies", shape: 'backdrop', preferThumb: true, showTitle: false },
{ name: Globalize.translate('HeaderFavoriteShows'), types: "Series", id: "favoriteShows", shape: 'homePageBackdrop', 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: 'homePageBackdrop', preferThumb: false, showTitle: true, showParentTitle: true }, { 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('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 } { 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) { 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; var href = "favorites.html?sectionid=" + section.id;
@ -62,7 +62,8 @@
html += '</div>'; html += '</div>';
} }
$(elem).html(html).trigger('create').createCardMenus(); elem = $(elem).html(html).lazyChildren();
elem.createCardMenus();
}); });
} }

10
dashboard-ui/scripts/gamegenrepage.js
View file

@ -26,15 +26,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -48,9 +46,7 @@
lazy: true lazy: true
}); });
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

16
dashboard-ui/scripts/gamespage.js
View file

@ -32,17 +32,16 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
var trigger = false;
if (view == "List") { if (view == "List") {
@ -51,7 +50,7 @@
context: 'games', context: 'games',
sortBy: query.SortBy sortBy: query.SortBy
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer'); trigger = true;
} }
else if (view == "Poster") { else if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -74,10 +73,11 @@
}); });
} }
$('#items', page).html(html).lazyChildren();
html += pagingHtml; if (trigger) {
$('#items', page).trigger('create');
$('#items', page).html(html).trigger('create').createCardMenus(); }
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -26,7 +26,7 @@
shape: 'auto', shape: 'auto',
lazy: true lazy: true
})).trigger('create').createCardMenus(); })).lazyChildren();
}); });
@ -59,7 +59,7 @@
shape: 'auto', shape: 'auto',
lazy: true lazy: true
})).trigger('create').createCardMenus(); })).lazyChildren();
}); });

10
dashboard-ui/scripts/gamestudiospage.js
View file

@ -27,15 +27,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -50,9 +48,7 @@
}); });
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

30
dashboard-ui/scripts/gamesystemspage.js
View file

@ -27,11 +27,9 @@
// Scroll back up so they can see the results from the beginning // Scroll back up so they can see the results from the beginning
$(document).scrollTop(0); $(document).scrollTop(0);
var html = '';
updateFilterControls(page); updateFilterControls(page);
html = LibraryBrowser.getPosterViewHtml({ var html = LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
shape: "backdrop", shape: "backdrop",
context: 'games', context: 'games',
@ -41,31 +39,7 @@
}); });
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('#items', page).html(html).lazyChildren();
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);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query); LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);

35
dashboard-ui/scripts/indexpage.js
View file

@ -135,11 +135,11 @@
html += '<h1 style="display:inline-block; vertical-align:middle;" class="listHeader">' + Globalize.translate('HeaderLatestMedia') + '</h1>'; 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 += '<a href="mypreferencesdisplay.html" class="accentButton"><i class="fa fa-pencil"></i>' + Globalize.translate('ButtonEdit') + '</a>';
html += '</div>'; html += '</div>';
html += '<div>'; html += '<div class="itemsContainer">';
html += LibraryBrowser.getPosterViewHtml({ html += LibraryBrowser.getPosterViewHtml({
items: items, items: items,
preferThumb: true, preferThumb: true,
shape: 'homePageBackdrop', shape: 'backdrop',
context: context || 'home', context: context || 'home',
showUnplayedIndicator: false, showUnplayedIndicator: false,
showChildCountIndicator: true, showChildCountIndicator: true,
@ -148,7 +148,8 @@
html += '</div>'; html += '</div>';
} }
$(elem).html(html).trigger('create').createCardMenus(); $(elem).html(html).lazyChildren();
$(elem).createCardMenus();
}); });
} }
@ -170,7 +171,7 @@
if (result.Items.length) { if (result.Items.length) {
html += '<h1 class="listHeader">' + Globalize.translate('HeaderLatestChannelMedia') + '</h1>'; html += '<h1 class="listHeader">' + Globalize.translate('HeaderLatestChannelMedia') + '</h1>';
html += '<div>'; html += '<div class="itemsContainer">';
html += LibraryBrowser.getPosterViewHtml({ html += LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
preferThumb: true, preferThumb: true,
@ -182,7 +183,8 @@
html += '</div>'; 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); handleLibraryLinkNavigations(elem);
}); });
@ -257,7 +259,7 @@
html += '</div>'; html += '</div>';
} }
$(elem).html(html).trigger('create').createCardMenus(); $(elem).html(html).lazyChildren();
handleLibraryLinkNavigations(elem); handleLibraryLinkNavigations(elem);
}); });
@ -290,7 +292,7 @@
html += LibraryBrowser.getPosterViewHtml({ html += LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
preferBackdrop: true, preferBackdrop: true,
shape: 'homePageBackdrop', shape: 'backdrop',
overlayText: screenWidth >= 600, overlayText: screenWidth >= 600,
showTitle: true, showTitle: true,
showParentTitle: true, showParentTitle: true,
@ -300,7 +302,7 @@
html += '</div>'; html += '</div>';
} }
$(elem).html(html).trigger('create').createCardMenus(); $(elem).html(html).lazyChildren();
}); });
} }
@ -350,7 +352,7 @@
var options = { 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", Fields: "PrimaryImageAspectRatio,SyncInfo",
Filters: "IsUnplayed", Filters: "IsUnplayed",
UserId: Dashboard.getCurrentUserId(), UserId: Dashboard.getCurrentUserId(),
@ -368,9 +370,10 @@
html += '<div>'; html += '<div>';
var text = Globalize.translate('HeaderLatestFromChannel').replace('{0}', channel.Name); var text = Globalize.translate('HeaderLatestFromChannel').replace('{0}', channel.Name);
html += '<h1 style="display:inline-block; vertical-align:middle;" class="' + cssClass + '">' + text + '</h1>'; 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>';
} }
html += '<div class="itemsContainer">';
html += LibraryBrowser.getPosterViewHtml({ html += LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
shape: 'autohome', shape: 'autohome',
@ -380,8 +383,10 @@
context: 'channels', context: 'channels',
lazy: true 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 lazy: true
}); });
elem.html(html).trigger('create').createCardMenus(); elem.html(html).lazyChildren();
}); });
} }
@ -467,7 +472,7 @@
Sections.loadRecentlyAdded(elem, userId); Sections.loadRecentlyAdded(elem, userId);
} }
else if (section == 'librarytiles') { else if (section == 'librarytiles') {
Sections.loadLibraryTiles(elem, userId, 'homePageBackdrop', index); Sections.loadLibraryTiles(elem, userId, 'backdrop', index);
} }
else if (section == 'smalllibrarytiles') { else if (section == 'smalllibrarytiles') {
Sections.loadLibraryTiles(elem, userId, 'homePageSmallBackdrop', index); Sections.loadLibraryTiles(elem, userId, 'homePageSmallBackdrop', index);
@ -487,7 +492,7 @@
} }
else if (section == 'folders') { else if (section == 'folders') {
Sections.loadLibraryFolders(elem, userId, 'homePageBackdrop', index); Sections.loadLibraryFolders(elem, userId, 'backdrop', index);
} else if (section == 'latestchannelmedia') { } else if (section == 'latestchannelmedia') {
Sections.loadLatestChannelMedia(elem, userId); Sections.loadLatestChannelMedia(elem, userId);

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

@ -489,7 +489,7 @@
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
$('#items', page).html(html).trigger('create').createCardMenus(); $('#items', page).html(html).lazyChildren();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {

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

@ -642,7 +642,7 @@
overlayText: item.Type != "MusicAlbum" overlayText: item.Type != "MusicAlbum"
}); });
$('#similarContent', page).html(html).createCardMenus(); $('#similarContent', page).html(html).lazyChildren();
}); });
} }
@ -761,6 +761,7 @@
promise.done(function (result) { promise.done(function (result) {
var html = ''; var html = '';
var trigger = false;
if (item.Type == "MusicAlbum") { if (item.Type == "MusicAlbum") {
@ -773,6 +774,7 @@
playFromHere: true, playFromHere: true,
defaultAction: 'playallfromhere' defaultAction: 'playallfromhere'
}); });
trigger = true;
} }
else if (item.Type == "Series") { 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") { if (item.Type == "BoxSet") {

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

@ -38,14 +38,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -80,9 +79,7 @@
}); });
} }
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

24
dashboard-ui/scripts/librarybrowser.js
View file

@ -2,12 +2,6 @@
var pageSizeKey = 'pagesize_v4'; var pageSizeKey = 'pagesize_v4';
$(function () {
$("body").on("create", function () {
$(".lazy").unveil(200);
});
});
var defaultBackground = "#333"; var defaultBackground = "#333";
return { return {
@ -764,15 +758,15 @@
} }
if (imgUrl) { if (imgUrl) {
var minLazyIndex = 16;
if (options.smallIcon) { if (options.smallIcon) {
if (index < 10) { if (index < minLazyIndex) {
html += '<div class="listviewIcon ui-li-icon" style="background-image:url(\'' + imgUrl + '\');"></div>'; html += '<div class="listviewIcon ui-li-icon" style="background-image:url(\'' + imgUrl + '\');"></div>';
} else { } else {
html += '<div class="listviewIcon ui-li-icon lazy" data-src="' + imgUrl + '"></div>'; html += '<div class="listviewIcon ui-li-icon lazy" data-src="' + imgUrl + '"></div>';
} }
} else { } else {
if (index < 10) { if (index < minLazyIndex) {
html += '<div class="listviewImage ui-li-thumb" style="background-image:url(\'' + imgUrl + '\');"></div>'; html += '<div class="listviewImage ui-li-thumb" style="background-image:url(\'' + imgUrl + '\');"></div>';
} else { } else {
html += '<div class="listviewImage ui-li-thumb lazy" data-src="' + imgUrl + '"></div>'; html += '<div class="listviewImage ui-li-thumb lazy" data-src="' + imgUrl + '"></div>';
@ -836,7 +830,8 @@
} }
html += '</a>'; 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 += '</a>';
html += '</li>'; html += '</li>';
@ -946,7 +941,7 @@
primaryImageAspectRatio = LibraryBrowser.getAveragePrimaryImageAspectRatio(items); primaryImageAspectRatio = LibraryBrowser.getAveragePrimaryImageAspectRatio(items);
if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1.777777778) < .3) { 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) { } else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1) < .33) {
options.coverImage = true; options.coverImage = true;
options.shape = 'square'; options.shape = 'square';
@ -957,9 +952,9 @@
options.shape = 'banner'; options.shape = 'banner';
options.coverImage = true; options.coverImage = true;
} else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 0.6666667) < .2) { } else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 0.6666667) < .2) {
options.shape = options.shape == 'auto' ? 'portrait' : 'homePagePortrait'; options.shape = options.shape == 'auto' ? 'portrait' : 'portrait';
} else { } 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) { if (options.cardLayout) {
html += '<div class="cardText" style="text-align:right; float:right;">'; 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>"; html += "</div>";
} }

37
dashboard-ui/scripts/librarylist.js
View file

@ -581,7 +581,7 @@
$($.mobile.activePage).append(html); $($.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(); $(this).off("popupafterclose").remove();
$(card).removeClass('hasContextMenu'); $(card).removeClass('hasContextMenu');
@ -673,19 +673,17 @@
preventHover = true; preventHover = true;
} }
var elems = '.card:not(.bannerCard)'; return this
.off('.cardMenu')
$('.card', this).on('contextmenu.cardMenu', onCardTapHold); .on('contextmenu.cardMenu', '.card', onCardTapHold)
.off('.latestgroupings')
$('.listviewMenuButton', this).on('click', onListViewMenuButtonClick); .on('click.latestgroupings', '.groupedCard', onGroupedCardClick)
.off('.dotmenu')
$('.groupedCard', this).on('click', onGroupedCardClick); .on('click.dotmenu', '.listviewMenuButton', onListViewMenuButtonClick)
.off('.cardHoverMenu')
return this.off('.cardHoverMenu') .on('mouseenter.cardHoverMenu', '.card:not(.bannerCard)', onHoverIn)
.on('mouseenter.cardHoverMenu', elems, onHoverIn) .on('mouseleave.cardHoverMenu', '.card:not(.bannerCard)', onHoverOut)
.on('mouseleave.cardHoverMenu', elems, onHoverOut) .on("touchstart.cardHoverMenu", '.card:not(.bannerCard)', preventTouchHover);
.on("touchstart.cardHoverMenu", elems, preventTouchHover)
.trigger('itemsrendered');
}; };
function toggleSelections(page) { function toggleSelections(page) {
@ -932,14 +930,13 @@
}).join('')).selectmenu('refresh'); }).join('')).selectmenu('refresh');
$('.itemsContainer', page).on('itemsrendered', function () { $(page).on('click', '.btnToggleSelections', function () {
$('.btnToggleSelections', page).off('click.toggleselections').on('click.toggleselections', function () { toggleSelections(page);
toggleSelections(page);
});
$('.itemWithAction', this).on('click', onItemWithActionClick); }).on('click', '.itemWithAction', onItemWithActionClick);
});
$('.itemsContainer', page).createCardMenus();
}).on('pagebeforeshow', ".libraryPage", function () { }).on('pagebeforeshow', ".libraryPage", function () {

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

@ -37,7 +37,7 @@
if (user.imageUrl) { if (user.imageUrl) {
var userButtonHeight = 24; var userButtonHeight = 26;
var url = user.imageUrl; var url = user.imageUrl;

10
dashboard-ui/scripts/livetvchannels.js
View file

@ -25,23 +25,19 @@
function renderChannels(page, result) { function renderChannels(page, result) {
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(this); updateFilterControls(this);
var html = getChannelsHtml(result.Items); var html = getChannelsHtml(result.Items);
html += pagingHtml;
$('#items', page).html(html).trigger('create').createCardMenus(); $('#items', page).html(html).lazyChildren();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -37,7 +37,7 @@
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
$('#items', page).html(html).trigger('create').createCardMenus(); $('#items', page).html(html).lazyChildren();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -60,7 +60,7 @@
overlayText: screenWidth >= 600, overlayText: screenWidth >= 600,
coverImage: true coverImage: true
})).createCardMenus(); }));
} }
function reload(page) { function reload(page) {

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

@ -138,7 +138,7 @@
overlayText: true, overlayText: true,
coverImage: true coverImage: true
})).createCardMenus(); }));
} }
function renderSchedule(page, result) { function renderSchedule(page, result) {

10
dashboard-ui/scripts/livetvsuggested.js
View file

@ -19,11 +19,12 @@
showTitle: true, showTitle: true,
showParentTitle: true, showParentTitle: true,
overlayText: true, overlayText: true,
coverImage: true coverImage: true,
lazy: true
}); });
$('.activeProgramItems', page).html(html).createCardMenus(); $('.activeProgramItems', page).html(html).lazyChildren();
}); });
ApiClient.getLiveTvRecommendedPrograms({ ApiClient.getLiveTvRecommendedPrograms({
@ -42,11 +43,12 @@
showTitle: true, showTitle: true,
showParentTitle: true, showParentTitle: true,
overlayText: true, overlayText: true,
coverImage: true coverImage: true,
lazy: true
}); });
$('.upcomingProgramItems', page).html(html).createCardMenus(); $('.upcomingProgramItems', page).html(html).lazyChildren();
}); });
} }

28
dashboard-ui/scripts/moviecollections.js
View file

@ -41,18 +41,17 @@
('<button class="btnNewCollection" data-mini="true" data-icon="plus" data-inline="true" data-iconpos="notext">' + Globalize.translate('ButtonNew') + '</button>') : ('<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, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false, showLimit: false,
additionalButtonsHtml: addiontalButtonsHtml additionalButtonsHtml: addiontalButtonsHtml
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
var trigger = false;
if (result.TotalRecordCount) { if (result.TotalRecordCount) {
@ -63,19 +62,19 @@
context: 'movies', context: 'movies',
sortBy: query.SortBy sortBy: query.SortBy
}); });
trigger = true;
} }
else if (view == "Poster") { else if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
shape: "portrait", shape: "auto",
context: 'movies', context: 'movies',
showTitle: false, showTitle: true,
centerText: true, centerText: true,
lazy: true lazy: true
}); });
} }
html += pagingHtml;
$('.noItemsMessage', page).hide(); $('.noItemsMessage', page).hide();
} else { } else {
@ -83,7 +82,11 @@
$('.noItemsMessage', page).show(); $('.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 () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
@ -314,13 +317,10 @@
var page = this; var page = this;
$('.itemsContainer', page).on('itemsrendered', function () { // The button is created dynamically
$(page).on('click', '.btnNewCollection', function () {
$('.btnNewCollection', page).off('click.newcollectionpanel').on('click.newcollectionpanel', function () {
showNewCollectionPanel(page, []);
});
showNewCollectionPanel(page, []);
}); });
$('#selectCollectionToAddTo', page).on('change', function () { $('#selectCollectionToAddTo', page).on('change', function () {

13
dashboard-ui/scripts/moviegenres.js
View file

@ -29,15 +29,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -50,7 +48,6 @@
showItemCounts: true, showItemCounts: true,
centerText: true centerText: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "ThumbCard") { else if (view == "ThumbCard") {
@ -63,7 +60,6 @@
cardLayout: true, cardLayout: true,
showTitle: true showTitle: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "Poster") { else if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -74,12 +70,9 @@
showItemCounts: true, showItemCounts: true,
lazy: true lazy: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

10
dashboard-ui/scripts/moviepeople.js
View file

@ -31,7 +31,7 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
@ -39,9 +39,7 @@
showLimit: false, showLimit: false,
updatePageSizeSetting: false, updatePageSizeSetting: false,
pageSizeKey: pageSizeKey pageSizeKey: pageSizeKey
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -55,9 +53,7 @@
lazy: true lazy: true
}); });
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create');
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

21
dashboard-ui/scripts/movies.js
View file

@ -33,18 +33,17 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false, showLimit: false,
addSelectionButton: true addSelectionButton: true
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
var trigger = false;
if (view == "Thumb") { if (view == "Thumb") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -56,7 +55,6 @@
overlayText: true, overlayText: true,
showTitle: false showTitle: false
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "ThumbCard") { else if (view == "ThumbCard") {
@ -70,7 +68,6 @@
cardLayout: true, cardLayout: true,
showYear: true showYear: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "Banner") { else if (view == "Banner") {
@ -81,7 +78,6 @@
context: 'movies', context: 'movies',
lazy: true lazy: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "List") { else if (view == "List") {
@ -90,7 +86,7 @@
context: 'movies', context: 'movies',
sortBy: query.SortBy sortBy: query.SortBy
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer'); trigger = true;
} }
else if (view == "Poster") { else if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -102,7 +98,6 @@
lazy: true, lazy: true,
overlayText: true overlayText: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "PosterCard") { else if (view == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -114,7 +109,6 @@
lazy: true, lazy: true,
cardLayout: true cardLayout: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "Timeline") { else if (view == "Timeline") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -126,12 +120,13 @@
centerText: true, centerText: true,
lazy: 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 () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -23,10 +23,10 @@
$('#recentlyAddedItems', page).html(LibraryBrowser.getPosterViewHtml({ $('#recentlyAddedItems', page).html(LibraryBrowser.getPosterViewHtml({
items: items, items: items,
lazy: true, lazy: true,
shape: 'homePagePortrait', shape: 'portrait',
overlayText: false overlayText: false
})).trigger('create').createCardMenus(); })).lazyChildren().trigger('create');
}); });
}); });

16
dashboard-ui/scripts/moviesrecommended.js
View file

@ -30,7 +30,7 @@
html += LibraryBrowser.getPosterViewHtml({ html += LibraryBrowser.getPosterViewHtml({
items: recommendation.Items, items: recommendation.Items,
lazy: true, lazy: true,
shape: 'homePagePortrait', shape: 'portrait',
overlayText: true overlayText: true
}); });
html += '</div>'; html += '</div>';
@ -38,7 +38,13 @@
return html; 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(); var parentId = LibraryMenu.getTopParentId();
@ -72,12 +78,12 @@
$('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({ $('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
preferBackdrop: true, preferBackdrop: true,
shape: 'homePageBackdrop', shape: 'backdrop',
overlayText: true, overlayText: true,
showTitle: true, showTitle: true,
lazy: true lazy: true
})).trigger('create').createCardMenus(); })).lazyChildren().trigger('create');
}); });
@ -103,7 +109,7 @@
var html = recommendations.map(getRecommendationHtml).join(''); var html = recommendations.map(getRecommendationHtml).join('');
$('.noItemsMessage', page).hide(); $('.noItemsMessage', page).hide();
$('.recommendations', page).html(html).trigger('create').createCardMenus(); $('.recommendations', page).html(html).lazyChildren();
}); });
}); });

8
dashboard-ui/scripts/moviestudios.js
View file

@ -27,15 +27,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -48,8 +46,6 @@
centerText: true centerText: true
}); });
html += pagingHtml;
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {

12
dashboard-ui/scripts/movietrailers.js
View file

@ -39,15 +39,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -61,11 +59,7 @@
overlayText: false overlayText: false
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer'); $('.itemsContainer', page).html(html).lazyChildren();
html += pagingHtml;
$('.itemsContainer', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

15
dashboard-ui/scripts/musicalbumartists.js
View file

@ -32,7 +32,7 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
@ -40,11 +40,10 @@
showLimit: false, showLimit: false,
addSelectionButton: true, addSelectionButton: true,
pageSizeKey: pageSizeKey pageSizeKey: pageSizeKey
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
var trigger = false;
if (view == "List") { if (view == "List") {
@ -53,6 +52,7 @@
context: 'music', context: 'music',
sortBy: query.SortBy sortBy: query.SortBy
}); });
trigger = true;
} }
else if (view == "Poster") { else if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -77,12 +77,13 @@
cardLayout: true, cardLayout: true,
showSongCount: 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 () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

36
dashboard-ui/scripts/musicalbums.js
View file

@ -31,18 +31,17 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false, showLimit: false,
addSelectionButton: true addSelectionButton: true
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
var trigger = false;
if (view == "Poster") { if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -53,7 +52,6 @@
showParentTitle: true, showParentTitle: true,
lazy: true lazy: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "PosterCard") { else if (view == "PosterCard") {
@ -67,7 +65,6 @@
lazy: true, lazy: true,
cardLayout: true cardLayout: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "List") { else if (view == "List") {
@ -76,7 +73,7 @@
context: 'music', context: 'music',
sortBy: query.SortBy sortBy: query.SortBy
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer'); trigger = true;
} }
else if (view == "Timeline") { else if (view == "Timeline") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -88,12 +85,13 @@
timeline: true, timeline: true,
lazy: 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 () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
@ -270,6 +268,24 @@
}).on('pageshow', "#musicAlbumsPage", function () { }).on('pageshow', "#musicAlbumsPage", function () {
updateFilterControls(this); 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); })(jQuery, document);

11
dashboard-ui/scripts/musicartists.js
View file

@ -32,7 +32,7 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
@ -40,9 +40,7 @@
showLimit: false, showLimit: false,
addSelectionButton: true, addSelectionButton: true,
pageSizeKey: pageSizeKey pageSizeKey: pageSizeKey
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -77,12 +75,9 @@
cardLayout: true, cardLayout: true,
showSongCount: true showSongCount: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

10
dashboard-ui/scripts/musicgenres.js
View file

@ -27,16 +27,14 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false, showLimit: false,
addSelectionButton: true addSelectionButton: true
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -50,9 +48,7 @@
lazy: true lazy: true
}); });
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

15
dashboard-ui/scripts/musicrecommended.js
View file

@ -26,8 +26,9 @@
showChildCountIndicator: true, showChildCountIndicator: true,
shape: "square", shape: "square",
showTitle: true, showTitle: true,
showParentTitle: true showParentTitle: true,
})).createCardMenus(); lazy: true
})).lazyChildren();
}); });
@ -59,9 +60,10 @@
shape: "square", shape: "square",
showTitle: true, showTitle: true,
showParentTitle: true, showParentTitle: true,
defaultAction: 'play' defaultAction: 'play',
lazy: true
})).createCardMenus(); })).lazyChildren();
}); });
@ -93,9 +95,10 @@
shape: "square", shape: "square",
showTitle: true, showTitle: true,
showParentTitle: true, showParentTitle: true,
defaultAction: 'play' defaultAction: 'play',
lazy: true
})).createCardMenus(); })).lazyChildren();
}); });

8
dashboard-ui/scripts/musicvideos.js
View file

@ -27,15 +27,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -47,8 +45,6 @@
centerText: true centerText: true
}); });
html += pagingHtml;
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {

9
dashboard-ui/scripts/playlistedit.js
View file

@ -54,15 +54,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -83,7 +81,6 @@
}); });
} }
html += pagingHtml;
$('.noItemsMessage', page).hide(); $('.noItemsMessage', page).hide();
} else { } else {
@ -91,7 +88,7 @@
$('.noItemsMessage', page).show(); $('.noItemsMessage', page).show();
} }
$('.itemsContainer', page).html(html).trigger('create').createCardMenus(); $('.itemsContainer', page).html(html).trigger('create');
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

25
dashboard-ui/scripts/playlistmanager.js
View file

@ -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) { function createPlaylist(panel) {
var url = ApiClient.getUrl("Playlists", { var url = ApiClient.getUrl("Playlists", {

15
dashboard-ui/scripts/playlists.js
View file

@ -44,17 +44,16 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
var trigger = false;
if (result.TotalRecordCount) { if (result.TotalRecordCount) {
@ -65,6 +64,7 @@
context: 'playlists', context: 'playlists',
sortBy: query.SortBy sortBy: query.SortBy
}); });
trigger = true;
} }
else if (view == "PosterCard") { else if (view == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -79,7 +79,6 @@
}); });
} }
html += pagingHtml;
$('.noItemsMessage', page).hide(); $('.noItemsMessage', page).hide();
} else { } else {
@ -87,7 +86,11 @@
$('.noItemsMessage', page).show(); $('.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 () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

19
dashboard-ui/scripts/search.js
View file

@ -311,11 +311,11 @@
var html = LibraryBrowser.getPosterViewHtml({ var html = LibraryBrowser.getPosterViewHtml({
items: hints, items: hints,
shape: "square", shape: "square",
lazy: false, lazy: true,
overlayText: false, overlayText: false,
showTitle: true showTitle: true
}); });
$('.itemsContainer', elem).html(html).trigger('create').createCardMenus(); $('.itemsContainer', elem).html(html).lazyChildren();
} }
function requestSearchHintsForOverlay(elem, searchTerm) { function requestSearchHintsForOverlay(elem, searchTerm) {
@ -355,7 +355,20 @@
var elem = $('.searchResultsOverlay'); var elem = $('.searchResultsOverlay');
if (createIfNeeded && !elem.length) { 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; return elem;

9
dashboard-ui/scripts/songs.js
View file

@ -49,14 +49,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -67,9 +66,7 @@
defaultAction: 'play' defaultAction: 'play'
}); });
html += pagingHtml; $('#items', page).html(html).trigger('create').lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -172,6 +172,8 @@
var elem = $('.syncActivity', page).html(html).trigger('create'); var elem = $('.syncActivity', page).html(html).trigger('create');
$(".lazy", elem).unveil(200);
$('.btnJobMenu', elem).on('click', function () { $('.btnJobMenu', elem).on('click', function () {
showJobMenu(this); showJobMenu(this);
}); });

6
dashboard-ui/scripts/syncjob.js
View file

@ -9,6 +9,10 @@
html += '<input id="txtJobName" type="text" required="required" />'; html += '<input id="txtJobName" type="text" required="required" />';
html += '</p>'; html += '</p>';
html += '<p>';
html += Globalize.translate('ValueDateCreated', parseISO8601Date(job.DateCreated, { toLocal: true }).toLocaleString());
html += '</p>';
html += '<p>'; html += '<p>';
html += '<label for="txtTargetName">' + Globalize.translate('LabelSyncTo') + '</label>'; html += '<label for="txtTargetName">' + Globalize.translate('LabelSyncTo') + '</label>';
html += '<input id="txtTargetName" type="text" readonly="readonly" />'; html += '<input id="txtTargetName" type="text" readonly="readonly" />';
@ -142,6 +146,8 @@
var elem = $('.jobItems', page).html(html).trigger('create'); var elem = $('.jobItems', page).html(html).trigger('create');
$(".lazy", elem).unveil(200);
$('.btnJobItemMenu', elem).on('click', function () { $('.btnJobItemMenu', elem).on('click', function () {
showJobItemMenu(this); showJobItemMenu(this);
}); });

13
dashboard-ui/scripts/tvgenres.js
View file

@ -29,15 +29,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -50,7 +48,6 @@
showItemCounts: true, showItemCounts: true,
centerText: true centerText: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "ThumbCard") { else if (view == "ThumbCard") {
@ -63,7 +60,6 @@
cardLayout: true, cardLayout: true,
showTitle: true showTitle: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "Poster") { else if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -74,12 +70,9 @@
showItemCounts: true, showItemCounts: true,
lazy: true lazy: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -23,7 +23,7 @@
$('#latestEpisodes', page).html(LibraryBrowser.getPosterViewHtml({ $('#latestEpisodes', page).html(LibraryBrowser.getPosterViewHtml({
items: items, items: items,
shape: "homePageBackdrop", shape: "backdrop",
preferThumb: true, preferThumb: true,
inheritThumb: false, inheritThumb: false,
showParentTitle: false, showParentTitle: false,
@ -32,7 +32,7 @@
overlayText: true, overlayText: true,
lazy: true lazy: true
})).trigger('create').createCardMenus(); })).lazyChildren();
}); });
}); });

10
dashboard-ui/scripts/tvpeople.js
View file

@ -31,15 +31,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -53,9 +51,7 @@
lazy: true lazy: true
}); });
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -57,18 +57,17 @@
$('.noNextUpItems', page).show(); $('.noNextUpItems', page).show();
} }
var html = LibraryBrowser.getPosterViewHtml({ $('#nextUpItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
shape: "homePageBackdrop", shape: "backdrop",
showTitle: true, showTitle: true,
showParentTitle: true, showParentTitle: true,
overlayText: true, overlayText: false,
context: context, context: context,
lazy: true lazy: true,
preferThumb: true
}); })).lazyChildren();
$('#nextUpItems', page).html(html).trigger('create').createCardMenus();
}); });
} }
@ -103,14 +102,14 @@
$('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({ $('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
shape: "homePageBackdrop", shape: "backdrop",
showTitle: true, showTitle: true,
showParentTitle: true, showParentTitle: true,
overlayText: true, overlayText: true,
lazy: true, lazy: true,
context: 'tv' context: 'tv'
})).trigger('create').createCardMenus(); })).lazyChildren();
}); });
} }

20
dashboard-ui/scripts/tvshows.js
View file

@ -30,16 +30,15 @@
$(document).scrollTop(0); $(document).scrollTop(0);
var html = ''; var html = '';
var trigger = false;
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -53,7 +52,6 @@
lazy: true lazy: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "ThumbCard") { else if (view == "ThumbCard") {
@ -67,7 +65,6 @@
showTitle: true, showTitle: true,
showSeriesYear: true showSeriesYear: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "Banner") { else if (view == "Banner") {
@ -78,7 +75,6 @@
context: 'tv', context: 'tv',
lazy: true lazy: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else if (view == "List") { else if (view == "List") {
@ -87,7 +83,7 @@
context: 'tv', context: 'tv',
sortBy: query.SortBy sortBy: query.SortBy
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer'); trigger = true;
} }
else if (view == "PosterCard") { else if (view == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
@ -99,7 +95,6 @@
lazy: true, lazy: true,
cardLayout: true cardLayout: true
}); });
$('.itemsContainer', page).removeClass('timelineItemsContainer');
} }
else { else {
@ -112,12 +107,13 @@
centerText: true, centerText: true,
lazy: 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 () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

10
dashboard-ui/scripts/tvstudios.js
View file

@ -27,15 +27,13 @@
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false
}); })).trigger('create');
$('.listTopPaging', page).html(pagingHtml).trigger('create');
updateFilterControls(page); updateFilterControls(page);
@ -51,9 +49,7 @@
}); });
html += pagingHtml; $('#items', page).html(html).lazyChildren();
$('#items', page).html(html).trigger('create').createCardMenus();
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;

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

@ -41,7 +41,7 @@
$('#upcomingItems', page).html(LibraryBrowser.getPosterViewHtml({ $('#upcomingItems', page).html(LibraryBrowser.getPosterViewHtml({
items: items, items: items,
showLocationTypeIndicator: false, showLocationTypeIndicator: false,
shape: "homePageBackdrop", shape: "backdrop",
showTitle: true, showTitle: true,
showPremiereDate: true, showPremiereDate: true,
showPremiereDateIndex: true, showPremiereDateIndex: true,
@ -49,7 +49,7 @@
context: context || 'home-upcoming', context: context || 'home-upcoming',
lazy: true, lazy: true,
})).trigger('create').createCardMenus(); })).lazyChildren();
}); });
}); });

16
dashboard-ui/scripts/userlibraryaccess.js
View file

@ -14,7 +14,13 @@
var id = 'mediaFolder' + i; 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 += '<input class="chkFolder" data-id="' + folder.Id + '" type="checkbox" id="' + id + '"' + checkedAttribute + ' />';
html += '<label for="' + id + '">' + folder.Name + '</label>'; html += '<label for="' + id + '">' + folder.Name + '</label>';
@ -41,7 +47,13 @@
var id = 'channels' + i; 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 += '<input class="chkChannel" data-id="' + folder.Id + '" type="checkbox" id="' + id + '"' + checkedAttribute + ' />';
html += '<label for="' + id + '">' + folder.Name + '</label>'; html += '<label for="' + id + '">' + folder.Name + '</label>';

6
dashboard-ui/thirdparty/jquery.unveil-custom.js vendored
View file

@ -60,4 +60,10 @@
}; };
$.fn.lazyChildren = function () {
$(".lazy", this).unveil(200);
return this;
};
})(window.jQuery || window.Zepto); })(window.jQuery || window.Zepto);

2
dashboard-ui/tvgenres.html
View file

@ -20,7 +20,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/tvlatest.html
View file

@ -21,7 +21,7 @@
<h1 class="listHeader firstListHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestEpisodes}</h1> <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> <a href="#" class="accentButton categorySyncButton" data-category="Latest"><i class="fa fa-cloud"></i>${ButtonSync}</a>
</div> </div>
<div id="latestEpisodes"> <div id="latestEpisodes" class="itemsContainer">
</div> </div>
</div> </div>
</div> </div>

2
dashboard-ui/tvpeople.html
View file

@ -23,7 +23,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

4
dashboard-ui/tvrecommended.html
View file

@ -33,7 +33,7 @@
<a href="#" class="accentButton categorySyncButton" data-category="Resume"><i class="fa fa-cloud"></i>${ButtonSync}</a> <a href="#" class="accentButton categorySyncButton" data-category="Resume"><i class="fa fa-cloud"></i>${ButtonSync}</a>
</div> </div>
<div id="resumableItems"> <div id="resumableItems" class="itemsContainer">
</div> </div>
</div> </div>
@ -44,7 +44,7 @@
<h1 class="listHeader nextUpHeader" style="display:inline-block;vertical-align:middle;">${HeaderNextUp}</h1> <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> <a href="#" class="accentButton categorySyncButton" data-category="NextUp"><i class="fa fa-cloud"></i>${ButtonSync}</a>
</div> </div>
<div id="nextUpItems"> <div id="nextUpItems" class="itemsContainer">
</div> </div>
</div> </div>
<p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p> <p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>

2
dashboard-ui/tvshows.html
View file

@ -22,7 +22,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/tvstudios.html
View file

@ -20,7 +20,7 @@
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div id="items" class="itemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true"> <div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">

2
dashboard-ui/tvupcoming.html
View file

@ -24,7 +24,7 @@
</div> </div>
<div data-role="content"> <div data-role="content">
<div class="ehsContent"> <div class="ehsContent">
<div id="upcomingItems"> <div id="upcomingItems" class="itemsContainer">
</div> </div>
<div class="noItemsMessage" style="display: none;"> <div class="noItemsMessage" style="display: none;">
<p>${MessageNothingHere}</p> <p>${MessageNothingHere}</p>