mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
fix hashbang nav
This commit is contained in:
Luke Pulverenti
parent
51fcbbf744
commit
ed811fa26a
16 changed files with 1684 additions and 1713 deletions
|
|
@ -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") {
|
||||
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 addCurrentItemToQuery(query, item) {
|
||||
|
||||
function getQuery(parentItem) {
|
||||
|
||||
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';
|
||||
}
|
||||
if (item.Type == "Person") {
|
||||
query.PersonIds = item.Id;
|
||||
}
|
||||
|
||||
var filters = getParameterByName('filters');
|
||||
if (type) {
|
||||
pageData.query.Filters = filters;
|
||||
else if (item.Type == "Genre") {
|
||||
query.Genres = item.Name;
|
||||
}
|
||||
|
||||
if (parentItem) {
|
||||
addCurrentItemToQuery(pageData.query, parentItem);
|
||||
else if (item.Type == "MusicGenre") {
|
||||
query.Genres = item.Name;
|
||||
}
|
||||
|
||||
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
|
||||
}
|
||||
return pageData.query;
|
||||
}
|
||||
|
||||
function getSavedQueryKey() {
|
||||
|
||||
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 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 {
|
||||
var posterOptions = {
|
||||
items: result.Items,
|
||||
shape: "auto",
|
||||
centerText: true,
|
||||
lazy: true
|
||||
query.ParentId = item.Id;
|
||||
}
|
||||
}
|
||||
|
||||
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") {
|
||||
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;
|
||||
var type = params.type;
|
||||
if (type) {
|
||||
pageData.query.IncludeItemTypes = type;
|
||||
|
||||
if (type == 'Audio') {
|
||||
pageData.query.SortBy = 'Album,SortName';
|
||||
}
|
||||
}
|
||||
|
||||
// Poster
|
||||
html = LibraryBrowser.getPosterViewHtml(posterOptions);
|
||||
var filters = params.filters;
|
||||
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');
|
||||
elem.innerHTML = html + pagingHtml;
|
||||
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();
|
||||
else if (libraryBrowser.needsRefresh(view)) {
|
||||
reloadItems();
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
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);
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue