define(['libraryBrowser', 'cardBuilder', 'lazyLoader', 'apphost'], function (libraryBrowser, cardBuilder, lazyLoader, appHost) { 'use strict'; return function (view, params, tabContent) { var self = this; var data = {}; function getPageData() { var key = getSavedQueryKey(); var pageData = data[key]; if (!pageData) { pageData = data[key] = { query: { SortBy: "SortName", SortOrder: "Ascending", IncludeItemTypes: "Series", Recursive: true, EnableTotalRecordCount: false }, view: libraryBrowser.getSavedView(key) || (appHost.preferVisualCards ? 'PosterCard' : 'Poster') }; pageData.query.ParentId = params.topParentId; libraryBrowser.loadSavedQueryValues(key, pageData.query); } return pageData; } function getQuery() { return getPageData().query; } function getSavedQueryKey() { return libraryBrowser.getSavedQueryKey('seriesgenres'); } function getPromise() { Dashboard.showLoadingMsg(); var query = getQuery(); return ApiClient.getGenres(Dashboard.getCurrentUserId(), query); } function enableScrollX() { return browserInfo.mobile && AppInfo.enableAppLayouts; } function getThumbShape() { return enableScrollX() ? 'overflowBackdrop' : 'backdrop'; } function getPortraitShape() { return enableScrollX() ? 'overflowPortrait' : 'portrait'; } function fillItemsContainer(elem) { var id = elem.getAttribute('data-id'); var viewStyle = self.getCurrentViewStyle(); var limit = viewStyle == 'Thumb' || viewStyle == 'ThumbCard' ? 5 : 8; if (enableScrollX()) { limit = 10; } var enableImageTypes = viewStyle == 'Thumb' || viewStyle == 'ThumbCard' ? "Primary,Backdrop,Thumb" : "Primary"; var query = { SortBy: "SortName", SortOrder: "Ascending", IncludeItemTypes: "Series", Recursive: true, Fields: "PrimaryImageAspectRatio,MediaSourceCount,BasicSyncInfo", ImageTypeLimit: 1, EnableImageTypes: enableImageTypes, Limit: limit, GenreIds: id, EnableTotalRecordCount: false, ParentId: params.topParentId }; ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function (result) { var supportsImageAnalysis = appHost.supports('imageanalysis'); if (viewStyle == "Thumb") { cardBuilder.buildCards(result.Items, { itemsContainer: elem, shape: getThumbShape(), preferThumb: true, showTitle: true, scalable: true, centerText: true, overlayMoreButton: true, allowBottomPadding: false }); } else if (viewStyle == "ThumbCard") { cardBuilder.buildCards(result.Items, { itemsContainer: elem, shape: getThumbShape(), preferThumb: true, showTitle: true, scalable: true, centerText: false, cardLayout: true, vibrant: supportsImageAnalysis, showSeriesYear: true }); } else if (viewStyle == "PosterCard") { cardBuilder.buildCards(result.Items, { itemsContainer: elem, shape: getPortraitShape(), showTitle: true, scalable: true, centerText: false, cardLayout: true, vibrant: supportsImageAnalysis, showSeriesYear: true }); } else if (viewStyle == "Poster") { cardBuilder.buildCards(result.Items, { itemsContainer: elem, shape: getPortraitShape(), showTitle: true, scalable: true, centerText: true, overlayMoreButton: true, allowBottomPadding: false }); } }); } function reloadItems(context, promise) { var query = getQuery(); promise.then(function (result) { var elem = context.querySelector('#items'); var html = ''; var items = result.Items; for (var i = 0, length = items.length; i < length; i++) { var item = items[i]; html += '