';
html += LibraryBrowser.getPosterViewHtml({
items: items,
preferThumb: true,
shape: 'backdrop',
context: context || 'home',
showUnplayedIndicator: false,
showChildCountIndicator: true,
lazy: true,
cardLayout: cardLayout,
showTitle: cardLayout,
showYear: cardLayout,
showDetailsMenu: true
});
html += '
';
}
$(elem).html(html).lazyChildren().createCardMenus();
});
}
function loadLatestChannelMedia(elem, userId) {
var screenWidth = $(window).width();
var options = {
Limit: screenWidth >= 2400 ? 10 : (screenWidth >= 1600 ? 10 : (screenWidth >= 1440 ? 8 : (screenWidth >= 800 ? 7 : 6))),
Fields: "PrimaryImageAspectRatio,SyncInfo",
Filters: "IsUnplayed",
UserId: userId
};
return ApiClient.getJSON(ApiClient.getUrl("Channels/Items/Latest", options)).done(function (result) {
var html = '';
if (result.Items.length) {
html += '';
html += '';
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
preferThumb: true,
shape: 'auto',
showTitle: true,
centerText: true,
lazy: true,
showDetailsMenu: true
});
html += '
';
}
$(elem).html(html).lazyChildren().createCardMenus();
});
}
function loadLibraryTiles(elem, user, shape, index, autoHideOnMobile, showTitles) {
return getUserViews(user.Id).done(function (items) {
var html = '';
if (autoHideOnMobile) {
html += '';
} else {
html += '
';
}
if (items.length) {
var cssClass = index !== 0 ? 'listHeader' : 'listHeader';
html += '
';
html += '
';
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: shape,
showTitle: showTitles,
centerText: true,
lazy: true,
autoThumb: true,
transition: false
});
html += '
';
}
html += '
';
if (autoHideOnMobile) {
html += '
';
html += getLibraryButtonsHtml(items);
html += '
';
}
$(elem).html(html).lazyChildren().createCardMenus({ showDetailsMenu: false });
handleLibraryLinkNavigations(elem);
});
}
function loadResume(elem, userId) {
var screenWidth = $(window).width();
var options = {
SortBy: "DatePlayed",
SortOrder: "Descending",
MediaTypes: "Video",
Filters: "IsResumable",
Limit: screenWidth >= 1920 ? 10 : (screenWidth >= 1600 ? 8 : (screenWidth >= 1200 ? 9 : 6)),
Recursive: true,
Fields: "PrimaryImageAspectRatio,SyncInfo",
CollapseBoxSetItems: false,
ExcludeLocationTypes: "Virtual",
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
return ApiClient.getItems(userId, options).done(function (result) {
var html = '';
var cardLayout = AppInfo.hasLowImageBandwidth;
if (result.Items.length) {
html += '';
if (enableScrollX()) {
html += '
';
} else {
html += '
';
}
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
preferThumb: true,
shape: getThumbShape(),
overlayText: screenWidth >= 800 && !cardLayout,
showTitle: true,
showParentTitle: true,
context: 'home',
lazy: true,
cardLayout: cardLayout,
showDetailsMenu: true
});
html += '
';
}
$(elem).html(html).lazyChildren().createCardMenus();
});
}
function handleLibraryLinkNavigations(elem) {
$('a.posterItem', elem).on('click', function () {
var textElem = $('.posterItemText span', this);
if (!textElem.length) {
textElem = $('.posterItemText', this);
}
var text = textElem.html();
LibraryMenu.setText(text);
});
}
function loadLatestChannelItems(elem, userId, options) {
options = $.extend(options || {}, {
UserId: userId,
SupportsLatestItems: true
});
return ApiClient.getJSON(ApiClient.getUrl("Channels", options)).done(function (result) {
var channels = result.Items;
var channelsHtml = channels.map(function (c) {
return '
';
}).join('');
$(elem).html(channelsHtml);
for (var i = 0, length = channels.length; i < length; i++) {
var channel = channels[i];
loadLatestChannelItemsFromChannel(elem, channel, i);
}
});
}
function loadLatestChannelItemsFromChannel(page, channel, index) {
var screenWidth = $(window).width();
var options = {
Limit: screenWidth >= 1600 ? 10 : (screenWidth >= 1440 ? 5 : (screenWidth >= 800 ? 6 : 6)),
Fields: "PrimaryImageAspectRatio,SyncInfo",
Filters: "IsUnplayed",
UserId: Dashboard.getCurrentUserId(),
ChannelIds: channel.Id
};
ApiClient.getJSON(ApiClient.getUrl("Channels/Items/Latest", options)).done(function (result) {
var html = '';
if (result.Items.length) {
var cssClass = index !== 0 ? 'listHeader' : 'listHeader';
html += '
';
}
html += '
';
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: 'autohome',
defaultShape: 'square',
showTitle: true,
centerText: true,
context: 'channels',
lazy: true,
showDetailsMenu: true
});
html += '
';
$('#channel' + channel.Id + '', page).html(html).lazyChildren().trigger('create').createCardMenus();
});
}
function loadLatestLiveTvRecordings(elem, userId, index) {
return ApiClient.getLiveTvRecordings({
userId: userId,
limit: 5,
IsInProgress: false
}).done(function (result) {
var html = '';
if (result.Items.length) {
var cssClass = index !== 0 ? 'listHeader' : 'listHeader';
html += '
';
}
var screenWidth = $(window).width();
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "autohome",
showTitle: true,
showParentTitle: true,
overlayText: screenWidth >= 600,
coverImage: true,
lazy: true,
showDetailsMenu: true
});
elem.html(html).lazyChildren().trigger('create');
});
}
window.Sections = {
loadRecentlyAdded: loadRecentlyAdded,
loadLatestChannelMedia: loadLatestChannelMedia,
loadLibraryTiles: loadLibraryTiles,
loadResume: loadResume,
loadLatestChannelItems: loadLatestChannelItems,
loadLatestLiveTvRecordings: loadLatestLiveTvRecordings,
loadlibraryButtons: loadlibraryButtons
};
})(jQuery, document);