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

rework tv tabs

Browse source
This commit is contained in:
Luke Pulverenti 2015-09-21 13:46:02 -04:00
parent c27e5ffee2
commit 88dc11d90f
19 changed files with 811 additions and 965 deletions
Download patch file Download diff file Expand all files Collapse all files

179
dashboard-ui/episodes.html
View file

@ -1,179 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="episodesPage" data-role="page" class="page libraryPage" data-require="jqmcheckbox,jqmcontrolgroup,jqmpanel,scripts/episodes">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tvlatest.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvupcoming.html"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tvshows.html"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="#" class="ui-btn-active"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tvgenres.html"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
<div class="alphabetPicker">
</div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
<div class="selectionCommands" style="display: none;">
<div class="selectionCommandsControlGroup">
<button class="btnAddToPlaylist" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToPlaylist}">${ButtonAddToPlaylist}</button>
<button class="btnMergeVersions" data-mini="true" data-icon="recycle" data-inline="true" title="${ButtonGroupVersions}">${ButtonGroupVersions}</button>
<button class="btnSyncItems" data-mini="true" data-icon="sync" data-inline="true" title="${ButtonSync}">${ButtonSync}</button>
</div>
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
<div data-role="panel" class="viewPanel hide" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
<form>
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="viewPanelTabs">
<a href="#" data-role="button" class="viewTabButton" data-tab="tabView">${TabView}</a>
<a href="#" data-role="button" class="viewTabButton" data-tab="tabSort">${TabSort}</a>
<a href="#" data-role="button" class="viewTabButton" data-tab="tabFilter">${TabFilter}</a>
</div>
<div class="tabView viewTab">
<div>
<label for="selectView">${LabelView}</label>
<select id="selectView">
<option value="List">${OptionList}</option>
<option value="Poster">${OptionPoster}</option>
<option value="PosterCard">${OptionPosterCard}</option>
</select>
</div>
<br />
<div>
<label for="selectPageSize">${LabelPageSize}</label>
<select id="selectPageSize" class="selectPageSize"></select>
</div>
</div>
<div class="tabFilter viewTab">
<fieldset data-role="controlgroup">
<legend>
${HeaderFilters}
</legend>
<input class="chkStandardFilter" type="checkbox" name="chkPlayed" id="chkPlayed" data-filter="IsPlayed" data-mini="true">
<label for="chkPlayed">${OptionPlayed}</label>
<input class="chkStandardFilter" type="checkbox" name="chkUnplayed" id="chkUnplayed" data-filter="IsUnPlayed" data-mini="true">
<label for="chkUnplayed">${OptionUnplayed}</label>
<input class="chkStandardFilter" type="checkbox" name="chkResumable" id="chkResumable" data-filter="IsResumable" data-mini="true">
<label for="chkResumable">${OptionResumable}</label>
<input class="chkStandardFilter" type="checkbox" name="chkIsFavorite" id="chkIsFavorite" data-filter="IsFavorite" data-mini="true">
<label for="chkIsFavorite">${OptionFavorite}</label>
<input class="chkStandardFilter" type="checkbox" name="chkLikes" id="chkLikes" data-filter="Likes" data-mini="true">
<label for="chkLikes">${OptionLikes}</label>
<input class="chkStandardFilter" type="checkbox" name="chkDislikes" id="chkDislikes" data-filter="Dislikes" data-mini="true">
<label for="chkDislikes">${OptionDislikes}</label>
<input type="checkbox" name="chkSpecialFeature" id="chkSpecialFeature" data-mini="true">
<label for="chkSpecialFeature">${OptionSpecialEpisode}</label>
<input type="checkbox" name="chkMissingEpisode" id="chkMissingEpisode" data-mini="true">
<label for="chkMissingEpisode">${OptionMissingEpisode}</label>
<input type="checkbox" name="chkFutureEpisode" id="chkFutureEpisode" data-mini="true">
<label for="chkFutureEpisode">${OptionUnairedEpisode}</label>
</fieldset>
<fieldset data-role="controlgroup">
<legend>
${LabelVideoType}
</legend>
<input class="chkVideoTypeFilter" type="checkbox" name="chkBluray" id="chkBluray" data-filter="Bluray" data-mini="true">
<label for="chkBluray">${OptionBluray}</label>
<input class="chkVideoTypeFilter" type="checkbox" name="chkDvd" id="chkDvd" data-filter="Dvd" data-mini="true">
<label for="chkDvd">${OptionDvd}</label>
<input class="chkVideoTypeFilter" type="checkbox" name="chkIso" id="chkIso" data-filter="Iso" data-mini="true">
<label for="chkIso">${OptionIso}</label>
<input class="chkHDFilter" type="checkbox" name="chkHD" id="chkHD" data-filter="IsHD" data-mini="true">
<label for="chkHD">${OptionIsHD}</label>
<input class="chkSDFilter" type="checkbox" name="chkSD" id="chkSD" data-filter="IsHD" data-mini="true">
<label for="chkSD">${OptionIsSD}</label>
</fieldset>
<fieldset data-role="controlgroup">
<legend>
${LabelFeatures}
</legend>
<input class="chkFeatureFilter" type="checkbox" name="chkSubtitle" id="chkSubtitle" data-mini="true">
<label for="chkSubtitle">${OptionHasSubtitles}</label>
</fieldset>
</div>
<div class="tabSort viewTab">
<fieldset data-role="controlgroup">
<legend>
${HeaderSortBy}
</legend>
<input class="radioSortBy defaultSort" type="radio" name="radioSortBy" id="radioSeriesSortName" value="on" checked="checked" data-sortby="SeriesSortName,SortName" data-mini="true">
<label for="radioSeriesSortName">${OptionSeriesSortName}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioSortName" value="on" checked="checked" data-sortby="SortName" data-mini="true">
<label for="radioSortName">${OptionEpisodeSortName}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioCommunityRating" value="off" data-sortby="CommunityRating,SeriesSortName,SortName" data-mini="true">
<label for="radioCommunityRating">${OptionTvdbRating}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioDateCreated" value="off" data-sortby="DateCreated,SeriesSortName,SortName" data-mini="true">
<label for="radioDateCreated">${OptionDateAdded}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioPremiereDate" value="off" data-sortby="PremiereDate,SeriesSortName,SortName" data-mini="true">
<label for="radioPremiereDate">${OptionPremiereDate}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioDatePlayed" value="off" data-sortby="DatePlayed,SeriesSortName,SortName" data-mini="true">
<label for="radioDatePlayed">${OptionDatePlayed}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioContentRating" value="off" data-sortby="OfficialRating,SeriesSortName,SortName" data-mini="true">
<label for="radioContentRating">${OptionParentalRating}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioPlayCount" value="off" data-sortby="PlayCount,SeriesSortName,SortName" data-mini="true">
<label for="radioPlayCount">${OptionPlayCount}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioRuntime" value="off" data-sortby="Runtime,SeriesSortName,SortName" data-mini="true">
<label for="radioRuntime">${OptionRuntime}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioVideoBitRate" value="off" data-sortby="VideoBitRate,SeriesSortName,SortName" data-mini="true">
<label for="radioVideoBitRate">${OptionVideoBitrate}</label>
</fieldset>
<fieldset data-role="controlgroup">
<legend>
${HeaderSortOrder}
</legend>
<input class="radioSortOrder" type="radio" name="radioSortOrder" id="radioAscending" value="on" checked="checked" data-sortorder="Ascending" data-mini="true">
<label for="radioAscending">${OptionAscending}</label>
<input class="radioSortOrder" type="radio" name="radioSortOrder" id="radioDescending" value="off" data-sortorder="Descending" data-mini="true">
<label for="radioDescending">${OptionDescending}</label>
</fieldset>
</div>
</form>
</div>
</div>
</body>
</html>

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

@ -1,36 +1,57 @@
(function ($, document) { (function ($, document) {
var view = LibraryBrowser.getDefaultItemsView('Poster', 'Poster'); var data = {};
// The base query options function getPageData() {
var query = { var key = getSavedQueryKey();
var pageData = data[key];
if (!pageData) {
pageData = data[key] = {
query: {
SortBy: "SeriesSortName,SortName", SortBy: "SeriesSortName,SortName",
SortOrder: "Ascending", SortOrder: "Ascending",
IncludeItemTypes: "Episode", IncludeItemTypes: "Episode",
Recursive: true, Recursive: true,
Fields: "PrimaryImageAspectRatio,MediaSourceCount,UserData,SyncInfo", Fields: "PrimaryImageAspectRatio,MediaSourceCount,UserData,SyncInfo",
StartIndex: 0,
IsMissing: false, IsMissing: false,
IsVirtualUnaired: false, IsVirtualUnaired: false,
ImageTypeLimit: 1, ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb" EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
},
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Poster')
}; };
pageData.query.ParentId = LibraryMenu.getTopParentId();
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData;
}
function getQuery() {
return getPageData().query;
}
function getSavedQueryKey() { function getSavedQueryKey() {
return 'episodes' + (query.ParentId || ''); return getWindowUrl() + 'episodes';
} }
function reloadItems(page) { function reloadItems(page, viewPanel) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var query = getQuery();
ApiClient.getItems(Dashboard.getCurrentUserId(), query).done(function (result) { ApiClient.getItems(Dashboard.getCurrentUserId(), query).done(function (result) {
// Scroll back up so they can see the results from the beginning // Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0); window.scrollTo(0, 0);
var view = getPageData().view;
var html = ''; var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
@ -38,12 +59,19 @@
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false, showLimit: false,
addSelectionButton: true addSelectionButton: true,
viewPanelClass: 'episodesViewPanel',
updatePageSizeSetting: false,
addLayoutButton: true,
viewIcon: 'filter-list',
sortButton: true,
currentLayout: view,
layouts: 'Poster,PosterCard'
}); });
page.querySelector('.listTopPaging').innerHTML = pagingHtml; page.querySelector('.listTopPaging').innerHTML = pagingHtml;
updateFilterControls(); updateFilterControls(page, viewPanel);
var trigger = false; var trigger = false;
if (view == "List") { if (view == "List") {
@ -87,12 +115,64 @@
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page, viewPanel);
}); });
$('.btnPreviousPage', page).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page, viewPanel);
});
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(page, viewPanel);
});
// On callback make sure to set StartIndex = 0
$('.btnSort', page).on('click', function () {
LibraryBrowser.showSortMenu({
items: [{
name: Globalize.translate('OptionNameSort'),
id: 'SeriesSortName,SortName'
},
{
name: Globalize.translate('OptionTvdbRating'),
id: 'CommunityRating,SeriesSortName,SortName'
},
{
name: Globalize.translate('OptionDateAdded'),
id: 'DateCreated,SeriesSortName,SortName'
},
{
name: Globalize.translate('OptionPremiereDate'),
id: 'PremiereDate,SeriesSortName,SortName'
},
{
name: Globalize.translate('OptionDatePlayed'),
id: 'DatePlayed,SeriesSortName,SortName'
},
{
name: Globalize.translate('OptionParentalRating'),
id: 'OfficialRating,SeriesSortName,SortName'
},
{
name: Globalize.translate('OptionPlayCount'),
id: 'PlayCount,SeriesSortName,SortName'
},
{
name: Globalize.translate('OptionRuntime'),
id: 'Runtime,SeriesSortName,SortName'
},
{
name: Globalize.translate('OptionVideoBitrate'),
id: 'VideoBitRate,SeriesSortName,SortName'
}],
callback: function () {
reloadItems(page, viewPanel);
},
query: query
});
}); });
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query); LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
@ -101,23 +181,10 @@
}); });
} }
function updateFilterControls(page) { function updateFilterControls(tabContent, viewPanel) {
var query = getQuery();
// Reset form values using the last used query $('.chkStandardFilter', viewPanel).each(function () {
$('.radioSortBy', page).each(function () {
this.checked = (query.SortBy || '').toLowerCase() == this.getAttribute('data-sortby').toLowerCase();
});
$('.radioSortOrder', page).each(function () {
this.checked = (query.SortOrder || '').toLowerCase() == this.getAttribute('data-sortorder').toLowerCase();
});
$('.chkStandardFilter', page).each(function () {
var filters = "," + (query.Filters || ""); var filters = "," + (query.Filters || "");
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
@ -126,7 +193,7 @@
}); });
$('.chkVideoTypeFilter', page).each(function () { $('.chkVideoTypeFilter', viewPanel).each(function () {
var filters = "," + (query.VideoTypes || ""); var filters = "," + (query.VideoTypes || "");
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
@ -135,42 +202,26 @@
}); });
$('#selectView', page).val(view); $('#chkHD', viewPanel).checked(query.IsHD == true);
$('#chkSD', viewPanel).checked(query.IsHD == false);
$('#chkHD', page).checked(query.IsHD == true); $('#chkSubtitle', viewPanel).checked(query.HasSubtitles == true);
$('#chkSD', page).checked(query.IsHD == false); $('#chkTrailer', viewPanel).checked(query.HasTrailer == true);
$('#chkThemeSong', viewPanel).checked(query.HasThemeSong == true);
$('#chkThemeVideo', viewPanel).checked(query.HasThemeVideo == true);
$('#chkSpecialFeature', viewPanel).checked(query.ParentIndexNumber == 0);
$('#chkSubtitle', page).checked(query.HasSubtitles == true); $('#chkMissingEpisode', viewPanel).checked(query.IsMissing == true);
$('#chkTrailer', page).checked(query.HasTrailer == true); $('#chkFutureEpisode', viewPanel).checked(query.IsUnaired == true);
$('#chkThemeSong', page).checked(query.HasThemeSong == true);
$('#chkThemeVideo', page).checked(query.HasThemeVideo == true);
$('#chkSpecialFeature', page).checked(query.ParentIndexNumber == 0);
$('#chkMissingEpisode', page).checked(query.IsMissing == true); $('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
$('#chkFutureEpisode', page).checked(query.IsUnaired == true);
$('.alphabetPicker', page).alphaValue(query.NameStartsWithOrGreater);
$('#selectPageSize', page).val(query.Limit);
} }
$(document).on('pageinit', "#episodesPage", function () { function initPage(tabContent, viewPanel) {
var page = this; $('.chkStandardFilter', viewPanel).on('change', function () {
$('.radioSortBy', this).on('click', function () {
query.StartIndex = 0;
query.SortBy = this.getAttribute('data-sortby');
reloadItems(page);
});
$('.radioSortOrder', this).on('click', function () {
query.StartIndex = 0;
query.SortOrder = this.getAttribute('data-sortorder');
reloadItems(page);
});
$('.chkStandardFilter', this).on('change', function () {
var query = getQuery();
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
var filters = query.Filters || ""; var filters = query.Filters || "";
@ -183,12 +234,13 @@
query.StartIndex = 0; query.StartIndex = 0;
query.Filters = filters; query.Filters = filters;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('.chkVideoTypeFilter', this).on('change', function () { $('.chkVideoTypeFilter', viewPanel).on('change', function () {
var query = getQuery();
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
var filters = query.VideoTypes || ""; var filters = query.VideoTypes || "";
@ -201,58 +253,65 @@
query.StartIndex = 0; query.StartIndex = 0;
query.VideoTypes = filters; query.VideoTypes = filters;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkSubtitle', this).on('change', function () { $('#chkSubtitle', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.HasSubtitles = this.checked ? true : null; query.HasSubtitles = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkTrailer', this).on('change', function () { $('#chkTrailer', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.HasTrailer = this.checked ? true : null; query.HasTrailer = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkThemeSong', this).on('change', function () { $('#chkThemeSong', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.HasThemeSong = this.checked ? true : null; query.HasThemeSong = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkThemeVideo', this).on('change', function () { $('#chkThemeVideo', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.HasThemeVideo = this.checked ? true : null; query.HasThemeVideo = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkSpecialFeature', this).on('change', function () { $('#chkSpecialFeature', viewPanel).on('change', function () {
var query = getQuery();
query.ParentIndexNumber = this.checked ? 0 : null; query.ParentIndexNumber = this.checked ? 0 : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkMissingEpisode', this).on('change', function () { $('#chkMissingEpisode', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.IsMissing = this.checked ? true : false; query.IsMissing = this.checked ? true : false;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkFutureEpisode', this).on('change', function () { $('#chkFutureEpisode', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
if (this.checked) { if (this.checked) {
@ -264,111 +323,71 @@
} }
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkHD', this).on('change', function () { $('#chkHD', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.IsHD = this.checked ? true : null; query.IsHD = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkSD', this).on('change', function () { $('#chkSD', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.IsHD = this.checked ? false : null; query.IsHD = this.checked ? false : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('.alphabetPicker', this).on('alphaselect', function (e, character) { $('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
var query = getQuery();
query.NameStartsWithOrGreater = character; query.NameStartsWithOrGreater = character;
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(page); reloadItems(tabContent, viewPanel);
}).on('alphaclear', function (e) { }).on('alphaclear', function (e) {
var query = getQuery();
query.NameStartsWithOrGreater = ''; query.NameStartsWithOrGreater = '';
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('.itemsContainer', page).on('needsrefresh', function () { $('.itemsContainer', tabContent).on('needsrefresh', function () {
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#selectView', this).on('change', function () {
view = this.value;
reloadItems(page);
LibraryBrowser.saveViewSetting(getSavedQueryKey(), view);
});
$('#selectPageSize', page).on('change', function () {
query.Limit = parseInt(this.value);
query.StartIndex = 0;
reloadItems(page);
});
}).on('pagebeforeshow', "#episodesPage", function () {
var page = this;
query.ParentId = LibraryMenu.getTopParentId();
var limit = LibraryBrowser.getDefaultPageSize();
// If the default page size has changed, the start index will have to be reset
if (limit != query.Limit) {
query.Limit = limit;
query.StartIndex = 0;
} }
var viewkey = getSavedQueryKey(); window.TvPage.initEpisodesTab = function (page, tabContent) {
LibraryBrowser.loadSavedQueryValues(viewkey, query); var viewPanel = page.querySelector('.episodesViewPanel');
initPage(tabContent, viewPanel);
};
var filters = getParameterByName('filters'); window.TvPage.renderEpisodesTab = function (page, tabContent) {
if (filters) {
query.Filters = filters; if (LibraryBrowser.needsRefresh(tabContent)) {
var viewPanel = page.querySelector('.episodesViewPanel');
reloadItems(tabContent, viewPanel);
updateFilterControls(tabContent, viewPanel);
} }
var sortby = getParameterByName('sortby'); Dashboard.getCurrentUser().done(function (user) {
if (sortby) {
query.SortBy = sortby;
}
var sortorder = getParameterByName('sortorder');
if (sortorder) {
query.SortOrder = sortorder;
}
LibraryBrowser.getSavedViewSetting(viewkey).done(function (val) {
if (val) {
Events.trigger($('#selectView', page).val(val)[0], 'change');
} else {
reloadItems(page);
}
});
updateFilterControls(this);
Dashboard.getCurrentUser().done(function(user) {
if (user.Policy.IsAdministrator) { if (user.Policy.IsAdministrator) {
$('.btnMergeVersions', page).show(); $('.btnMergeVersions', page).show();
} else { } else {
$('.btnMergeVersions', page).hide(); $('.btnMergeVersions', page).hide();
} }
}); });
};
});
})(jQuery, document); })(jQuery, document);

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

@ -63,7 +63,6 @@
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
shape: "portrait", shape: "portrait",
context: 'movies',
showTitle: true, showTitle: true,
showItemCounts: true, showItemCounts: true,
coverImage: true, coverImage: true,

1
dashboard-ui/scripts/searchmenu.js
View file

@ -55,6 +55,7 @@
}); });
$('.btnCloseSearch').on('click', function () { $('.btnCloseSearch').on('click', function () {
self.hide();
Events.trigger(self, 'closed'); Events.trigger(self, 'closed');
}); });

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

@ -32,7 +32,7 @@
function getSavedQueryKey() { function getSavedQueryKey() {
return getWindowUrl(); return getWindowUrl() + 'genres';
} }
function reloadItems(page) { function reloadItems(page) {
@ -132,10 +132,11 @@
}); });
} }
$(document).on('pagebeforeshow', "#tvGenresPage", function () { window.TvPage.renderGenresTab = function (page, tabContent) {
var page = this; if (LibraryBrowser.needsRefresh(tabContent)) {
reloadItems(page); reloadItems(tabContent);
}); }
};
})(jQuery, document); })(jQuery, document);

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

@ -77,13 +77,11 @@
}); });
} }
$(document).on('pagebeforeshow', "#tvNextUpPage", function () { window.TvPage.renderLatestTab = function (page, tabContent) {
var page = this; if (LibraryBrowser.needsRefresh(tabContent)) {
if (LibraryBrowser.needsRefresh(page)) { loadLatest(tabContent);
loadLatest(page);
} }
}); };
})(jQuery, document); })(jQuery, document);

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

@ -1,10 +1,16 @@
(function ($, document) { (function ($, document) {
var pageSizeKey = 'people'; var pageSizeKey = 'people';
var data = {};
// The base query options function getQuery() {
var query = {
var key = getSavedQueryKey();
var pageData = data[key];
if (!pageData) {
pageData = data[key] = {
query: {
SortBy: "SortName", SortBy: "SortName",
SortOrder: "Ascending", SortOrder: "Ascending",
IncludeItemTypes: "Series,Episode", IncludeItemTypes: "Series,Episode",
@ -13,17 +19,25 @@
PersonTypes: "", PersonTypes: "",
StartIndex: 0, StartIndex: 0,
Limit: 100 Limit: 100
}
}; };
pageData.query.ParentId = LibraryMenu.getTopParentId();
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData.query;
}
function getSavedQueryKey() { function getSavedQueryKey() {
return 'tvpeople' + (query.ParentId || ''); return getWindowUrl() + 'people';
} }
function reloadItems(page) { function reloadItems(page, viewPanel) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var query = getQuery();
ApiClient.getPeople(Dashboard.getCurrentUserId(), query).done(function (result) { ApiClient.getPeople(Dashboard.getCurrentUserId(), query).done(function (result) {
// Scroll back up so they can see the results from the beginning // Scroll back up so they can see the results from the beginning
@ -36,12 +50,15 @@
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
viewIcon: 'filter-list', viewIcon: 'filter-list',
showLimit: false showLimit: false,
updatePageSizeSetting: false,
pageSizeKey: pageSizeKey,
viewPanelClass: 'peopleViewPanel'
}); });
page.querySelector('.listTopPaging').innerHTML = pagingHtml; page.querySelector('.listTopPaging').innerHTML = pagingHtml;
updateFilterControls(page); updateFilterControls(page, viewPanel);
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
@ -53,18 +70,18 @@
lazy: true lazy: true
}); });
var elem = page.querySelector('#items'); var elem = page.querySelector('.itemsContainer');
elem.innerHTML = html + pagingHtml; elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page, viewPanel);
}); });
$('.btnPreviousPage', page).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page, viewPanel);
}); });
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query); LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
@ -73,35 +90,26 @@
}); });
} }
function updateFilterControls(page) { function updateFilterControls(tabContent, viewPanel) {
$('.chkStandardFilter', page).each(function () { var query = getQuery();
$('.chkPersonTypeFilter', viewPanel).each(function () {
var filters = "," + (query.Filters || "");
var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1;
}).checkboxradio('refresh');
$('.chkPersonTypeFilter', page).each(function () {
var filters = "," + (query.PersonTypes || ""); var filters = "," + (query.PersonTypes || "");
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1; this.checked = filters.indexOf(',' + filterName) != -1;
}).checkboxradio('refresh'); });
$('.alphabetPicker', page).alphaValue(query.NameStartsWithOrGreater); $('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
} }
$(document).on('pageinit', "#tvPeoplePage", function () { function initPage(tabContent, viewPanel) {
var page = this; $('.chkStandardFilter', viewPanel).on('change', function () {
$('.chkStandardFilter', this).on('change', function () {
var query = getQuery();
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
var filters = query.Filters || ""; var filters = query.Filters || "";
@ -114,11 +122,12 @@
query.StartIndex = 0; query.StartIndex = 0;
query.Filters = filters; query.Filters = filters;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('.chkPersonTypeFilter', this).on('change', function () { $('.chkPersonTypeFilter', viewPanel).on('change', function () {
var query = getQuery();
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
var filters = query.PersonTypes || ""; var filters = query.PersonTypes || "";
@ -131,41 +140,39 @@
query.StartIndex = 0; query.StartIndex = 0;
query.PersonTypes = filters; query.PersonTypes = filters;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('.alphabetPicker', this).on('alphaselect', function (e, character) { $('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
var query = getQuery();
query.NameStartsWithOrGreater = character; query.NameStartsWithOrGreater = character;
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(page); reloadItems(tabContent, viewPanel);
}).on('alphaclear', function (e) { }).on('alphaclear', function (e) {
var query = getQuery();
query.NameStartsWithOrGreater = ''; query.NameStartsWithOrGreater = '';
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
}).on('pagebeforeshow', "#tvPeoplePage", function () {
query.ParentId = LibraryMenu.getTopParentId();
var limit = LibraryBrowser.getDefaultPageSize(pageSizeKey, 100);
// If the default page size has changed, the start index will have to be reset
if (limit != query.Limit) {
query.Limit = limit;
query.StartIndex = 0;
} }
LibraryBrowser.loadSavedQueryValues(getSavedQueryKey(), query); window.TvPage.initPeopleTab = function (page, tabContent) {
query.SortBy = "SortName";
reloadItems(this); var viewPanel = page.querySelector('.peopleViewPanel');
initPage(tabContent, viewPanel);
};
updateFilterControls(this); window.TvPage.renderPeopleTab = function (page, tabContent) {
});
if (LibraryBrowser.needsRefresh(tabContent)) {
var viewPanel = page.querySelector('.peopleViewPanel');
reloadItems(tabContent, viewPanel);
updateFilterControls(tabContent, viewPanel);
}
};
})(jQuery, document); })(jQuery, document);

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

@ -185,5 +185,147 @@
} }
}); });
function loadSuggestionsTab(page, tabContent) {
if (enableScrollX()) {
tabContent.querySelector('#resumableItems').classList.add('hiddenScrollX');
} else {
tabContent.querySelector('#resumableItems').classList.remove('hiddenScrollX');
}
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:
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');
depends.push('scripts/queryfilters');
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/tvpeople');
renderMethod = 'renderPeopleTab';
initMethod = 'initPeopleTab';
break;
case 7:
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;
pageIdOn('pageinit', "tvRecommendedPage", function () {
var page = this;
$('.recommendations', page).createCardMenus();
var tabs = page.querySelector('paper-tabs');
var pages = page.querySelector('neon-animated-pages');
var baseUrl = 'tvrecommended.html';
var topParentId = LibraryMenu.getTopParentId();
if (topParentId) {
baseUrl += '?topParentId=' + topParentId;
}
LibraryBrowser.configurePaperLibraryTabs(page, tabs, pages, baseUrl);
$(pages).on('tabchange', function () {
loadTab(page, parseInt(this.selected));
});
});
pageIdOn('pageshowready', "tvRecommendedPage", function () {
var page = this;
if (!page.getAttribute('data-title')) {
var parentId = LibraryMenu.getTopParentId();
if (parentId) {
ApiClient.getItem(Dashboard.getCurrentUserId(), parentId).done(function (item) {
page.setAttribute('data-title', item.Name);
LibraryMenu.setTitle(item.Name);
});
} else {
page.setAttribute('data-title', Globalize.translate('TabShows'));
LibraryMenu.setTitle(Globalize.translate('TabShows'));
}
}
$(MediaController).on('playbackstop', onPlaybackStop);
});
pageIdOn('pagebeforehide', "tvRecommendedPage", function () {
var page = this;
$(MediaController).off('playbackstop', onPlaybackStop);
});
function onPlaybackStop(e, state) {
if (state.NowPlayingItem && state.NowPlayingItem.MediaType == 'Video') {
var page = $($.mobile.activePage)[0];
var pages = page.querySelector('neon-animated-pages');
$(pages).trigger('tabchange');
}
}
})(jQuery, document); })(jQuery, document);

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

@ -1,11 +1,8 @@
(function ($, document) { (function ($, document) {
var view = LibraryBrowser.getDefaultItemsView('Poster', 'Thumb');
var data = {}; var data = {};
function getQuery() { function getPageData() {
var key = getSavedQueryKey(); var key = getSavedQueryKey();
var pageData = data[key]; var pageData = data[key];
@ -21,21 +18,27 @@
EnableImageTypes: "Primary,Backdrop,Banner,Thumb", EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
StartIndex: 0, StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize() Limit: LibraryBrowser.getDefaultPageSize()
} },
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Thumb')
}; };
pageData.query.ParentId = LibraryMenu.getTopParentId(); pageData.query.ParentId = LibraryMenu.getTopParentId();
LibraryBrowser.loadSavedQueryValues(key, pageData.query); LibraryBrowser.loadSavedQueryValues(key, pageData.query);
} }
return pageData.query; return pageData;
}
function getQuery() {
return getPageData().query;
} }
function getSavedQueryKey() { function getSavedQueryKey() {
return getWindowUrl(); return getWindowUrl() + 'series';
} }
function reloadItems(page) { function reloadItems(page, viewPanel) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -46,6 +49,8 @@
// Scroll back up so they can see the results from the beginning // Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0); window.scrollTo(0, 0);
var view = getPageData().view;
var html = ''; var html = '';
var trigger = false; var trigger = false;
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ var pagingHtml = LibraryBrowser.getQueryPagingHtml({
@ -53,7 +58,15 @@
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true, viewButton: true,
showLimit: false showLimit: false,
addSelectionButton: true,
viewPanelClass: 'seriesViewPanel',
updatePageSizeSetting: false,
addLayoutButton: true,
viewIcon: 'filter-list',
sortButton: true,
currentLayout: view,
layouts: 'Banner,List,Poster,PosterCard,Thumb,ThumbCard'
}); });
page.querySelector('.listTopPaging').innerHTML = pagingHtml; page.querySelector('.listTopPaging').innerHTML = pagingHtml;
@ -136,12 +149,60 @@
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page, viewPanel);
}); });
$('.btnPreviousPage', page).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page, viewPanel);
});
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(page, viewPanel);
});
// 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('OptionImdbRating'),
id: 'CommunityRating,SortName'
},
{
name: Globalize.translate('OptionDateAdded'),
id: 'DateCreated,SortName'
},
{
name: Globalize.translate('OptionDatePlayed'),
id: 'DatePlayed,SortName'
},
{
name: Globalize.translate('OptionMetascore'),
id: 'Metascore,SortName'
},
{
name: Globalize.translate('OptionParentalRating'),
id: 'OfficialRating,SortName'
},
{
name: Globalize.translate('OptionPlayCount'),
id: 'PlayCount,SortName'
},
{
name: Globalize.translate('OptionReleaseDate'),
id: 'PremiereDate,SortName'
}],
callback: function () {
reloadItems(page, viewPanel);
},
query: query
});
}); });
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query); LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
@ -151,101 +212,67 @@
}); });
} }
function updateFilterControls(page) { function updateFilterControls(tabContent, viewPanel) {
// Reset form values using the last used query $('.chkStatus', viewPanel).each(function () {
$('.radioSortBy', page).each(function () {
this.checked = (getQuery().SortBy || '').toLowerCase() == this.getAttribute('data-sortby').toLowerCase();
}).checkboxradio('refresh');
$('.radioSortOrder', page).each(function () {
this.checked = (getQuery().SortOrder || '').toLowerCase() == this.getAttribute('data-sortorder').toLowerCase();
}).checkboxradio('refresh');
$('.chkStatus', page).each(function () {
var filters = "," + (getQuery().SeriesStatus || ""); var filters = "," + (getQuery().SeriesStatus || "");
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1; this.checked = filters.indexOf(',' + filterName) != -1;
}).checkboxradio('refresh'); });
$('.chkStandardFilter', page).each(function () { $('.chkStandardFilter', viewPanel).each(function () {
var filters = "," + (getQuery().Filters || ""); var filters = "," + (getQuery().Filters || "");
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1; this.checked = filters.indexOf(',' + filterName) != -1;
}).checkboxradio('refresh'); });
$('.chkAirDays', page).each(function () { $('.chkAirDays', viewPanel).each(function () {
var filters = "," + (getQuery().AirDays || ""); var filters = "," + (getQuery().AirDays || "");
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1; this.checked = filters.indexOf(',' + filterName) != -1;
}).checkboxradio('refresh'); });
var query = getQuery(); var query = getQuery();
$('#selectView', page).val(view); $('#chkTrailer', viewPanel).checked(query.HasTrailer == true);
$('#chkThemeSong', viewPanel).checked(query.HasThemeSong == true);
$('#chkThemeVideo', viewPanel).checked(query.HasThemeVideo == true);
$('#chkSpecialFeature', viewPanel).checked(query.HasSpecialFeature == true);
$('#chkTrailer', page).checked(query.HasTrailer == true).checkboxradio('refresh'); $('.alphabetPicker', tabContent).alphaValue(query.NameStartsWith);
$('#chkThemeSong', page).checked(query.HasThemeSong == true).checkboxradio('refresh');
$('#chkThemeVideo', page).checked(query.HasThemeVideo == true).checkboxradio('refresh');
$('#chkSpecialFeature', page).checked(query.HasSpecialFeature == true).checkboxradio('refresh');
$('.alphabetPicker', page).alphaValue(query.NameStartsWith);
$('#selectPageSize', page).val(query.Limit);
} }
var filtersLoaded; function reloadFiltersIfNeeded(tabContent, viewPanel) {
function reloadFiltersIfNeeded(page) {
if (!filtersLoaded) { if (!getPageData().filtersLoaded) {
filtersLoaded = true; getPageData().filtersLoaded = true;
var query = getQuery(); var query = getQuery();
QueryFilters.loadFilters(viewPanel, Dashboard.getCurrentUserId(), query, function () {
QueryFilters.loadFilters(page, Dashboard.getCurrentUserId(), query, function () { reloadItems(tabContent, viewPanel);
reloadItems(page);
}); });
} }
} }
$(document).on('pageinit', "#tvShowsPage", function () { function initPage(tabContent, viewPanel) {
var page = this; $(viewPanel).on('panelopen', function () {
$('.viewPanel', page).on('panelopen', function () { reloadFiltersIfNeeded(tabContent, viewPanel);
reloadFiltersIfNeeded(page);
}); });
$('.radioSortBy', this).on('click', function () { $('.chkStandardFilter', viewPanel).on('change', function () {
var query = getQuery();
query.SortBy = this.getAttribute('data-sortby');
query.StartIndex = 0;
reloadItems(page);
});
$('.radioSortOrder', this).on('click', function () {
var query = getQuery();
query.SortOrder = this.getAttribute('data-sortorder');
query.StartIndex = 0;
reloadItems(page);
});
$('.chkStandardFilter', this).on('change', function () {
var query = getQuery(); var query = getQuery();
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
@ -259,10 +286,10 @@
query.Filters = filters; query.Filters = filters;
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('.chkStatus', this).on('change', function () { $('.chkStatus', viewPanel).on('change', function () {
var query = getQuery(); var query = getQuery();
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
@ -276,10 +303,10 @@
query.SeriesStatus = filters; query.SeriesStatus = filters;
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('.chkAirDays', this).on('change', function () { $('.chkAirDays', viewPanel).on('change', function () {
var query = getQuery(); var query = getQuery();
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
@ -293,128 +320,95 @@
query.AirDays = filters; query.AirDays = filters;
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#selectView', this).on('change', function () { $('#chkTrailer', viewPanel).on('change', function () {
var query = getQuery();
view = this.value;
if (view == "Timeline") {
query.SortBy = "PremiereDate";
query.SortOrder = "Descending";
query.StartIndex = 0;
$('#radioPremiereDate', page)[0].click();
} else {
reloadItems(page);
}
LibraryBrowser.saveViewSetting(getSavedQueryKey(), view);
});
$('#chkTrailer', this).on('change', function () {
var query = getQuery(); var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.HasTrailer = this.checked ? true : null; query.HasTrailer = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkThemeSong', this).on('change', function () { $('#chkThemeSong', viewPanel).on('change', function () {
var query = getQuery(); var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.HasThemeSong = this.checked ? true : null; query.HasThemeSong = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkSpecialFeature', this).on('change', function () { $('#chkSpecialFeature', viewPanel).on('change', function () {
var query = getQuery(); var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.HasSpecialFeature = this.checked ? true : null; query.HasSpecialFeature = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#chkThemeVideo', this).on('change', function () { $('#chkThemeVideo', viewPanel).on('change', function () {
var query = getQuery(); var query = getQuery();
query.StartIndex = 0; query.StartIndex = 0;
query.HasThemeVideo = this.checked ? true : null; query.HasThemeVideo = this.checked ? true : null;
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('.alphabetPicker', this).on('alphaselect', function (e, character) { $('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
var query = getQuery(); var query = getQuery();
query.NameStartsWithOrGreater = character; query.NameStartsWithOrGreater = character;
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(page); reloadItems(tabContent, viewPanel);
}).on('alphaclear', function (e) { }).on('alphaclear', function (e) {
var query = getQuery(); var query = getQuery();
query.NameStartsWithOrGreater = ''; query.NameStartsWithOrGreater = '';
reloadItems(page); reloadItems(tabContent, viewPanel);
}); });
$('#radioBasicFilters', this).on('change', function () { $('#radioBasicFilters', viewPanel).on('change', function () {
if (this.checked) { if (this.checked) {
$('.basicFilters', page).show(); $('.basicFilters', viewPanel).show();
$('.advancedFilters', page).hide(); $('.advancedFilters', viewPanel).hide();
} else { } else {
$('.basicFilters', page).hide(); $('.basicFilters', viewPanel).hide();
} }
}); });
$('#radioAdvancedFilters', this).on('change', function () { $('#radioAdvancedFilters', viewPanel).on('change', function () {
if (this.checked) { if (this.checked) {
$('.advancedFilters', page).show(); $('.advancedFilters', viewPanel).show();
$('.basicFilters', page).hide(); $('.basicFilters', viewPanel).hide();
} else { } else {
$('.advancedFilters', page).hide(); $('.advancedFilters', viewPanel).hide();
}
});
$('#selectPageSize', page).on('change', function () {
var query = getQuery();
query.Limit = parseInt(this.value);
query.StartIndex = 0;
reloadItems(page);
});
}).on('pagebeforeshow', "#tvShowsPage", function () {
var query = getQuery();
var page = this;
var viewKey = getSavedQueryKey();
QueryFilters.onPageShow(page, query);
if (LibraryBrowser.needsRefresh(page)) {
LibraryBrowser.getSavedViewSetting(viewKey).done(function (val) {
if (val) {
Events.trigger($('#selectView', page).val(val)[0], 'change');
} else {
reloadItems(page);
} }
}); });
} }
updateFilterControls(this); window.TvPage.initSeriesTab = function (page, tabContent) {
});
var viewPanel = page.querySelector('.seriesViewPanel');
initPage(tabContent, viewPanel);
};
window.TvPage.renderSeriesTab = function (page, tabContent) {
if (LibraryBrowser.needsRefresh(tabContent)) {
var viewPanel = page.querySelector('.seriesViewPanel');
reloadItems(tabContent, viewPanel);
updateFilterControls(tabContent, viewPanel);
}
};
})(jQuery, document); })(jQuery, document);

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

@ -29,7 +29,7 @@
function getSavedQueryKey() { function getSavedQueryKey() {
return getWindowUrl(); return getWindowUrl() + 'studios'
} }
function reloadItems(page) { function reloadItems(page) {
@ -85,13 +85,11 @@
}); });
} }
$(document).on('pagebeforeshow', "#tvStudiosPage", function () { window.TvPage.renderStudiosTab = function (page, tabContent) {
var page = this; if (LibraryBrowser.needsRefresh(tabContent)) {
reloadItems(tabContent);
if (LibraryBrowser.needsRefresh(page)) {
reloadItems(page);
} }
}); };
})(jQuery, document); })(jQuery, document);

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

@ -123,14 +123,11 @@
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
} }
$(document).on('pagebeforeshow', "#tvUpcomingPage", function () { window.TvPage.renderUpcomingTab = function (page, tabContent) {
var page = this; if (LibraryBrowser.needsRefresh(tabContent)) {
loadUpcoming(tabContent);
if (LibraryBrowser.needsRefresh(page)) {
loadUpcoming(page);
} }
}); };
})(jQuery, document); })(jQuery, document);

2
dashboard-ui/strings/javascript/javascript.json
View file

@ -865,6 +865,8 @@
"OptionAscending": "Ascending", "OptionAscending": "Ascending",
"OptionDescending": "Descending", "OptionDescending": "Descending",
"OptionNameSort": "Name", "OptionNameSort": "Name",
"OptionTvdbRating": "Tvdb Rating",
"OptionPremiereDate": "Premiere Date",
"OptionImdbRating": "IMDb Rating", "OptionImdbRating": "IMDb Rating",
"OptionDatePlayed": "Date Played", "OptionDatePlayed": "Date Played",
"OptionDateAdded": "Date Added", "OptionDateAdded": "Date Added",

28
dashboard-ui/tvgenres.html
View file

@ -1,28 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="tvGenresPage" data-role="page" class="page libraryPage" data-require="scripts/tvgenres">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tvlatest.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvupcoming.html"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tvshows.html"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="#" class="ui-btn-active"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</div>
</body>
</html>

34
dashboard-ui/tvlatest.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="tvNextUpPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-require="scripts/tvlatest,paperbuttonstyle">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="#" class="ui-btn-active"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvupcoming.html"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tvshows.html"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tvgenres.html"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="ehsContent">
<div class="homePageSection">
<div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestEpisodes}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="latestEpisodes" class="itemsContainer">
</div>
</div>
</div>
</div>
</div>
</body>
</html>

72
dashboard-ui/tvpeople.html
View file

@ -1,72 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="tvPeoplePage" data-role="page" class="page libraryPage" data-require="jqmcheckbox,jqmcontrolgroup,jqmpanel,scripts/tvpeople">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tvlatest.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvupcoming.html"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tvshows.html"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tvgenres.html"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="#" class="ui-btn-active"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
<div class="alphabetPicker">
</div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
<div data-role="panel" class="viewPanel hide" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
<form>
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="viewPanelTabs">
<a href="#" data-role="button" class="viewTabButton" data-tab="tabFilter">${TabFilter}</a>
</div>
<div class="tabFilter viewTab">
<fieldset data-role="controlgroup">
<legend>
${HeaderFilters}
</legend>
<input class="chkStandardFilter" type="checkbox" name="chkIsFavorite" id="chkIsFavorite" data-filter="IsFavorite" data-mini="true">
<label for="chkIsFavorite">${OptionFavorite}</label>
<input class="chkStandardFilter" type="checkbox" name="chkLikes" id="chkLikes" data-filter="Likes" data-mini="true">
<label for="chkLikes">${OptionLikes}</label>
<input class="chkStandardFilter" type="checkbox" name="chkDislikes" id="chkDislikes" data-filter="Dislikes" data-mini="true">
<label for="chkDislikes">${OptionDislikes}</label>
</fieldset>
<fieldset data-role="controlgroup">
<legend>
${HeaderPersonTypes}
</legend>
<input class="chkPersonTypeFilter" type="checkbox" name="chkActor" id="chkActor" data-filter="Actor" data-mini="true">
<label for="chkActor">${OptionActors}</label>
<input class="chkPersonTypeFilter" type="checkbox" name="chkGuestStars" id="chkGuestStars" data-filter="GuestStar" data-mini="true">
<label for="chkGuestStars">${OptionGuestStars}</label>
<input class="chkPersonTypeFilter" type="checkbox" name="chkDirectors" id="chkDirectors" data-filter="Director" data-mini="true">
<label for="chkDirectors">${OptionDirectors}</label>
<input class="chkPersonTypeFilter" type="checkbox" name="chkWriters" id="chkWriters" data-filter="Writer" data-mini="true">
<label for="chkWriters">${OptionWriters}</label>
</fieldset>
</div>
</form>
</div>
</div>
</body>
</html>

281
dashboard-ui/tvrecommended.html
View file

@ -4,21 +4,35 @@
<title>Emby</title> <title>Emby</title>
</head> </head>
<body> <body>
<div id="tvRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-require="scripts/tvrecommended,paperbuttonstyle"> <div id="tvRecommendedPage" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs" data-backdroptype="series" data-require="jqmpanel,jqmcollapsible,scripts/tvrecommended">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav libraryViewNavWithMinHeight">
<a href="tvrecommended.html" class="ui-btn-active"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a> <paper-tabs hidescrollbuttons noink>
<a href="tvlatest.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a> <paper-tab><iron-icon icon="info"></iron-icon>${TabSuggestions}</paper-tab>
<a href="tvupcoming.html"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a> <paper-tab><iron-icon icon="new-releases"></iron-icon>${TabLatest}</paper-tab>
<a href="tvshows.html"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a> <paper-tab><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</paper-tab>
<a href="episodes.html" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a> <paper-tab><iron-icon icon="live-tv"></iron-icon>${TabShows}</paper-tab>
<a href="tvgenres.html"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a> <paper-tab><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</paper-tab>
<a href="tvpeople.html" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a> <paper-tab class="tvEpisodesTab"><iron-icon icon="video-library"></iron-icon>${TabGenres}</paper-tab>
<a href="tvstudios.html" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a> <paper-tab class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</paper-tab>
<paper-tab class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</paper-tab>
</paper-tabs>
<div class="legacyTabs scopedLibraryViewNav">
<a href="tvrecommended.html">${TabSuggestions}</a>
<a href="tvrecommended.html?tab=1"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvrecommended.html?tab=2"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tvrecommended.html?tab=3"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="tvrecommended.html?tab=4" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tvrecommended.html?tab=5"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tvrecommended.html?tab=6" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="tvrecommended.html?tab=7" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
</div> </div>
<div data-role="content">
<div class="ehsContent">
<div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent" data-index="0">
<div id="resumableSection" style="display: none;" class="scopedContent homePageSection"> <div id="resumableSection" style="display: none;" class="scopedContent homePageSection">
<div> <div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1> <h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1>
@ -39,6 +53,249 @@
</div> </div>
<p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p> <p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>
</div> </div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="1">
<div class="homePageSection">
<div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestEpisodes}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="latestEpisodes" class="itemsContainer">
</div>
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="2">
<div id="upcomingItems">
</div>
<div class="noItemsMessage" style="display: none;">
<p>${MessageNothingHere}</p>
<p><a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a></p>
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="3">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="4">
<div class="viewSettings">
<div class="listTopPaging">
</div>
<div class="selectionCommands" style="display: none;">
<div class="selectionCommandsControlGroup">
<button class="btnAddToPlaylist" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToPlaylist}">${ButtonAddToPlaylist}</button>
<button class="btnMergeVersions" data-mini="true" data-icon="recycle" data-inline="true" title="${ButtonGroupVersions}">${ButtonGroupVersions}</button>
<button class="btnSyncItems" data-mini="true" data-icon="sync" data-inline="true" title="${ButtonSync}">${ButtonSync}</button>
</div>
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="6">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="7">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="panel" class="viewPanel hide seriesViewPanel" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
<form>
<div>
<h1>
${HeaderFilters}
</h1>
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsPlayed">${OptionPlayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsUnPlayed">${OptionUnplayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
</div>
</div>
<div>
<h1>
${HeaderStatus}
</h1>
<div class="paperCheckboxList">
<paper-checkbox class="chkStatus" id="chkStatusContinuing" data-filter="Continuing">${OptionContinuing}</paper-checkbox>
<paper-checkbox class="chkStatus" id="chkStatusEnded" data-filter="Ended">${OptionEnded}</paper-checkbox>
</div>
</div>
<br />
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderAirDays}</h2>
<div class="paperCheckboxList">
<paper-checkbox class="chkAirDays" id="chkSunday" data-filter="Sunday">${OptionSunday}</paper-checkbox>
<paper-checkbox class="chkAirDays" id="chkMonday" data-filter="Monday">${OptionMonday}</paper-checkbox>
<paper-checkbox class="chkAirDays" id="chkTuesday" data-filter="Tuesday">${OptionTuesday}</paper-checkbox>
<paper-checkbox class="chkAirDays" id="chkWednesday" data-filter="Wednesday">${OptionWednesday}</paper-checkbox>
<paper-checkbox class="chkAirDays" id="chkThursday" data-filter="Thursday">${OptionThursday}</paper-checkbox>
<paper-checkbox class="chkAirDays" id="chkFriday" data-filter="Friday">${OptionFriday}</paper-checkbox>
<paper-checkbox class="chkAirDays" id="chkSaturday" data-filter="Saturday">${OptionSaturday}</paper-checkbox>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderFeatures}</h2>
<div class="paperCheckboxList">
<paper-checkbox class="chkFeatureFilter" id="chkTrailer">${OptionHasTrailer}</paper-checkbox>
<paper-checkbox class="chkFeatureFilter" id="chkSpecialFeature">${OptionHasSpecialFeatures}</paper-checkbox>
<paper-checkbox class="chkFeatureFilter" id="chkThemeSong">${OptionHasThemeSong}</paper-checkbox>
<paper-checkbox class="chkFeatureFilter" id="chkThemeVideo">${OptionHasThemeVideo}</paper-checkbox>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
<h2>${HeaderParentalRatings}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
<h2>${HeaderTags}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
<h2>${HeaderYears}</h2>
<div class="filterOptions">
</div>
</div>
</form>
</div>
<div data-role="panel" class="viewPanel episodesViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
<form>
<div>
<h1>
${HeaderFilters}
</h1>
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsPlayed">${OptionPlayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsUnPlayed">${OptionUnplayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsResumable">${OptionResumable}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
<paper-checkbox id="chkSpecialFeature">${OptionSpecialEpisode}</paper-checkbox>
<paper-checkbox id="chkMissingEpisode">${OptionMissingEpisode}</paper-checkbox>
<paper-checkbox id="chkFutureEpisode">${OptionUnairedEpisode}</paper-checkbox>
</div>
</div>
<div>
<h1>
${LabelVideoType}
</h1>
<div class="paperCheckboxList">
<paper-checkbox class="chkVideoTypeFilter" data-filter="Bluray" id="chkBluray">${OptionBluray}</paper-checkbox>
<paper-checkbox class="chkVideoTypeFilter" data-filter="Dvd" id="chkDvd">${OptionDvd}</paper-checkbox>
<paper-checkbox class="chkVideoTypeFilter" data-filter="Iso" id="chkIso">${OptionIso}</paper-checkbox>
<paper-checkbox class="chkHDFilter" data-filter="IsHD" id="chkHD">${OptionIsHD}</paper-checkbox>
<paper-checkbox class="chkSDFilter" data-filter="IsSD" id="chkSD">${OptionIsSD}</paper-checkbox>
</div>
</div>
<div>
<h1>
${LabelFeatures}
</h1>
<div class="paperCheckboxList">
<paper-checkbox class="chkFeatureFilter" id="chkSubtitle">${OptionHasSubtitles}</paper-checkbox>
</div>
</div>
</form>
</div>
<div data-role="panel" class="viewPanel peopleViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
<div class="ui-panel-inner">
<form>
<div>
<h1>
${HeaderFilters}
</h1>
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
</div>
</div>
<div>
<h1>
${HeaderPersonTypes}
</h1>
<div class="paperCheckboxList">
<paper-checkbox class="chkPersonTypeFilter" data-filter="Actor">${OptionActors}</paper-checkbox>
<paper-checkbox class="chkPersonTypeFilter" data-filter="GuestStar">${OptionGuestStars}</paper-checkbox>
<paper-checkbox class="chkPersonTypeFilter" data-filter="Director">${OptionDirectors}</paper-checkbox>
<paper-checkbox class="chkPersonTypeFilter" data-filter="Producer">${OptionProducers}</paper-checkbox>
<paper-checkbox class="chkPersonTypeFilter" data-filter="Writer">${OptionWriters}</paper-checkbox>
</div>
</div>
</form>
</div>
</div>
<div data-role="content">
</div> </div>
</div> </div>
</body> </body>

198
dashboard-ui/tvshows.html
View file

@ -1,198 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="tvShowsPage" data-role="page" class="page libraryPage" data-require="jqmcheckbox,jqmcontrolgroup,jqmpanel,jqmcollapsible,scripts/tvshows,scripts/queryfilters">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tvlatest.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvupcoming.html"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="#" class="ui-btn-active"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tvgenres.html"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
<div class="alphabetPicker">
</div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
<div data-role="panel" class="viewPanel hide" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
<form>
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="viewPanelTabs">
<a href="#" data-role="button" class="viewTabButton" data-tab="tabView">${TabView}</a>
<a href="#" data-role="button" class="viewTabButton" data-tab="tabSort">${TabSort}</a>
<a href="#" data-role="button" class="viewTabButton" data-tab="tabFilter">${TabFilter}</a>
</div>
<div class="tabView viewTab">
<div>
<label for="selectView">${LabelView}</label>
<select id="selectView">
<option value="Banner">${OptionBanner}</option>
<option value="List">${OptionList}</option>
<option value="Poster">${OptionPoster}</option>
<option value="PosterCard">${OptionPosterCard}</option>
<option value="Thumb">${OptionThumb}</option>
<option value="ThumbCard">${OptionThumbCard}</option>
</select>
</div>
<br />
<div>
<label for="selectPageSize">${LabelPageSize}</label>
<select id="selectPageSize" class="selectPageSize"></select>
</div>
</div>
<div class="tabFilter viewTab">
<fieldset data-role="controlgroup">
<legend>
${HeaderFilters}
</legend>
<input class="chkStandardFilter" type="checkbox" name="chkPlayed" id="chkPlayed" data-filter="IsPlayed" data-mini="true">
<label for="chkPlayed">${OptionPlayed}</label>
<input class="chkStandardFilter" type="checkbox" name="chkUnplayed" id="chkUnplayed" data-filter="IsUnPlayed" data-mini="true">
<label for="chkUnplayed">${OptionUnplayed}</label>
<input class="chkStandardFilter" type="checkbox" name="chkIsFavorite" id="chkIsFavorite" data-filter="IsFavorite" data-mini="true">
<label for="chkIsFavorite">${OptionFavorite}</label>
<input class="chkStandardFilter" type="checkbox" name="chkLikes" id="chkLikes" data-filter="Likes" data-mini="true">
<label for="chkLikes">${OptionLikes}</label>
<input class="chkStandardFilter" type="checkbox" name="chkDislikes" id="chkDislikes" data-filter="Dislikes" data-mini="true">
<label for="chkDislikes">${OptionDislikes}</label>
</fieldset>
<fieldset data-role="controlgroup">
<legend>
${HeaderStatus}
</legend>
<input class="chkStatus" type="checkbox" name="chkStatusContinuing" id="chkStatusContinuing" data-filter="Continuing" data-mini="true">
<label for="chkStatusContinuing">${OptionContinuing}</label>
<input class="chkStatus" type="checkbox" name="chkStatusEnded" id="chkStatusEnded" data-filter="Ended" data-mini="true">
<label for="chkStatusEnded">${OptionEnded}</label>
</fieldset>
<br />
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderAirDays}</h2>
<div data-role="controlgroup">
<input class="chkAirDays" type="checkbox" name="chkSunday" id="chkSunday" data-filter="Sunday" data-mini="true">
<label for="chkSunday">${OptionSunday}</label>
<input class="chkAirDays" type="checkbox" name="chkMonday" id="chkMonday" data-filter="Monday" data-mini="true">
<label for="chkMonday">${OptionMonday}</label>
<input class="chkAirDays" type="checkbox" name="chkTuesday" id="chkTuesday" data-filter="Tuesday" data-mini="true">
<label for="chkTuesday">${OptionTuesday}</label>
<input class="chkAirDays" type="checkbox" name="chkWednesday" id="chkWednesday" data-filter="Wednesday" data-mini="true">
<label for="chkWednesday">${OptionWednesday}</label>
<input class="chkAirDays" type="checkbox" name="chkThursday" id="chkThursday" data-filter="Thursday" data-mini="true">
<label for="chkThursday">${OptionThursday}</label>
<input class="chkAirDays" type="checkbox" name="chkFriday" id="chkFriday" data-filter="Friday" data-mini="true">
<label for="chkFriday">${OptionFriday}</label>
<input class="chkAirDays" type="checkbox" name="chkSaturday" id="chkSaturday" data-filter="Saturday" data-mini="true">
<label for="chkSaturday">${OptionSaturday}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderFeatures}</h2>
<div data-role="controlgroup">
<input class="chkFeatureFilter" type="checkbox" name="chkTrailer" id="chkTrailer" data-mini="true">
<label for="chkTrailer">${OptionHasTrailer}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkSpecialFeature" id="chkSpecialFeature" data-mini="true">
<label for="chkSpecialFeature">${OptionHasSpecialFeatures}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkThemeSong" id="chkThemeSong" data-mini="true">
<label for="chkThemeSong">${OptionHasThemeSong}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkThemeVideo" id="chkThemeVideo" data-mini="true">
<label for="chkThemeVideo">${OptionHasThemeVideo}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
<h2>${HeaderParentalRatings}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
<h2>${HeaderTags}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
<h2>${HeaderYears}</h2>
<div class="filterOptions">
</div>
</div>
</div>
<div class="tabSort viewTab">
<fieldset data-role="controlgroup">
<legend>
${HeaderSortBy}
</legend>
<input class="radioSortBy defaultSort" type="radio" name="radioSortBy" id="radioSortName" value="on" checked="checked" data-sortby="SortName" data-mini="true">
<label for="radioSortName">${OptionNameSort}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioCommunityRating" value="off" data-sortby="CommunityRating" data-mini="true">
<label for="radioCommunityRating">${OptionImdbRating}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioDateCreated" value="off" data-sortby="DateCreated" data-mini="true">
<label for="radioDateCreated">${OptionDateAdded}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioContentRating" value="off" data-sortby="OfficialRating" data-mini="true">
<label for="radioContentRating">${OptionParentalRating}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioPremiereDate" value="off" data-sortby="PremiereDate" data-mini="true">
<label for="radioPremiereDate">${OptionPremiereDate}</label>
<input class="radioSortBy" type="radio" name="radioSortBy" id="radioRuntime" value="off" data-sortby="Runtime" data-mini="true">
<label for="radioRuntime">${OptionRuntime}</label>
</fieldset>
<fieldset data-role="controlgroup">
<legend>
${HeaderSortOrder}
</legend>
<input class="radioSortOrder" type="radio" name="radioSortOrder" id="radioAscending" value="on" checked="checked" data-sortorder="Ascending" data-mini="true">
<label for="radioAscending">${OptionAscending}</label>
<input class="radioSortOrder" type="radio" name="radioSortOrder" id="radioDescending" value="off" data-sortorder="Descending" data-mini="true">
<label for="radioDescending">${OptionDescending}</label>
</fieldset>
</div>
</form>
</div>
</div>
</body>
</html>

28
dashboard-ui/tvstudios.html
View file

@ -1,28 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="tvStudiosPage" data-role="page" class="page libraryPage" data-require="scripts/tvstudios">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tvlatest.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvupcoming.html"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tvshows.html"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tvgenres.html"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="#" class="ui-btn-active tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</div>
</body>
</html>

30
dashboard-ui/tvupcoming.html
View file

@ -1,30 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="tvUpcomingPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-require="scripts/tvupcoming">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="tvrecommended.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tvlatest.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvupcoming.html" class="ui-btn-active"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tvshows.html"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tvgenres.html"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
<div data-role="content">
<div class="ehsContent">
<div id="upcomingItems">
</div>
<div class="noItemsMessage" style="display: none;">
<p>${MessageNothingHere}</p>
<p><a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a></p>
</div>
</div>
</div>
</div>
</body>
</html>