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

fix hashbang nav

Browse source
This commit is contained in:
Luke Pulverenti 2016-03-18 15:43:17 -04:00
parent 51fcbbf744
commit ed811fa26a
16 changed files with 1684 additions and 1713 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/favorites.html
View file

@ -1,4 +1,4 @@
<div id="favoritesPage" data-role="page" class="page homePage libraryPage allLibraryPage noSecondaryNavPage" data-title="${TabFavorites}" data-require="scripts/favorites"> <div id="favoritesPage" data-role="page" class="page homePage libraryPage allLibraryPage noSecondaryNavPage" data-title="${TabFavorites}">
<div data-role="content"> <div data-role="content">

2
dashboard-ui/itemlist.html
View file

@ -1,4 +1,4 @@
<div id="itemListPage" data-role="page" class="page libraryPage folderListPage noSecondaryNavPage" data-require="scripts/itemlistpage,paper-checkbox,scripts/alphapicker"> <div id="itemListPage" data-role="page" class="page libraryPage folderListPage noSecondaryNavPage">
<div class="alphabetPicker"> <div class="alphabetPicker">
</div> </div>
<div data-role="content" class="itemListContent"> <div data-role="content" class="itemListContent">

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

@ -1,244 +1,247 @@
(function ($, document) { define([], function () {
var data = {}; return function (view, params, tabContent) {
function getPageData(context) { var self = this;
var key = getSavedQueryKey(context);
var pageData = data[key]; var data = {};
if (!pageData) { function getPageData(context) {
pageData = data[key] = { var key = getSavedQueryKey(context);
query: { var pageData = data[key];
SortBy: "SeriesSortName,SortName",
SortOrder: "Ascending", if (!pageData) {
IncludeItemTypes: "Episode", pageData = data[key] = {
Recursive: true, query: {
Fields: "PrimaryImageAspectRatio,MediaSourceCount,UserData,SyncInfo", SortBy: "SeriesSortName,SortName",
IsMissing: false, SortOrder: "Ascending",
IsVirtualUnaired: false, IncludeItemTypes: "Episode",
ImageTypeLimit: 1, Recursive: true,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb", Fields: "PrimaryImageAspectRatio,MediaSourceCount,UserData,SyncInfo",
StartIndex: 0, IsMissing: false,
Limit: LibraryBrowser.getDefaultPageSize() IsVirtualUnaired: false,
}, ImageTypeLimit: 1,
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Poster') EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
}; StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
pageData.query.ParentId = LibraryMenu.getTopParentId(); },
LibraryBrowser.loadSavedQueryValues(key, pageData.query); view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Poster')
} };
return pageData;
} pageData.query.ParentId = params.topParentId;
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
function getQuery(context) { }
return pageData;
return getPageData(context).query; }
}
function getQuery(context) {
function getSavedQueryKey(context) {
return getPageData(context).query;
if (!context.savedQueryKey) { }
context.savedQueryKey = LibraryBrowser.getSavedQueryKey('episodes');
} function getSavedQueryKey(context) {
return context.savedQueryKey;
} if (!context.savedQueryKey) {
context.savedQueryKey = LibraryBrowser.getSavedQueryKey('episodes');
function reloadItems(page) { }
return context.savedQueryKey;
Dashboard.showLoadingMsg(); }
var query = getQuery(page); function reloadItems(page) {
ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function (result) {
Dashboard.showLoadingMsg();
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0); var query = getQuery(page);
ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function (result) {
var view = getPageData(page).view;
// Scroll back up so they can see the results from the beginning
var html = ''; window.scrollTo(0, 0);
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, var view = getPageData(page).view;
limit: query.Limit,
totalRecordCount: result.TotalRecordCount, var html = '';
showLimit: false, var pagingHtml = LibraryBrowser.getQueryPagingHtml({
updatePageSizeSetting: false, startIndex: query.StartIndex,
addLayoutButton: true, limit: query.Limit,
sortButton: true, totalRecordCount: result.TotalRecordCount,
currentLayout: view, showLimit: false,
layouts: 'Poster,PosterCard', updatePageSizeSetting: false,
filterButton: true addLayoutButton: true,
}); sortButton: true,
currentLayout: view,
page.querySelector('.listTopPaging').innerHTML = pagingHtml; layouts: 'Poster,PosterCard',
filterButton: true
updateFilterControls(page); });
if (view == "List") { page.querySelector('.listTopPaging').innerHTML = pagingHtml;
html = LibraryBrowser.getListViewHtml({ updateFilterControls(page);
items: result.Items,
sortBy: query.SortBy if (view == "List") {
});
} html = LibraryBrowser.getListViewHtml({
else if (view == "Poster") { items: result.Items,
html += LibraryBrowser.getPosterViewHtml({ sortBy: query.SortBy
items: result.Items, });
shape: "backdrop", }
showTitle: true, else if (view == "Poster") {
showParentTitle: true, html += LibraryBrowser.getPosterViewHtml({
overlayText: true, items: result.Items,
lazy: true, shape: "backdrop",
showDetailsMenu: true, showTitle: true,
overlayPlayButton: true showParentTitle: true,
}); overlayText: true,
} lazy: true,
else if (view == "PosterCard") { showDetailsMenu: true,
html += LibraryBrowser.getPosterViewHtml({ overlayPlayButton: true
items: result.Items, });
shape: "backdrop", }
showTitle: true, else if (view == "PosterCard") {
showParentTitle: true, html += LibraryBrowser.getPosterViewHtml({
lazy: true, items: result.Items,
cardLayout: true, shape: "backdrop",
showDetailsMenu: true showTitle: true,
}); showParentTitle: true,
} lazy: true,
cardLayout: true,
var elem = page.querySelector('.itemsContainer'); showDetailsMenu: true
elem.innerHTML = html + pagingHtml; });
ImageLoader.lazyChildren(elem); }
$('.btnNextPage', page).on('click', function () { var elem = page.querySelector('.itemsContainer');
query.StartIndex += query.Limit; elem.innerHTML = html + pagingHtml;
reloadItems(page); ImageLoader.lazyChildren(elem);
});
$('.btnNextPage', page).on('click', function () {
$('.btnPreviousPage', page).on('click', function () { query.StartIndex += query.Limit;
query.StartIndex -= query.Limit; reloadItems(page);
reloadItems(page); });
});
$('.btnPreviousPage', page).on('click', function () {
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) { query.StartIndex -= query.Limit;
getPageData(page).view = layout; reloadItems(page);
LibraryBrowser.saveViewSetting(getSavedQueryKey(page), layout); });
reloadItems(page);
}); $('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData(page).view = layout;
$('.btnFilter', page).on('click', function () { LibraryBrowser.saveViewSetting(getSavedQueryKey(page), layout);
showFilterMenu(page); reloadItems(page);
}); });
// On callback make sure to set StartIndex = 0 $('.btnFilter', page).on('click', function () {
$('.btnSort', page).on('click', function () { showFilterMenu(page);
LibraryBrowser.showSortMenu({ });
items: [{
name: Globalize.translate('OptionNameSort'), // On callback make sure to set StartIndex = 0
id: 'SeriesSortName,SortName' $('.btnSort', page).on('click', function () {
}, LibraryBrowser.showSortMenu({
{ items: [{
name: Globalize.translate('OptionTvdbRating'), name: Globalize.translate('OptionNameSort'),
id: 'CommunityRating,SeriesSortName,SortName' id: 'SeriesSortName,SortName'
}, },
{ {
name: Globalize.translate('OptionDateAdded'), name: Globalize.translate('OptionTvdbRating'),
id: 'DateCreated,SeriesSortName,SortName' id: 'CommunityRating,SeriesSortName,SortName'
}, },
{ {
name: Globalize.translate('OptionPremiereDate'), name: Globalize.translate('OptionDateAdded'),
id: 'PremiereDate,SeriesSortName,SortName' id: 'DateCreated,SeriesSortName,SortName'
}, },
{ {
name: Globalize.translate('OptionDatePlayed'), name: Globalize.translate('OptionPremiereDate'),
id: 'DatePlayed,SeriesSortName,SortName' id: 'PremiereDate,SeriesSortName,SortName'
}, },
{ {
name: Globalize.translate('OptionParentalRating'), name: Globalize.translate('OptionDatePlayed'),
id: 'OfficialRating,SeriesSortName,SortName' id: 'DatePlayed,SeriesSortName,SortName'
}, },
{ {
name: Globalize.translate('OptionPlayCount'), name: Globalize.translate('OptionParentalRating'),
id: 'PlayCount,SeriesSortName,SortName' id: 'OfficialRating,SeriesSortName,SortName'
}, },
{ {
name: Globalize.translate('OptionRuntime'), name: Globalize.translate('OptionPlayCount'),
id: 'Runtime,SeriesSortName,SortName' id: 'PlayCount,SeriesSortName,SortName'
}, },
{ {
name: Globalize.translate('OptionVideoBitrate'), name: Globalize.translate('OptionRuntime'),
id: 'VideoBitRate,SeriesSortName,SortName' id: 'Runtime,SeriesSortName,SortName'
}], },
callback: function () { {
reloadItems(page); name: Globalize.translate('OptionVideoBitrate'),
}, id: 'VideoBitRate,SeriesSortName,SortName'
query: query }],
}); callback: function () {
}); reloadItems(page);
},
LibraryBrowser.saveQueryValues(getSavedQueryKey(page), query); query: query
});
Dashboard.hideLoadingMsg(); });
});
} LibraryBrowser.saveQueryValues(getSavedQueryKey(page), query);
function showFilterMenu(page) { Dashboard.hideLoadingMsg();
});
require(['components/filterdialog/filterdialog'], function (filterDialogFactory) { }
var filterDialog = new filterDialogFactory({ function showFilterMenu(page) {
query: getQuery(page),
mode: 'episodes' require(['components/filterdialog/filterdialog'], function (filterDialogFactory) {
});
var filterDialog = new filterDialogFactory({
Events.on(filterDialog, 'filterchange', function () { query: getQuery(page),
reloadItems(page); mode: 'episodes'
}); });
filterDialog.show(); Events.on(filterDialog, 'filterchange', function () {
}); reloadItems(page);
} });
function updateFilterControls(tabContent) { filterDialog.show();
});
var query = getQuery(tabContent); }
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater); function updateFilterControls(tabContent) {
}
var query = getQuery(tabContent);
function initPage(tabContent) {
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
$('.alphabetPicker', tabContent).on('alphaselect', function (e, character) { }
var query = getQuery(tabContent); function initPage(tabContent) {
query.NameStartsWithOrGreater = character;
query.StartIndex = 0; $('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
reloadItems(tabContent); var query = getQuery(tabContent);
query.NameStartsWithOrGreater = character;
}).on('alphaclear', function (e) { query.StartIndex = 0;
var query = getQuery(tabContent); reloadItems(tabContent);
query.NameStartsWithOrGreater = '';
}).on('alphaclear', function (e) {
reloadItems(tabContent);
}); var query = getQuery(tabContent);
query.NameStartsWithOrGreater = '';
$('.itemsContainer', tabContent).on('needsrefresh', function () {
reloadItems(tabContent);
reloadItems(tabContent); });
});
} $('.itemsContainer', tabContent).on('needsrefresh', function () {
window.TvPage.initEpisodesTab = function (page, tabContent) { reloadItems(tabContent);
});
initPage(tabContent); }
};
self.initTab = function () {
window.TvPage.renderEpisodesTab = function (page, tabContent) {
initPage(tabContent);
if (LibraryBrowser.needsRefresh(tabContent)) { };
reloadItems(tabContent); self.renderTab = function () {
updateFilterControls(tabContent);
} if (LibraryBrowser.needsRefresh(tabContent)) {
}; reloadItems(tabContent);
updateFilterControls(tabContent);
})(jQuery, document); }
};
};
});

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

@ -264,7 +264,7 @@
function getMoreItemsHref(item, type) { function getMoreItemsHref(item, type) {
return 'secondaryitems.html?type=' + type + '&parentid=' + item.Id; return 'secondaryitems.html?type=' + type + '&parentId=' + item.Id;
} }
function addCurrentItemToQuery(query, item) { function addCurrentItemToQuery(query, item) {

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

@ -1,313 +1,285 @@
(function ($, document) { define(['libraryBrowser', 'jQuery'], function (libraryBrowser, $) {
var currentItem; return function (view, params) {
var data = {}; var currentItem;
function getPageData(context) { var data;
var key = getSavedQueryKey(context);
var pageData = data[key];
if (!pageData) { function getPageData() {
pageData = data[key] = { var pageData = data;
query: {
SortBy: "SortName",
SortOrder: "Ascending",
Fields: "DateCreated,PrimaryImageAspectRatio,MediaSourceCount,SyncInfo",
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
}
};
pageData.query.Filters = ""; if (!pageData) {
pageData.query.NameStartsWithOrGreater = ''; pageData = data = {
pageData.view = LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Poster'); query: {
SortBy: "SortName",
SortOrder: "Ascending",
Fields: "DateCreated,PrimaryImageAspectRatio,MediaSourceCount,SyncInfo",
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
StartIndex: 0,
Limit: libraryBrowser.getDefaultPageSize()
}
};
pageData.query.ParentId = getParam(context, 'parentId'); pageData.query.Filters = "";
LibraryBrowser.loadSavedQueryValues(key, pageData.query); pageData.query.NameStartsWithOrGreater = '';
} var key = getSavedQueryKey();
return pageData; pageData.view = libraryBrowser.getSavedView(key) || libraryBrowser.getDefaultItemsView('Poster', 'Poster');
}
function getParam(context, name) { pageData.query.ParentId = params.parentId || null;
libraryBrowser.loadSavedQueryValues(key, pageData.query);
if (!context.pageParams) { }
context.pageParams = {}; return pageData;
} }
if (!context.pageParams[name]) { function getQuery() {
context.pageParams[name] = getParameterByName(name);
return getPageData().query;
}
function getSavedQueryKey() {
if (!view.savedQueryKey) {
view.savedQueryKey = libraryBrowser.getSavedQueryKey('items');
}
return view.savedQueryKey;
} }
return context.pageParams[name]; function reloadItems() {
}
function getQuery(context) { Dashboard.showLoadingMsg();
return getPageData(context).query; var query = getQuery();
} var userId = Dashboard.getCurrentUserId();
function getSavedQueryKey(context) {
if (!context.savedQueryKey) { var parentItemPromise = query.ParentId ?
context.savedQueryKey = LibraryBrowser.getSavedQueryKey('items'); ApiClient.getItem(userId, query.ParentId) :
} ApiClient.getRootFolder(userId);
return context.savedQueryKey;
}
function reloadItems(page) { var itemsPromise = ApiClient.getItems(userId, query);
Dashboard.showLoadingMsg(); Promise.all([parentItemPromise, itemsPromise]).then(function (responses) {
var query = getQuery(page); var item = responses[0];
var userId = Dashboard.getCurrentUserId(); currentItem = item;
var result = responses[1];
var parentItemPromise = query.ParentId ? // Scroll back up so they can see the results from the beginning
ApiClient.getItem(userId, query.ParentId) : window.scrollTo(0, 0);
ApiClient.getRootFolder(userId);
var itemsPromise = ApiClient.getItems(userId, query); var viewStyle = getPageData(view).view;
Promise.all([parentItemPromise, itemsPromise]).then(function (responses) { var html = '';
var pagingHtml = libraryBrowser.getQueryPagingHtml({
var item = responses[0]; startIndex: query.StartIndex,
currentItem = item; limit: query.Limit,
var result = responses[1]; totalRecordCount: result.TotalRecordCount,
showLimit: false,
// Scroll back up so they can see the results from the beginning addLayoutButton: true,
window.scrollTo(0, 0); currentLayout: viewStyle,
sortButton: true,
var view = getPageData(page).view; layouts: 'Poster,PosterCard,Thumb',
filterButton: true
var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
addLayoutButton: true,
currentLayout: view,
sortButton: true,
layouts: 'Poster,PosterCard,Thumb',
filterButton: true
});
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
updateFilterControls(page);
var context = getParam(page, 'context');
var posterOptions = {
items: result.Items,
shape: "auto",
centerText: true,
lazy: true,
coverImage: item.Type == 'PhotoAlbum'
};
if (view == "Backdrop") {
posterOptions.shape = 'backdrop';
posterOptions.showTitle = true;
posterOptions.preferBackdrop = true;
html = LibraryBrowser.getPosterViewHtml(posterOptions);
}
else if (view == "Poster") {
posterOptions.showTitle = context == 'photos' ? 'auto' : true;
posterOptions.overlayText = context == 'photos';
html = LibraryBrowser.getPosterViewHtml(posterOptions);
}
else if (view == "PosterCard") {
posterOptions.showTitle = true;
posterOptions.showYear = true;
posterOptions.cardLayout = true;
posterOptions.centerText = false;
html = LibraryBrowser.getPosterViewHtml(posterOptions);
}
else if (view == "Thumb") {
posterOptions.preferThumb = true;
posterOptions.shape = "backdrop";
html = LibraryBrowser.getPosterViewHtml(posterOptions);
}
var elem = page.querySelector('#items');
elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem);
$('.btnFilter', page).on('click', function () {
showFilterMenu(page);
});
$('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(page);
});
$('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(page);
});
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData(page).view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(page), layout);
reloadItems(page);
});
// On callback make sure to set StartIndex = 0
$('.btnSort', page).on('click', function () {
LibraryBrowser.showSortMenu({
items: [{
name: Globalize.translate('OptionNameSort'),
id: 'SortName'
},
{
name: Globalize.translate('OptionCommunityRating'),
id: 'CommunityRating,SortName'
},
{
name: Globalize.translate('OptionCriticRating'),
id: 'CriticRating,SortName'
},
{
name: Globalize.translate('OptionDateAdded'),
id: 'DateCreated,SortName'
},
{
name: Globalize.translate('OptionDatePlayed'),
id: 'DatePlayed,SortName'
},
{
name: Globalize.translate('OptionParentalRating'),
id: 'OfficialRating,SortName'
},
{
name: Globalize.translate('OptionPlayCount'),
id: 'PlayCount,SortName'
},
{
name: Globalize.translate('OptionReleaseDate'),
id: 'PremiereDate,SortName'
},
{
name: Globalize.translate('OptionRuntime'),
id: 'Runtime,SortName'
}],
callback: function () {
reloadItems(page);
},
query: query
}); });
view.querySelector('.listTopPaging').innerHTML = pagingHtml;
updateFilterControls();
var context = params.context;
var posterOptions = {
items: result.Items,
shape: "auto",
centerText: true,
lazy: true,
coverImage: item.Type == 'PhotoAlbum'
};
if (viewStyle == "Backdrop") {
posterOptions.shape = 'backdrop';
posterOptions.showTitle = true;
posterOptions.preferBackdrop = true;
html = libraryBrowser.getPosterViewHtml(posterOptions);
}
else if (viewStyle == "Poster") {
posterOptions.showTitle = context == 'photos' ? 'auto' : true;
posterOptions.overlayText = context == 'photos';
html = libraryBrowser.getPosterViewHtml(posterOptions);
}
else if (viewStyle == "PosterCard") {
posterOptions.showTitle = true;
posterOptions.showYear = true;
posterOptions.cardLayout = true;
posterOptions.centerText = false;
html = libraryBrowser.getPosterViewHtml(posterOptions);
}
else if (viewStyle == "Thumb") {
posterOptions.preferThumb = true;
posterOptions.shape = "backdrop";
html = libraryBrowser.getPosterViewHtml(posterOptions);
}
var elem = view.querySelector('#items');
elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem);
$('.btnFilter', view).on('click', function () {
showFilterMenu();
});
$('.btnNextPage', view).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(view);
});
$('.btnPreviousPage', view).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(view);
});
$('.btnChangeLayout', view).on('layoutchange', function (e, layout) {
getPageData(view).view = layout;
libraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(view);
});
// On callback make sure to set StartIndex = 0
$('.btnSort', view).on('click', function () {
libraryBrowser.showSortMenu({
items: [{
name: Globalize.translate('OptionNameSort'),
id: 'SortName'
},
{
name: Globalize.translate('OptionCommunityRating'),
id: 'CommunityRating,SortName'
},
{
name: Globalize.translate('OptionCriticRating'),
id: 'CriticRating,SortName'
},
{
name: Globalize.translate('OptionDateAdded'),
id: 'DateCreated,SortName'
},
{
name: Globalize.translate('OptionDatePlayed'),
id: 'DatePlayed,SortName'
},
{
name: Globalize.translate('OptionParentalRating'),
id: 'OfficialRating,SortName'
},
{
name: Globalize.translate('OptionPlayCount'),
id: 'PlayCount,SortName'
},
{
name: Globalize.translate('OptionReleaseDate'),
id: 'PremiereDate,SortName'
},
{
name: Globalize.translate('OptionRuntime'),
id: 'Runtime,SortName'
}],
callback: function () {
reloadItems(view);
},
query: query
});
});
libraryBrowser.saveQueryValues(params.parentId, query);
var name = item.Name;
if (item.IndexNumber != null) {
name = item.IndexNumber + " - " + name;
}
if (item.ParentIndexNumber != null) {
name = item.ParentIndexNumber + "." + name;
}
LibraryMenu.setTitle(name);
view.dispatchEvent(new CustomEvent("displayingitem", {
detail: {
item: item
},
bubbles: true
}));
libraryBrowser.setLastRefreshed(view);
Dashboard.hideLoadingMsg();
}); });
LibraryBrowser.saveQueryValues(getParam(page, 'parentId'), query);
var name = item.Name;
if (item.IndexNumber != null) {
name = item.IndexNumber + " - " + name;
}
if (item.ParentIndexNumber != null) {
name = item.ParentIndexNumber + "." + name;
}
LibraryMenu.setTitle(name);
page.dispatchEvent(new CustomEvent("displayingitem", {
detail: {
item: item
},
bubbles: true
}));
LibraryBrowser.setLastRefreshed(page);
Dashboard.hideLoadingMsg();
});
}
function showFilterMenu(page) {
require(['components/filterdialog/filterdialog'], function (filterDialogFactory) {
var filterDialog = new filterDialogFactory({
query: getQuery(page)
});
Events.on(filterDialog, 'filterchange', function () {
reloadItems(page);
});
filterDialog.show();
});
}
function updateFilterControls(page) {
var query = getQuery(page);
$('.alphabetPicker', page).alphaValue(query.NameStartsWithOrGreater);
}
function onListItemClick(e) {
var page = $(this).parents('.page')[0];
var query = getQuery(page);
var info = LibraryBrowser.getListItemInfo(this);
if (info.mediaType == 'Photo') {
require(['scripts/photos'], function () {
Photos.startSlideshow(page, query, info.id);
});
return false;
} }
}
pageIdOn('pageinit', "itemListPage", function () { function showFilterMenu() {
var page = this; require(['components/filterdialog/filterdialog'], function (filterDialogFactory) {
var filterDialog = new filterDialogFactory({
query: getQuery()
});
Events.on(filterDialog, 'filterchange', function () {
reloadItems();
});
filterDialog.show();
});
}
function updateFilterControls() {
var query = getQuery();
$('.alphabetPicker', view).alphaValue(query.NameStartsWithOrGreater);
}
function onListItemClick(e) {
var query = getQuery();
var info = libraryBrowser.getListItemInfo(this);
if (info.mediaType == 'Photo') {
require(['scripts/photos'], function () {
Photos.startSlideshow(view, query, info.id);
});
return false;
}
}
$('.alphabetPicker', this).on('alphaselect', function (e, character) { $('.alphabetPicker', this).on('alphaselect', function (e, character) {
var query = getQuery(page); var query = getQuery();
query.NameStartsWithOrGreater = character; query.NameStartsWithOrGreater = character;
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(page); reloadItems(view);
}).on('alphaclear', function (e) { }).on('alphaclear', function (e) {
var query = getQuery(page); var query = getQuery();
query.NameStartsWithOrGreater = ''; query.NameStartsWithOrGreater = '';
reloadItems(page); reloadItems(view);
}); });
$(page).on('click', '.mediaItem', onListItemClick); $(view).on('click', '.mediaItem', onListItemClick);
}); view.addEventListener('viewbeforeshow', function (e) {
reloadItems(view);
pageIdOn('pagebeforeshow', "itemListPage", function () { updateFilterControls();
LibraryMenu.setBackButtonVisible(params.context);
var page = this; });
};
reloadItems(page); });
updateFilterControls(page);
LibraryMenu.setBackButtonVisible(getParam(page, 'context'));
});
pageIdOn('pagebeforehide', "itemListPage", function () {
currentItem = null;
});
})(jQuery, document);

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

@ -1157,7 +1157,7 @@
} }
} }
if (item.Type == 'CollectionFolder') { if (item.Type == 'CollectionFolder') {
return 'itemlist.html?topParentId=' + item.Id + '&parentid=' + item.Id; return 'itemlist.html?topParentId=' + item.Id + '&parentId=' + item.Id;
} }
if (item.Type == "PhotoAlbum") { if (item.Type == "PhotoAlbum") {

58
dashboard-ui/scripts/livetvtunerprovider-satip.js
View file

@ -18,34 +18,6 @@
} }
} }
function submitForm(page) {
Dashboard.showLoadingMsg();
var id = getParameterByName('id');
if (id) {
ApiClient.getNamedConfiguration("livetv").then(function (config) {
var info = config.TunerHosts.filter(function (i) {
return i.Id == id;
})[0];
fillInfoFromPage(page, info);
submitTunerInfo(page, info);
});
} else {
var info = {
Type: 'satip'
};
fillInfoFromPage(page, info);
submitTunerInfo(page, info);
}
}
function fillInfoFromPage(page, info) { function fillInfoFromPage(page, info) {
info.Url = page.querySelector('.txtDevicePath').value; info.Url = page.querySelector('.txtDevicePath').value;
info.M3UUrl = page.querySelector('.txtM3uUrl').value; info.M3UUrl = page.querySelector('.txtM3uUrl').value;
@ -91,6 +63,34 @@
return function (view, params) { return function (view, params) {
function submitForm() {
Dashboard.showLoadingMsg();
var id = params.id;
if (id) {
ApiClient.getNamedConfiguration("livetv").then(function (config) {
var info = config.TunerHosts.filter(function (i) {
return i.Id == id;
})[0];
fillInfoFromPage(view, info);
submitTunerInfo(view, info);
});
} else {
var info = {
Type: 'satip'
};
fillInfoFromPage(view, info);
submitTunerInfo(view, info);
}
}
function onSelectDiseqCChange(e) { function onSelectDiseqCChange(e) {
var select = e.target; var select = e.target;
@ -113,7 +113,7 @@
} }
view.querySelector('form').addEventListener('submit', function (e) { view.querySelector('form').addEventListener('submit', function (e) {
submitForm(view); submitForm();
e.preventDefault(); e.preventDefault();
return false; return false;
}); });

350
dashboard-ui/scripts/secondaryitems.js
View file

@ -1,195 +1,189 @@
(function ($, document) { define(['libraryBrowser', 'jQuery'], function (libraryBrowser, $) {
var data = {}; return function (view, params) {
function addCurrentItemToQuery(query, item) { var data = {};
if (item.Type == "Person") { function addCurrentItemToQuery(query, item) {
query.PersonIds = item.Id;
}
else if (item.Type == "Genre") {
query.Genres = item.Name;
}
else if (item.Type == "MusicGenre") {
query.Genres = item.Name;
}
else if (item.Type == "GameGenre") {
query.Genres = item.Name;
}
else if (item.Type == "Studio") {
query.StudioIds = item.Id;
}
else if (item.Type == "MusicArtist") {
query.ArtistIds = item.Id;
} else {
query.ParentId = item.Id;
}
}
function getQuery(parentItem) { if (item.Type == "Person") {
query.PersonIds = item.Id;
var key = getSavedQueryKey();
var pageData = data[key];
if (!pageData) {
pageData = data[key] = {
query: {
SortBy: "SortName",
SortOrder: "Ascending",
Recursive: getParameterByName('recursive') !== 'false',
Fields: "PrimaryImageAspectRatio,SortName,SyncInfo",
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
}
};
var type = getParameterByName('type');
if (type) {
pageData.query.IncludeItemTypes = type;
if (type == 'Audio') {
pageData.query.SortBy = 'Album,SortName';
}
} }
else if (item.Type == "Genre") {
var filters = getParameterByName('filters'); query.Genres = item.Name;
if (type) {
pageData.query.Filters = filters;
} }
else if (item.Type == "MusicGenre") {
if (parentItem) { query.Genres = item.Name;
addCurrentItemToQuery(pageData.query, parentItem);
} }
else if (item.Type == "GameGenre") {
LibraryBrowser.loadSavedQueryValues(key, pageData.query); query.Genres = item.Name;
} }
return pageData.query; else if (item.Type == "Studio") {
} query.StudioIds = item.Id;
}
function getSavedQueryKey() { else if (item.Type == "MusicArtist") {
query.ArtistIds = item.Id;
return LibraryBrowser.getSavedQueryKey();
}
function onListItemClick(e) {
var page = $(this).parents('.page')[0];
var info = LibraryBrowser.getListItemInfo(this);
if (info.mediaType == 'Photo') {
var query = getQuery();
require(['scripts/photos'], function () {
Photos.startSlideshow(page, query, info.id);
});
return false;
}
}
function reloadItems(page, parentItem) {
Dashboard.showLoadingMsg();
var query = getQuery(parentItem);
ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false
});
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
if (query.IncludeItemTypes == "Audio") {
html = '<div style="max-width:1000px;margin:auto;">' + LibraryBrowser.getListViewHtml({
items: result.Items,
playFromHere: true,
defaultAction: 'playallfromhere',
smallIcon: true
}) + '</div>';
} else { } else {
var posterOptions = { query.ParentId = item.Id;
items: result.Items, }
shape: "auto", }
centerText: true,
lazy: true function getQuery(parentItem) {
var key = getSavedQueryKey();
var pageData = data[key];
if (!pageData) {
pageData = data[key] = {
query: {
SortBy: "SortName",
SortOrder: "Ascending",
Recursive: params.recursive !== 'false',
Fields: "PrimaryImageAspectRatio,SortName,SyncInfo",
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
StartIndex: 0,
Limit: libraryBrowser.getDefaultPageSize()
}
}; };
if (query.IncludeItemTypes == "MusicAlbum") { var type = params.type;
posterOptions.overlayText = false; if (type) {
posterOptions.showParentTitle = true; pageData.query.IncludeItemTypes = type;
posterOptions.overlayPlayButton = true;
} if (type == 'Audio') {
else if (query.IncludeItemTypes == "MusicArtist") { pageData.query.SortBy = 'Album,SortName';
posterOptions.overlayText = false; }
posterOptions.overlayPlayButton = true;
}
else if (query.IncludeItemTypes == "Episode") {
posterOptions.overlayText = false;
posterOptions.showParentTitle = true;
posterOptions.showTitle = true;
posterOptions.overlayPlayButton = true;
} }
// Poster var filters = params.filters;
html = LibraryBrowser.getPosterViewHtml(posterOptions); if (type) {
pageData.query.Filters = filters;
}
if (parentItem) {
addCurrentItemToQuery(pageData.query, parentItem);
}
libraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData.query;
}
function getSavedQueryKey() {
return libraryBrowser.getSavedQueryKey();
}
function onListItemClick(e) {
var info = libraryBrowser.getListItemInfo(this);
if (info.mediaType == 'Photo') {
var query = getQuery();
require(['scripts/photos'], function () {
Photos.startSlideshow(view, query, info.id);
});
return false;
}
}
function reloadItems(parentItem) {
Dashboard.showLoadingMsg();
var query = getQuery(parentItem);
ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
var pagingHtml = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false
});
view.querySelector('.listTopPaging').innerHTML = pagingHtml;
if (query.IncludeItemTypes == "Audio") {
html = '<div style="max-width:1000px;margin:auto;">' + libraryBrowser.getListViewHtml({
items: result.Items,
playFromHere: true,
defaultAction: 'playallfromhere',
smallIcon: true
}) + '</div>';
} else {
var posterOptions = {
items: result.Items,
shape: "auto",
centerText: true,
lazy: true
};
if (query.IncludeItemTypes == "MusicAlbum") {
posterOptions.overlayText = false;
posterOptions.showParentTitle = true;
posterOptions.overlayPlayButton = true;
}
else if (query.IncludeItemTypes == "MusicArtist") {
posterOptions.overlayText = false;
posterOptions.overlayPlayButton = true;
}
else if (query.IncludeItemTypes == "Episode") {
posterOptions.overlayText = false;
posterOptions.showParentTitle = true;
posterOptions.showTitle = true;
posterOptions.overlayPlayButton = true;
}
// Poster
html = libraryBrowser.getPosterViewHtml(posterOptions);
}
var elem = view.querySelector('#items');
elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', view).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(parentItem);
});
$('.btnPreviousPage', view).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(parentItem);
});
libraryBrowser.setLastRefreshed(view);
Dashboard.hideLoadingMsg();
});
}
$(view).on('click', '.mediaItem', onListItemClick);
view.addEventListener('viewbeforeshow', function (e) {
if (params.parentId) {
ApiClient.getItem(Dashboard.getCurrentUserId(), params.parentId).then(function (parent) {
LibraryMenu.setTitle(parent.Name);
if (libraryBrowser.needsRefresh(view)) {
reloadItems(parent);
}
});
} }
var elem = page.querySelector('#items'); else if (libraryBrowser.needsRefresh(view)) {
elem.innerHTML = html + pagingHtml; reloadItems();
ImageLoader.lazyChildren(elem); }
$('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(page, parentItem);
});
$('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(page, parentItem);
});
LibraryBrowser.setLastRefreshed(page);
Dashboard.hideLoadingMsg();
}); });
} };
pageIdOn('pageinit', "secondaryItemsPage", function () {
var page = this; });
$(page).on('click', '.mediaItem', onListItemClick);
});
pageIdOn('pagebeforeshow', "secondaryItemsPage", function () {
var page = this;
if (getParameterByName('parentid')) {
ApiClient.getItem(Dashboard.getCurrentUserId(), getParameterByName('parentid')).then(function (parent) {
LibraryMenu.setTitle(parent.Name);
if (LibraryBrowser.needsRefresh(page)) {
reloadItems(page, parent);
}
});
}
else if (LibraryBrowser.needsRefresh(page)) {
reloadItems(page);
}
});
})(jQuery, document);

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

@ -2447,8 +2447,9 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/itemlist.html', path: '/itemlist.html',
dependencies: ['jQuery'], dependencies: ['paper-checkbox', 'scripts/alphapicker'],
autoFocus: false autoFocus: false,
controller: 'scripts/itemlistpage'
}); });
defineRoute({ defineRoute({
@ -2746,8 +2747,9 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/secondaryitems.html', path: '/secondaryitems.html',
dependencies: ['jQuery'], dependencies: [],
autoFocus: false autoFocus: false,
controller: 'scripts/secondaryitems'
}); });
defineRoute({ defineRoute({

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

@ -1,144 +1,147 @@
(function ($, document) { define([], function () {
var data = {}; return function (view, params, tabContent) {
function getPageData() {
var key = getSavedQueryKey(); var self = this;
var pageData = data[key];
var data = {};
if (!pageData) { function getPageData() {
pageData = data[key] = { var key = getSavedQueryKey();
query: { var pageData = data[key];
SortBy: "SortName",
SortOrder: "Ascending", if (!pageData) {
IncludeItemTypes: "Series", pageData = data[key] = {
Recursive: true, query: {
Fields: "DateCreated,SyncInfo,ItemCounts", SortBy: "SortName",
StartIndex: 0, SortOrder: "Ascending",
Limit: LibraryBrowser.getDefaultPageSize() IncludeItemTypes: "Series",
}, Recursive: true,
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Thumb', 'Thumb') Fields: "DateCreated,SyncInfo,ItemCounts",
}; StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
pageData.query.ParentId = LibraryMenu.getTopParentId(); },
LibraryBrowser.loadSavedQueryValues(key, pageData.query); view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
};
pageData.query.ParentId = params.topParentId;
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData;
}
function getQuery() {
return getPageData().query;
}
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey('genres');
}
function reloadItems(context) {
Dashboard.showLoadingMsg();
var query = getQuery();
ApiClient.getGenres(Dashboard.getCurrentUserId(), query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
var viewStyle = getPageData().view;
$('.listTopPaging', context).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
viewButton: false,
showLimit: false,
updatePageSizeSetting: false,
addLayoutButton: true,
currentLayout: viewStyle
}));
if (viewStyle == "Thumb") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
context: 'tv',
showItemCounts: true,
centerText: true,
lazy: true,
overlayPlayButton: true
});
}
else if (viewStyle == "ThumbCard") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
context: 'tv',
showItemCounts: true,
cardLayout: true,
showTitle: true,
lazy: true
});
}
else if (viewStyle == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'tv',
showItemCounts: true,
lazy: true,
cardLayout: true,
showTitle: true
});
}
else if (viewStyle == "Poster") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'tv',
centerText: true,
showItemCounts: true,
lazy: true,
overlayPlayButton: true
});
}
var elem = context.querySelector('#items');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', context).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(context);
});
$('.btnPreviousPage', context).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(context);
});
$('.btnChangeLayout', context).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(context);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});
} }
return pageData; self.renderTab = function () {
}
if (LibraryBrowser.needsRefresh(tabContent)) {
function getQuery() { reloadItems(tabContent);
}
return getPageData().query; };
} };
});
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey('genres');
}
function reloadItems(page) {
Dashboard.showLoadingMsg();
var query = getQuery();
ApiClient.getGenres(Dashboard.getCurrentUserId(), query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
var view = getPageData().view;
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
viewButton: false,
showLimit: false,
updatePageSizeSetting: false,
addLayoutButton: true,
currentLayout: view
}));
if (view == "Thumb") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
context: 'tv',
showItemCounts: true,
centerText: true,
lazy: true,
overlayPlayButton: true
});
}
else if (view == "ThumbCard") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
context: 'tv',
showItemCounts: true,
cardLayout: true,
showTitle: true,
lazy: true
});
}
else if (view == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'tv',
showItemCounts: true,
lazy: true,
cardLayout: true,
showTitle: true
});
}
else if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'tv',
centerText: true,
showItemCounts: true,
lazy: true,
overlayPlayButton: true
});
}
var elem = page.querySelector('#items');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(page);
});
$('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(page);
});
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(page);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});
}
window.TvPage.renderGenresTab = function (page, tabContent) {
if (LibraryBrowser.needsRefresh(tabContent)) {
reloadItems(tabContent);
}
};
})(jQuery, document);

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

@ -1,87 +1,90 @@
(function ($, document) { define([], function () {
function getView() { function getView() {
return 'Thumb'; return 'Thumb';
}
function loadLatest(context, params) {
Dashboard.showLoadingMsg();
var userId = Dashboard.getCurrentUserId();
var parentId = params.topParentId;
var limit = 30;
if (AppInfo.hasLowImageBandwidth) {
limit = 16;
}
var options = {
IncludeItemTypes: "Episode",
Limit: limit,
Fields: "PrimaryImageAspectRatio,SyncInfo",
ParentId: parentId,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
var view = getView();
var html = '';
if (view == 'ThumbCard') {
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: "backdrop",
preferThumb: true,
inheritThumb: false,
showUnplayedIndicator: false,
showChildCountIndicator: true,
overlayText: false,
showParentTitle: true,
lazy: true,
showTitle: true,
cardLayout: true
});
} else if (view == 'Thumb') {
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: "backdrop",
preferThumb: true,
inheritThumb: false,
showParentTitle: false,
showUnplayedIndicator: false,
showChildCountIndicator: true,
overlayText: false,
centerText: true,
lazy: true,
showTitle: false,
overlayPlayButton: AppInfo.enableAppLayouts
});
}
var elem = context.querySelector('#latestEpisodes');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
Dashboard.hideLoadingMsg();
LibraryBrowser.setLastRefreshed(context);
});
} }
return function (view, params, tabContent) {
function loadLatest(page) {
var self = this;
Dashboard.showLoadingMsg();
self.renderTab = function() {
var userId = Dashboard.getCurrentUserId();
if (LibraryBrowser.needsRefresh(tabContent)) {
var parentId = LibraryMenu.getTopParentId(); loadLatest(tabContent, params);
}
var limit = 30;
if (AppInfo.hasLowImageBandwidth) {
limit = 16;
}
var options = {
IncludeItemTypes: "Episode",
Limit: limit,
Fields: "PrimaryImageAspectRatio,SyncInfo",
ParentId: parentId,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
}; };
ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
var view = getView();
var html = '';
if (view == 'ThumbCard') {
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: "backdrop",
preferThumb: true,
inheritThumb: false,
showUnplayedIndicator: false,
showChildCountIndicator: true,
overlayText: false,
showParentTitle: true,
lazy: true,
showTitle: true,
cardLayout: true
});
} else if (view == 'Thumb') {
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: "backdrop",
preferThumb: true,
inheritThumb: false,
showParentTitle: false,
showUnplayedIndicator: false,
showChildCountIndicator: true,
overlayText: false,
centerText: true,
lazy: true,
showTitle: false,
overlayPlayButton: AppInfo.enableAppLayouts
});
}
var elem = page.querySelector('#latestEpisodes');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
Dashboard.hideLoadingMsg();
LibraryBrowser.setLastRefreshed(page);
});
}
window.TvPage.renderLatestTab = function (page, tabContent) {
if (LibraryBrowser.needsRefresh(tabContent)) {
loadLatest(tabContent);
}
}; };
});
})(jQuery, document);

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

@ -1,258 +1,246 @@
define(['libraryBrowser', 'scripts/alphapicker'], function (libraryBrowser) { define(['libraryBrowser', 'scripts/alphapicker'], function (libraryBrowser) {
function getView() {
return 'Thumb';
}
function getResumeView() {
return 'Poster';
}
function reload(page) {
Dashboard.showLoadingMsg();
loadResume(page);
loadNextUp(page);
}
function loadNextUp(page) {
var limit = AppInfo.hasLowImageBandwidth ?
16 :
24;
var query = {
Limit: limit,
Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated,SyncInfo",
UserId: Dashboard.getCurrentUserId(),
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
query.ParentId = LibraryMenu.getTopParentId();
ApiClient.getNextUpEpisodes(query).then(function (result) {
if (result.Items.length) {
page.querySelector('.noNextUpItems').classList.add('hide');
} else {
page.querySelector('.noNextUpItems').classList.remove('hide');
}
var view = getView();
var html = '';
if (view == 'ThumbCard') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: true,
preferThumb: true,
showParentTitle: true,
lazy: true,
cardLayout: true,
showDetailsMenu: true
});
} else if (view == 'Thumb') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: true,
showParentTitle: true,
overlayText: false,
lazy: true,
preferThumb: true,
showDetailsMenu: true,
centerText: true,
overlayPlayButton: AppInfo.enableAppLayouts
});
}
var elem = page.querySelector('#nextUpItems');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
Dashboard.hideLoadingMsg();
libraryBrowser.setLastRefreshed(page);
});
}
function enableScrollX() {
return browserInfo.mobile && AppInfo.enableAppLayouts;
}
function getThumbShape() {
return enableScrollX() ? 'overflowBackdrop' : 'backdrop';
}
function loadResume(page) {
var parentId = LibraryMenu.getTopParentId();
var limit = 6;
var options = {
SortBy: "DatePlayed",
SortOrder: "Descending",
IncludeItemTypes: "Episode",
Filters: "IsResumable",
Limit: limit,
Recursive: true,
Fields: "PrimaryImageAspectRatio,SeriesInfo,UserData,SyncInfo",
ExcludeLocationTypes: "Virtual",
ParentId: parentId,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
ApiClient.getItems(Dashboard.getCurrentUserId(), options).then(function (result) {
if (result.Items.length) {
page.querySelector('#resumableSection').classList.remove('hide');
} else {
page.querySelector('#resumableSection').classList.add('hide');
}
var view = getResumeView();
var html = '';
if (view == 'PosterCard') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: getThumbShape(),
showTitle: true,
showParentTitle: true,
lazy: true,
cardLayout: true,
showDetailsMenu: true,
preferThumb: true
});
} else if (view == 'Poster') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: getThumbShape(),
showTitle: true,
showParentTitle: true,
lazy: true,
showDetailsMenu: true,
overlayPlayButton: true,
preferThumb: true,
centerText: true
});
}
var elem = page.querySelector('#resumableItems');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
});
}
function initSuggestedTab(page, tabContent) {
if (enableScrollX()) {
tabContent.querySelector('#resumableItems').classList.add('hiddenScrollX');
} else {
tabContent.querySelector('#resumableItems').classList.remove('hiddenScrollX');
}
libraryBrowser.createCardMenus(tabContent.querySelector('#resumableItems'));
}
function loadSuggestionsTab(page, tabContent) {
if (libraryBrowser.needsRefresh(tabContent)) {
reload(tabContent);
}
}
function loadTab(page, index) {
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
var depends = [];
var scope = 'TvPage';
var renderMethod = '';
var initMethod = '';
switch (index) {
case 0:
initMethod = 'initSuggestedTab';
renderMethod = 'renderSuggestedTab';
break;
case 1:
depends.push('scripts/tvlatest');
renderMethod = 'renderLatestTab';
break;
case 2:
depends.push('scripts/tvupcoming');
renderMethod = 'renderUpcomingTab';
break;
case 3:
depends.push('scripts/tvshows');
renderMethod = 'renderSeriesTab';
initMethod = 'initSeriesTab';
break;
case 4:
depends.push('scripts/episodes');
renderMethod = 'renderEpisodesTab';
initMethod = 'initEpisodesTab';
break;
case 5:
depends.push('scripts/tvgenres');
renderMethod = 'renderGenresTab';
break;
case 6:
depends.push('scripts/tvstudios');
renderMethod = 'renderStudiosTab';
break;
default:
break;
}
require(depends, function () {
if (initMethod && !tabContent.initComplete) {
window[scope][initMethod](page, tabContent);
tabContent.initComplete = true;
}
window[scope][renderMethod](page, tabContent);
});
}
window.TvPage = window.TvPage || {};
window.TvPage.renderSuggestedTab = loadSuggestionsTab;
window.TvPage.initSuggestedTab = initSuggestedTab;
function onPlaybackStop(e, state) {
if (state.NowPlayingItem && state.NowPlayingItem.MediaType == 'Video') {
var page = $.mobile.activePage;
var pages = page.querySelector('neon-animated-pages');
pages.dispatchEvent(new CustomEvent("tabchange", {}));
}
}
return function (view, params) { return function (view, params) {
var tabs = view.querySelector('paper-tabs'); var self = this;
function getView() {
return 'Thumb';
}
function getResumeView() {
return 'Poster';
}
function reload() {
Dashboard.showLoadingMsg();
loadResume();
loadNextUp();
}
function loadNextUp() {
var limit = AppInfo.hasLowImageBandwidth ?
16 :
24;
var query = {
Limit: limit,
Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated,SyncInfo",
UserId: Dashboard.getCurrentUserId(),
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
query.ParentId = LibraryMenu.getTopParentId();
ApiClient.getNextUpEpisodes(query).then(function (result) {
if (result.Items.length) {
view.querySelector('.noNextUpItems').classList.add('hide');
} else {
view.querySelector('.noNextUpItems').classList.remove('hide');
}
var viewStyle = getView();
var html = '';
if (viewStyle == 'ThumbCard') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: true,
preferThumb: true,
showParentTitle: true,
lazy: true,
cardLayout: true,
showDetailsMenu: true
});
} else if (viewStyle == 'Thumb') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: true,
showParentTitle: true,
overlayText: false,
lazy: true,
preferThumb: true,
showDetailsMenu: true,
centerText: true,
overlayPlayButton: AppInfo.enableAppLayouts
});
}
var elem = view.querySelector('#nextUpItems');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
Dashboard.hideLoadingMsg();
libraryBrowser.setLastRefreshed(view);
});
}
function enableScrollX() {
return browserInfo.mobile && AppInfo.enableAppLayouts;
}
function getThumbShape() {
return enableScrollX() ? 'overflowBackdrop' : 'backdrop';
}
function loadResume() {
var parentId = LibraryMenu.getTopParentId();
var limit = 6;
var options = {
SortBy: "DatePlayed",
SortOrder: "Descending",
IncludeItemTypes: "Episode",
Filters: "IsResumable",
Limit: limit,
Recursive: true,
Fields: "PrimaryImageAspectRatio,SeriesInfo,UserData,SyncInfo",
ExcludeLocationTypes: "Virtual",
ParentId: parentId,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
ApiClient.getItems(Dashboard.getCurrentUserId(), options).then(function (result) {
if (result.Items.length) {
view.querySelector('#resumableSection').classList.remove('hide');
} else {
view.querySelector('#resumableSection').classList.add('hide');
}
var viewStyle = getResumeView();
var html = '';
if (viewStyle == 'PosterCard') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: getThumbShape(),
showTitle: true,
showParentTitle: true,
lazy: true,
cardLayout: true,
showDetailsMenu: true,
preferThumb: true
});
} else if (viewStyle == 'Poster') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: getThumbShape(),
showTitle: true,
showParentTitle: true,
lazy: true,
showDetailsMenu: true,
overlayPlayButton: true,
preferThumb: true,
centerText: true
});
}
var elem = view.querySelector('#resumableItems');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
});
}
self.initTab = function () {
var tabContent = self.tabContent;
if (enableScrollX()) {
tabContent.querySelector('#resumableItems').classList.add('hiddenScrollX');
} else {
tabContent.querySelector('#resumableItems').classList.remove('hiddenScrollX');
}
libraryBrowser.createCardMenus(tabContent.querySelector('#resumableItems'));
};
self.renderTab = function () {
var tabContent = self.tabContent;
if (libraryBrowser.needsRefresh(tabContent)) {
reload();
}
};
function loadTab(page, index) {
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
var depends = [];
switch (index) {
case 0:
break;
case 1:
depends.push('scripts/tvlatest');
break;
case 2:
depends.push('scripts/tvupcoming');
break;
case 3:
depends.push('scripts/tvshows');
break;
case 4:
depends.push('scripts/episodes');
break;
case 5:
depends.push('scripts/tvgenres');
break;
case 6:
depends.push('scripts/tvstudios');
break;
default:
break;
}
require(depends, function (controllerFactory) {
if (index == 0) {
self.tabContent = tabContent;
}
var controller = index ? new controllerFactory(view, params, tabContent) : self;
if (controller.initTab) {
controller.initTab();
tabContent.initComplete = true;
}
controller.renderTab();
});
}
function onPlaybackStop(e, state) {
if (state.NowPlayingItem && state.NowPlayingItem.MediaType == 'Video') {
var pages = view.querySelector('neon-animated-pages');
pages.dispatchEvent(new CustomEvent("tabchange", {}));
}
}
var pages = view.querySelector('neon-animated-pages'); var pages = view.querySelector('neon-animated-pages');
var baseUrl = 'tv.html'; var baseUrl = 'tv.html';
var topParentId = LibraryMenu.getTopParentId(); var topParentId = params.topParentId;
if (topParentId) { if (topParentId) {
baseUrl += '?topParentId=' + topParentId; baseUrl += '?topParentId=' + topParentId;
} }
@ -264,7 +252,7 @@
} }
libraryBrowser.createCardMenus(view.querySelector('#resumableItems')); libraryBrowser.createCardMenus(view.querySelector('#resumableItems'));
libraryBrowser.configurePaperLibraryTabs(view, tabs, pages, baseUrl); libraryBrowser.configurePaperLibraryTabs(view, view.querySelector('paper-tabs'), pages, baseUrl);
pages.addEventListener('tabchange', function (e) { pages.addEventListener('tabchange', function (e) {
loadTab(view, parseInt(this.selected)); loadTab(view, parseInt(this.selected));
@ -272,23 +260,21 @@
view.addEventListener('viewbeforeshow', function (e) { view.addEventListener('viewbeforeshow', function (e) {
var page = this; if (!view.getAttribute('data-title')) {
if (!page.getAttribute('data-title')) { var parentId = params.topParentId;
var parentId = LibraryMenu.getTopParentId();
if (parentId) { if (parentId) {
ApiClient.getItem(Dashboard.getCurrentUserId(), parentId).then(function (item) { ApiClient.getItem(Dashboard.getCurrentUserId(), parentId).then(function (item) {
page.setAttribute('data-title', item.Name); view.setAttribute('data-title', item.Name);
LibraryMenu.setTitle(item.Name); LibraryMenu.setTitle(item.Name);
}); });
} else { } else {
page.setAttribute('data-title', Globalize.translate('TabShows')); view.setAttribute('data-title', Globalize.translate('TabShows'));
LibraryMenu.setTitle(Globalize.translate('TabShows')); LibraryMenu.setTitle(Globalize.translate('TabShows'));
} }
} }
@ -298,7 +284,6 @@
view.addEventListener('viewbeforehide', function (e) { view.addEventListener('viewbeforehide', function (e) {
var page = this;
Events.off(MediaController, 'playbackstop', onPlaybackStop); Events.off(MediaController, 'playbackstop', onPlaybackStop);
}); });
}; };

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

@ -1,270 +1,273 @@
(function ($, document) { define([], function () {
var data = {}; return function (view, params, tabContent) {
function getPageData(context) { var self = this;
var key = getSavedQueryKey(context);
var pageData = data[key]; var data = {};
if (!pageData) { function getPageData(context) {
pageData = data[key] = { var key = getSavedQueryKey(context);
query: { var pageData = data[key];
SortBy: "SortName",
SortOrder: "Ascending", if (!pageData) {
IncludeItemTypes: "Series", pageData = data[key] = {
Recursive: true, query: {
Fields: "PrimaryImageAspectRatio,SortName,SyncInfo", SortBy: "SortName",
ImageTypeLimit: 1, SortOrder: "Ascending",
EnableImageTypes: "Primary,Backdrop,Banner,Thumb", IncludeItemTypes: "Series",
StartIndex: 0, Recursive: true,
Limit: LibraryBrowser.getDefaultPageSize() Fields: "PrimaryImageAspectRatio,SortName,SyncInfo",
}, ImageTypeLimit: 1,
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Thumb') EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
}; StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
pageData.query.ParentId = LibraryMenu.getTopParentId(); },
LibraryBrowser.loadSavedQueryValues(key, pageData.query); view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Thumb')
} };
return pageData;
} pageData.query.ParentId = params.topParentId;
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
function getQuery(context) { }
return pageData;
return getPageData(context).query; }
}
function getQuery(context) {
function getSavedQueryKey(context) {
return getPageData(context).query;
if (!context.savedQueryKey) { }
context.savedQueryKey = LibraryBrowser.getSavedQueryKey('series');
} function getSavedQueryKey(context) {
return context.savedQueryKey;
} if (!context.savedQueryKey) {
context.savedQueryKey = LibraryBrowser.getSavedQueryKey('series');
function reloadItems(page) { }
return context.savedQueryKey;
Dashboard.showLoadingMsg(); }
var query = getQuery(page); function reloadItems(page) {
ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function (result) { Dashboard.showLoadingMsg();
// Scroll back up so they can see the results from the beginning var query = getQuery(page);
window.scrollTo(0, 0);
ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function (result) {
var view = getPageData(page).view;
// Scroll back up so they can see the results from the beginning
var html = ''; window.scrollTo(0, 0);
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, var view = getPageData(page).view;
limit: query.Limit,
totalRecordCount: result.TotalRecordCount, var html = '';
showLimit: false, var pagingHtml = LibraryBrowser.getQueryPagingHtml({
updatePageSizeSetting: false, startIndex: query.StartIndex,
addLayoutButton: true, limit: query.Limit,
sortButton: true, totalRecordCount: result.TotalRecordCount,
currentLayout: view, showLimit: false,
layouts: 'Banner,List,Poster,PosterCard,Thumb,ThumbCard', updatePageSizeSetting: false,
filterButton: true addLayoutButton: true,
}); sortButton: true,
currentLayout: view,
page.querySelector('.listTopPaging').innerHTML = pagingHtml; layouts: 'Banner,List,Poster,PosterCard,Thumb,ThumbCard',
filterButton: true
updateFilterControls(page); });
if (view == "Thumb") { page.querySelector('.listTopPaging').innerHTML = pagingHtml;
html = LibraryBrowser.getPosterViewHtml({ updateFilterControls(page);
items: result.Items,
shape: "backdrop", if (view == "Thumb") {
preferThumb: true,
context: 'tv', html = LibraryBrowser.getPosterViewHtml({
lazy: true, items: result.Items,
overlayPlayButton: true shape: "backdrop",
}); preferThumb: true,
context: 'tv',
} lazy: true,
else if (view == "ThumbCard") { overlayPlayButton: true
});
html = LibraryBrowser.getPosterViewHtml({
items: result.Items, }
shape: "backdrop", else if (view == "ThumbCard") {
preferThumb: true,
context: 'tv', html = LibraryBrowser.getPosterViewHtml({
lazy: true, items: result.Items,
cardLayout: true, shape: "backdrop",
showTitle: true, preferThumb: true,
showSeriesYear: true context: 'tv',
}); lazy: true,
} cardLayout: true,
else if (view == "Banner") { showTitle: true,
showSeriesYear: true
html = LibraryBrowser.getPosterViewHtml({ });
items: result.Items, }
shape: "banner", else if (view == "Banner") {
preferBanner: true,
context: 'tv', html = LibraryBrowser.getPosterViewHtml({
lazy: true items: result.Items,
}); shape: "banner",
} preferBanner: true,
else if (view == "List") { context: 'tv',
lazy: true
html = LibraryBrowser.getListViewHtml({ });
items: result.Items, }
context: 'tv', else if (view == "List") {
sortBy: query.SortBy
}); html = LibraryBrowser.getListViewHtml({
} items: result.Items,
else if (view == "PosterCard") { context: 'tv',
html = LibraryBrowser.getPosterViewHtml({ sortBy: query.SortBy
items: result.Items, });
shape: "portrait", }
context: 'tv', else if (view == "PosterCard") {
showTitle: true, html = LibraryBrowser.getPosterViewHtml({
showYear: true, items: result.Items,
lazy: true, shape: "portrait",
cardLayout: true context: 'tv',
}); showTitle: true,
} showYear: true,
else { lazy: true,
cardLayout: true
// Poster });
html = LibraryBrowser.getPosterViewHtml({ }
items: result.Items, else {
shape: "portrait",
context: 'tv', // Poster
centerText: true, html = LibraryBrowser.getPosterViewHtml({
lazy: true, items: result.Items,
overlayPlayButton: true shape: "portrait",
}); context: 'tv',
} centerText: true,
lazy: true,
var elem = page.querySelector('#items'); overlayPlayButton: true
elem.innerHTML = html + pagingHtml; });
ImageLoader.lazyChildren(elem); }
$('.btnNextPage', page).on('click', function () { var elem = page.querySelector('#items');
query.StartIndex += query.Limit; elem.innerHTML = html + pagingHtml;
reloadItems(page); ImageLoader.lazyChildren(elem);
});
$('.btnNextPage', page).on('click', function () {
$('.btnPreviousPage', page).on('click', function () { query.StartIndex += query.Limit;
query.StartIndex -= query.Limit; reloadItems(page);
reloadItems(page); });
});
$('.btnPreviousPage', page).on('click', function () {
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) { query.StartIndex -= query.Limit;
getPageData(page).view = layout; reloadItems(page);
LibraryBrowser.saveViewSetting(getSavedQueryKey(page), layout); });
reloadItems(page);
}); $('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData(page).view = layout;
$('.btnFilter', page).on('click', function () { LibraryBrowser.saveViewSetting(getSavedQueryKey(page), layout);
showFilterMenu(page); reloadItems(page);
}); });
// On callback make sure to set StartIndex = 0 $('.btnFilter', page).on('click', function () {
$('.btnSort', page).on('click', function () { showFilterMenu(page);
LibraryBrowser.showSortMenu({ });
items: [{
name: Globalize.translate('OptionNameSort'), // On callback make sure to set StartIndex = 0
id: 'SortName' $('.btnSort', page).on('click', function () {
}, LibraryBrowser.showSortMenu({
{ items: [{
name: Globalize.translate('OptionImdbRating'), name: Globalize.translate('OptionNameSort'),
id: 'CommunityRating,SortName' id: 'SortName'
}, },
{ {
name: Globalize.translate('OptionDateAdded'), name: Globalize.translate('OptionImdbRating'),
id: 'DateCreated,SortName' id: 'CommunityRating,SortName'
}, },
{ {
name: Globalize.translate('OptionDatePlayed'), name: Globalize.translate('OptionDateAdded'),
id: 'DatePlayed,SortName' id: 'DateCreated,SortName'
}, },
{ {
name: Globalize.translate('OptionMetascore'), name: Globalize.translate('OptionDatePlayed'),
id: 'Metascore,SortName' id: 'DatePlayed,SortName'
}, },
{ {
name: Globalize.translate('OptionParentalRating'), name: Globalize.translate('OptionMetascore'),
id: 'OfficialRating,SortName' id: 'Metascore,SortName'
}, },
{ {
name: Globalize.translate('OptionPlayCount'), name: Globalize.translate('OptionParentalRating'),
id: 'PlayCount,SortName' id: 'OfficialRating,SortName'
}, },
{ {
name: Globalize.translate('OptionReleaseDate'), name: Globalize.translate('OptionPlayCount'),
id: 'PremiereDate,SortName' id: 'PlayCount,SortName'
}], },
callback: function () { {
reloadItems(page); name: Globalize.translate('OptionReleaseDate'),
}, id: 'PremiereDate,SortName'
query: query }],
}); callback: function () {
}); reloadItems(page);
},
LibraryBrowser.saveQueryValues(getSavedQueryKey(page), query); query: query
});
LibraryBrowser.setLastRefreshed(page); });
Dashboard.hideLoadingMsg();
}); LibraryBrowser.saveQueryValues(getSavedQueryKey(page), query);
}
LibraryBrowser.setLastRefreshed(page);
function showFilterMenu(page) { Dashboard.hideLoadingMsg();
});
require(['components/filterdialog/filterdialog'], function (filterDialogFactory) { }
var filterDialog = new filterDialogFactory({ function showFilterMenu(page) {
query: getQuery(page),
mode: 'series' require(['components/filterdialog/filterdialog'], function (filterDialogFactory) {
});
var filterDialog = new filterDialogFactory({
Events.on(filterDialog, 'filterchange', function () { query: getQuery(page),
reloadItems(page); mode: 'series'
}); });
filterDialog.show(); Events.on(filterDialog, 'filterchange', function () {
}); reloadItems(page);
} });
function updateFilterControls(tabContent) { filterDialog.show();
});
var query = getQuery(tabContent); }
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWith);
} function updateFilterControls(tabContent) {
function initPage(tabContent) { var query = getQuery(tabContent);
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWith);
$('.alphabetPicker', tabContent).on('alphaselect', function (e, character) { }
var query = getQuery(tabContent); function initPage(tabContent) {
query.NameStartsWithOrGreater = character;
query.StartIndex = 0; $('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
reloadItems(tabContent); var query = getQuery(tabContent);
query.NameStartsWithOrGreater = character;
}).on('alphaclear', function (e) { query.StartIndex = 0;
var query = getQuery(tabContent); reloadItems(tabContent);
query.NameStartsWithOrGreater = '';
}).on('alphaclear', function (e) {
reloadItems(tabContent);
}); var query = getQuery(tabContent);
} query.NameStartsWithOrGreater = '';
window.TvPage.initSeriesTab = function (page, tabContent) { reloadItems(tabContent);
});
initPage(tabContent); }
};
self.initTab = function () {
window.TvPage.renderSeriesTab = function (page, tabContent) {
initPage(tabContent);
if (LibraryBrowser.needsRefresh(tabContent)) { };
reloadItems(tabContent); self.renderTab = function () {
updateFilterControls(tabContent);
} if (LibraryBrowser.needsRefresh(tabContent)) {
}; reloadItems(tabContent);
updateFilterControls(tabContent);
})(jQuery, document); }
};
};
});

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

@ -1,95 +1,98 @@
(function ($, document) { define([], function () {
// The base query options // The base query options
var data = {}; var data = {};
function getQuery() { function getQuery(params) {
var key = getSavedQueryKey(); var key = getSavedQueryKey();
var pageData = data[key]; var pageData = data[key];
if (!pageData) { if (!pageData) {
pageData = data[key] = { pageData = data[key] = {
query: { query: {
SortBy: "SortName", SortBy: "SortName",
SortOrder: "Ascending", SortOrder: "Ascending",
IncludeItemTypes: "Series", IncludeItemTypes: "Series",
Recursive: true, Recursive: true,
Fields: "DateCreated,ItemCounts", Fields: "DateCreated,ItemCounts",
StartIndex: 0, StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize() Limit: LibraryBrowser.getDefaultPageSize()
} }
}; };
pageData.query.ParentId = LibraryMenu.getTopParentId(); pageData.query.ParentId = params.topParentId;
LibraryBrowser.loadSavedQueryValues(key, pageData.query); LibraryBrowser.loadSavedQueryValues(key, pageData.query);
} }
return pageData.query; return pageData.query;
}
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey('studios');
}
function reloadItems(context, params) {
var query = getQuery(params);
Dashboard.showLoadingMsg();
ApiClient.getStudios(Dashboard.getCurrentUserId(), query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
$('.listTopPaging', context).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false
}));
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: false,
context: 'tv',
preferThumb: true,
showItemCounts: true,
centerText: true,
lazy: true
});
var elem = context.querySelector('#items');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', context).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(context, params);
});
$('.btnPreviousPage', context).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(context, params);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
LibraryBrowser.setLastRefreshed(context);
Dashboard.hideLoadingMsg();
});
} }
return function (view, params, tabContent) {
function getSavedQueryKey() {
var self = this;
return LibraryBrowser.getSavedQueryKey('studios');
} self.renderTab = function () {
function reloadItems(page) { if (LibraryBrowser.needsRefresh(tabContent)) {
reloadItems(tabContent, params);
var query = getQuery(); }
};
Dashboard.showLoadingMsg(); };
});
ApiClient.getStudios(Dashboard.getCurrentUserId(), query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false
}));
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: false,
context: 'tv',
preferThumb: true,
showItemCounts: true,
centerText: true,
lazy: true
});
var elem = page.querySelector('#items');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(page);
});
$('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(page);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
LibraryBrowser.setLastRefreshed(page);
Dashboard.hideLoadingMsg();
});
}
window.TvPage.renderStudiosTab = function (page, tabContent) {
if (LibraryBrowser.needsRefresh(tabContent)) {
reloadItems(tabContent);
}
};
})(jQuery, document);

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

@ -1,133 +1,136 @@
(function ($, document) { define([], function () {
function loadUpcoming(page) { function loadUpcoming(context, params) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var limit = AppInfo.hasLowImageBandwidth && !enableScrollX() ? var limit = AppInfo.hasLowImageBandwidth && !enableScrollX() ?
24 : 24 :
40; 40;
var query = { var query = {
Limit: limit, Limit: limit,
Fields: "AirTime,UserData,SeriesStudio,SyncInfo", Fields: "AirTime,UserData,SeriesStudio,SyncInfo",
UserId: Dashboard.getCurrentUserId(), UserId: Dashboard.getCurrentUserId(),
ImageTypeLimit: 1, ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb" EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
}; };
query.ParentId = LibraryMenu.getTopParentId(); query.ParentId = params.topParentId;
ApiClient.getJSON(ApiClient.getUrl("Shows/Upcoming", query)).then(function (result) { ApiClient.getJSON(ApiClient.getUrl("Shows/Upcoming", query)).then(function (result) {
var items = result.Items; var items = result.Items;
if (items.length) { if (items.length) {
page.querySelector('.noItemsMessage').style.display = 'none'; context.querySelector('.noItemsMessage').style.display = 'none';
} else { } else {
page.querySelector('.noItemsMessage').style.display = 'block'; context.querySelector('.noItemsMessage').style.display = 'block';
} }
var elem = page.querySelector('#upcomingItems'); var elem = context.querySelector('#upcomingItems');
renderUpcoming(elem, items); renderUpcoming(elem, items);
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
LibraryBrowser.setLastRefreshed(page); LibraryBrowser.setLastRefreshed(context);
}); });
}
function enableScrollX() {
return browserInfo.mobile && AppInfo.enableAppLayouts;
}
function getThumbShape() {
return enableScrollX() ? 'overflowBackdrop' : 'backdrop';
}
function renderUpcoming(elem, items) {
var groups = [];
var currentGroupName = '';
var currentGroup = [];
var i, length;
for (i = 0, length = items.length; i < length; i++) {
var item = items[i];
var dateText = '';
if (item.PremiereDate) {
try {
dateText = LibraryBrowser.getFutureDateText(parseISO8601Date(item.PremiereDate, { toLocal: true }), true);
} catch (err) {
}
}
if (dateText != currentGroupName) {
if (currentGroup.length) {
groups.push({
name: currentGroupName,
items: currentGroup
});
}
currentGroupName = dateText;
currentGroup = [item];
} else {
currentGroup.push(item);
}
}
var html = '';
for (i = 0, length = groups.length; i < length; i++) {
var group = groups[i];
html += '<div class="homePageSection">';
html += '<h1 class="listHeader">' + group.name + '</h1>';
if (enableScrollX()) {
html += '<div class="itemsContainer hiddenScrollX">';
} else {
html += '<div class="itemsContainer">';
}
html += LibraryBrowser.getPosterViewHtml({
items: group.items,
showLocationTypeIndicator: false,
shape: getThumbShape(),
showTitle: true,
showPremiereDate: true,
preferThumb: true,
lazy: true,
showDetailsMenu: true,
centerText: true
});
html += '</div>';
html += '</div>';
}
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
} }
return function (view, params, tabContent) {
function enableScrollX() {
return browserInfo.mobile && AppInfo.enableAppLayouts; var self = this;
}
self.renderTab = function () {
function getThumbShape() {
return enableScrollX() ? 'overflowBackdrop' : 'backdrop'; if (LibraryBrowser.needsRefresh(tabContent)) {
} loadUpcoming(tabContent, params);
}
function renderUpcoming(elem, items) { };
};
var groups = []; });
var currentGroupName = '';
var currentGroup = [];
var i, length;
for (i = 0, length = items.length; i < length; i++) {
var item = items[i];
var dateText = '';
if (item.PremiereDate) {
try {
dateText = LibraryBrowser.getFutureDateText(parseISO8601Date(item.PremiereDate, { toLocal: true }), true);
} catch (err) {
}
}
if (dateText != currentGroupName) {
if (currentGroup.length) {
groups.push({
name: currentGroupName,
items: currentGroup
});
}
currentGroupName = dateText;
currentGroup = [item];
} else {
currentGroup.push(item);
}
}
var html = '';
for (i = 0, length = groups.length; i < length; i++) {
var group = groups[i];
html += '<div class="homePageSection">';
html += '<h1 class="listHeader">' + group.name + '</h1>';
if (enableScrollX()) {
html += '<div class="itemsContainer hiddenScrollX">';
} else {
html += '<div class="itemsContainer">';
}
html += LibraryBrowser.getPosterViewHtml({
items: group.items,
showLocationTypeIndicator: false,
shape: getThumbShape(),
showTitle: true,
showPremiereDate: true,
preferThumb: true,
lazy: true,
showDetailsMenu: true,
centerText: true
});
html += '</div>';
html += '</div>';
}
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
}
window.TvPage.renderUpcomingTab = function (page, tabContent) {
if (LibraryBrowser.needsRefresh(tabContent)) {
loadUpcoming(tabContent);
}
};
})(jQuery, document);

2
dashboard-ui/secondaryitems.html
View file

@ -1,4 +1,4 @@
<div id="secondaryItemsPage" data-role="page" class="page libraryPage noSecondaryNavPage" data-require="scripts/secondaryitems" data-backbutton="true" data-menubutton="false"> <div id="secondaryItemsPage" data-role="page" class="page libraryPage noSecondaryNavPage" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">