mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Migration of library browser to ES6 moduels
This commit is contained in:
parent
6bcb01d477
commit
4c28399c6b
13 changed files with 299 additions and 287 deletions
|
@ -248,6 +248,8 @@
|
||||||
"src/scripts/imagehelper.js",
|
"src/scripts/imagehelper.js",
|
||||||
"src/scripts/inputManager.js",
|
"src/scripts/inputManager.js",
|
||||||
"src/scripts/keyboardNavigation.js",
|
"src/scripts/keyboardNavigation.js",
|
||||||
|
"src/scripts/libraryBrowser.js",
|
||||||
|
"src/scripts/multiDownload.js",
|
||||||
"src/scripts/playlists.js",
|
"src/scripts/playlists.js",
|
||||||
"src/scripts/settings/appSettings.js",
|
"src/scripts/settings/appSettings.js",
|
||||||
"src/scripts/settings/userSettings.js",
|
"src/scripts/settings/userSettings.js",
|
||||||
|
|
|
@ -60,7 +60,7 @@ define(['cardBuilder', 'imageLoader', 'libraryBrowser', 'loading', 'events', 'us
|
||||||
}
|
}
|
||||||
|
|
||||||
var query = getQuery();
|
var query = getQuery();
|
||||||
context.querySelector('.paging').innerHTML = libraryBrowser.getQueryPagingHtml({
|
context.querySelector('.paging').innerHTML = libraryBrowser.default.getQueryPagingHtml({
|
||||||
startIndex: query.StartIndex,
|
startIndex: query.StartIndex,
|
||||||
limit: query.Limit,
|
limit: query.Limit,
|
||||||
totalRecordCount: result.TotalRecordCount,
|
totalRecordCount: result.TotalRecordCount,
|
||||||
|
|
|
@ -18,7 +18,7 @@ define(['loading', 'events', 'libraryBrowser', 'imageLoader', 'listView', 'cardB
|
||||||
EnableImageTypes: 'Primary,Backdrop,Banner,Thumb',
|
EnableImageTypes: 'Primary,Backdrop,Banner,Thumb',
|
||||||
StartIndex: 0
|
StartIndex: 0
|
||||||
},
|
},
|
||||||
view: libraryBrowser.getSavedView(key) || 'Poster'
|
view: libraryBrowser.default.getSavedView(key) || 'Poster'
|
||||||
};
|
};
|
||||||
|
|
||||||
if (userSettings.libraryPageSize() > 0) {
|
if (userSettings.libraryPageSize() > 0) {
|
||||||
|
@ -26,7 +26,7 @@ define(['loading', 'events', 'libraryBrowser', 'imageLoader', 'listView', 'cardB
|
||||||
}
|
}
|
||||||
|
|
||||||
pageData.query.ParentId = params.topParentId;
|
pageData.query.ParentId = params.topParentId;
|
||||||
libraryBrowser.loadSavedQueryValues(key, pageData.query);
|
libraryBrowser.default.loadSavedQueryValues(key, pageData.query);
|
||||||
}
|
}
|
||||||
|
|
||||||
return pageData;
|
return pageData;
|
||||||
|
@ -38,7 +38,7 @@ define(['loading', 'events', 'libraryBrowser', 'imageLoader', 'listView', 'cardB
|
||||||
|
|
||||||
function getSavedQueryKey(context) {
|
function getSavedQueryKey(context) {
|
||||||
if (!context.savedQueryKey) {
|
if (!context.savedQueryKey) {
|
||||||
context.savedQueryKey = libraryBrowser.getSavedQueryKey('moviecollections');
|
context.savedQueryKey = libraryBrowser.default.getSavedQueryKey('moviecollections');
|
||||||
}
|
}
|
||||||
|
|
||||||
return context.savedQueryKey;
|
return context.savedQueryKey;
|
||||||
|
@ -88,7 +88,7 @@ define(['loading', 'events', 'libraryBrowser', 'imageLoader', 'listView', 'cardB
|
||||||
|
|
||||||
window.scrollTo(0, 0);
|
window.scrollTo(0, 0);
|
||||||
var html;
|
var html;
|
||||||
var pagingHtml = libraryBrowser.getQueryPagingHtml({
|
var pagingHtml = libraryBrowser.default.getQueryPagingHtml({
|
||||||
startIndex: query.StartIndex,
|
startIndex: query.StartIndex,
|
||||||
limit: query.Limit,
|
limit: query.Limit,
|
||||||
totalRecordCount: result.TotalRecordCount,
|
totalRecordCount: result.TotalRecordCount,
|
||||||
|
@ -182,7 +182,7 @@ define(['loading', 'events', 'libraryBrowser', 'imageLoader', 'listView', 'cardB
|
||||||
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
||||||
itemsContainer.innerHTML = html;
|
itemsContainer.innerHTML = html;
|
||||||
imageLoader.lazyChildren(itemsContainer);
|
imageLoader.lazyChildren(itemsContainer);
|
||||||
libraryBrowser.saveQueryValues(getSavedQueryKey(page), query);
|
libraryBrowser.default.saveQueryValues(getSavedQueryKey(page), query);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
isLoading = false;
|
isLoading = false;
|
||||||
|
|
||||||
|
@ -202,7 +202,7 @@ define(['loading', 'events', 'libraryBrowser', 'imageLoader', 'listView', 'cardB
|
||||||
|
|
||||||
function initPage(tabContent) {
|
function initPage(tabContent) {
|
||||||
tabContent.querySelector('.btnSort').addEventListener('click', function (e) {
|
tabContent.querySelector('.btnSort').addEventListener('click', function (e) {
|
||||||
libraryBrowser.showSortMenu({
|
libraryBrowser.default.showSortMenu({
|
||||||
items: [{
|
items: [{
|
||||||
name: globalize.translate('OptionNameSort'),
|
name: globalize.translate('OptionNameSort'),
|
||||||
id: 'SortName'
|
id: 'SortName'
|
||||||
|
@ -229,12 +229,12 @@ define(['loading', 'events', 'libraryBrowser', 'imageLoader', 'listView', 'cardB
|
||||||
});
|
});
|
||||||
var btnSelectView = tabContent.querySelector('.btnSelectView');
|
var btnSelectView = tabContent.querySelector('.btnSelectView');
|
||||||
btnSelectView.addEventListener('click', function (e) {
|
btnSelectView.addEventListener('click', function (e) {
|
||||||
libraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), 'List,Poster,PosterCard,Thumb,ThumbCard'.split(','));
|
libraryBrowser.default.showLayoutMenu(e.target, self.getCurrentViewStyle(), 'List,Poster,PosterCard,Thumb,ThumbCard'.split(','));
|
||||||
});
|
});
|
||||||
btnSelectView.addEventListener('layoutchange', function (e) {
|
btnSelectView.addEventListener('layoutchange', function (e) {
|
||||||
var viewStyle = e.detail.viewStyle;
|
var viewStyle = e.detail.viewStyle;
|
||||||
getPageData(tabContent).view = viewStyle;
|
getPageData(tabContent).view = viewStyle;
|
||||||
libraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
|
libraryBrowser.default.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
|
||||||
getQuery(tabContent).StartIndex = 0;
|
getQuery(tabContent).StartIndex = 0;
|
||||||
onViewStyleChange();
|
onViewStyleChange();
|
||||||
reloadItems(tabContent);
|
reloadItems(tabContent);
|
||||||
|
|
|
@ -18,7 +18,7 @@ define(['layoutManager', 'loading', 'libraryBrowser', 'cardBuilder', 'lazyLoader
|
||||||
view: 'Poster'
|
view: 'Poster'
|
||||||
};
|
};
|
||||||
pageData.query.ParentId = params.topParentId;
|
pageData.query.ParentId = params.topParentId;
|
||||||
libraryBrowser.loadSavedQueryValues(key, pageData.query);
|
libraryBrowser.default.loadSavedQueryValues(key, pageData.query);
|
||||||
}
|
}
|
||||||
|
|
||||||
return pageData;
|
return pageData;
|
||||||
|
@ -29,7 +29,7 @@ define(['layoutManager', 'loading', 'libraryBrowser', 'cardBuilder', 'lazyLoader
|
||||||
}
|
}
|
||||||
|
|
||||||
function getSavedQueryKey() {
|
function getSavedQueryKey() {
|
||||||
return libraryBrowser.getSavedQueryKey('moviegenres');
|
return libraryBrowser.default.getSavedQueryKey('moviegenres');
|
||||||
}
|
}
|
||||||
|
|
||||||
function getPromise() {
|
function getPromise() {
|
||||||
|
@ -174,7 +174,7 @@ define(['layoutManager', 'loading', 'libraryBrowser', 'cardBuilder', 'lazyLoader
|
||||||
|
|
||||||
elem.innerHTML = html;
|
elem.innerHTML = html;
|
||||||
lazyLoader.lazyChildren(elem, fillItemsContainer);
|
lazyLoader.lazyChildren(elem, fillItemsContainer);
|
||||||
libraryBrowser.saveQueryValues(getSavedQueryKey(), query);
|
libraryBrowser.default.saveQueryValues(getSavedQueryKey(), query);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -197,7 +197,7 @@ define(['layoutManager', 'loading', 'libraryBrowser', 'cardBuilder', 'lazyLoader
|
||||||
|
|
||||||
self.setCurrentViewStyle = function (viewStyle) {
|
self.setCurrentViewStyle = function (viewStyle) {
|
||||||
getPageData().view = viewStyle;
|
getPageData().view = viewStyle;
|
||||||
libraryBrowser.saveViewSetting(getSavedQueryKey(), viewStyle);
|
libraryBrowser.default.saveViewSetting(getSavedQueryKey(), viewStyle);
|
||||||
fullyReload();
|
fullyReload();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -51,7 +51,7 @@ define(['loading', 'layoutManager', 'userSettings', 'events', 'libraryBrowser',
|
||||||
|
|
||||||
window.scrollTo(0, 0);
|
window.scrollTo(0, 0);
|
||||||
updateFilterControls();
|
updateFilterControls();
|
||||||
var pagingHtml = libraryBrowser.getQueryPagingHtml({
|
var pagingHtml = libraryBrowser.default.getQueryPagingHtml({
|
||||||
startIndex: query.StartIndex,
|
startIndex: query.StartIndex,
|
||||||
limit: query.Limit,
|
limit: query.Limit,
|
||||||
totalRecordCount: result.TotalRecordCount,
|
totalRecordCount: result.TotalRecordCount,
|
||||||
|
@ -189,7 +189,7 @@ define(['loading', 'layoutManager', 'userSettings', 'events', 'libraryBrowser',
|
||||||
|
|
||||||
if (btnSort) {
|
if (btnSort) {
|
||||||
btnSort.addEventListener('click', function (e) {
|
btnSort.addEventListener('click', function (e) {
|
||||||
libraryBrowser.showSortMenu({
|
libraryBrowser.default.showSortMenu({
|
||||||
items: [{
|
items: [{
|
||||||
name: globalize.translate('OptionNameSort'),
|
name: globalize.translate('OptionNameSort'),
|
||||||
id: 'SortName,ProductionYear'
|
id: 'SortName,ProductionYear'
|
||||||
|
@ -230,7 +230,7 @@ define(['loading', 'layoutManager', 'userSettings', 'events', 'libraryBrowser',
|
||||||
}
|
}
|
||||||
var btnSelectView = tabContent.querySelector('.btnSelectView');
|
var btnSelectView = tabContent.querySelector('.btnSelectView');
|
||||||
btnSelectView.addEventListener('click', function (e) {
|
btnSelectView.addEventListener('click', function (e) {
|
||||||
libraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), 'Banner,List,Poster,PosterCard,Thumb,ThumbCard'.split(','));
|
libraryBrowser.default.showLayoutMenu(e.target, self.getCurrentViewStyle(), 'Banner,List,Poster,PosterCard,Thumb,ThumbCard'.split(','));
|
||||||
});
|
});
|
||||||
btnSelectView.addEventListener('layoutchange', function (e) {
|
btnSelectView.addEventListener('layoutchange', function (e) {
|
||||||
var viewStyle = e.detail.viewStyle;
|
var viewStyle = e.detail.viewStyle;
|
||||||
|
|
|
@ -18,14 +18,14 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
EnableImageTypes: 'Primary,Backdrop,Banner,Thumb',
|
EnableImageTypes: 'Primary,Backdrop,Banner,Thumb',
|
||||||
StartIndex: 0
|
StartIndex: 0
|
||||||
},
|
},
|
||||||
view: libraryBrowser.getSavedView(key) || 'Poster'
|
view: libraryBrowser.default.getSavedView(key) || 'Poster'
|
||||||
};
|
};
|
||||||
|
|
||||||
if (userSettings.libraryPageSize() > 0) {
|
if (userSettings.libraryPageSize() > 0) {
|
||||||
pageData.query['Limit'] = userSettings.libraryPageSize();
|
pageData.query['Limit'] = userSettings.libraryPageSize();
|
||||||
}
|
}
|
||||||
|
|
||||||
libraryBrowser.loadSavedQueryValues(key, pageData.query);
|
libraryBrowser.default.loadSavedQueryValues(key, pageData.query);
|
||||||
}
|
}
|
||||||
|
|
||||||
return pageData;
|
return pageData;
|
||||||
|
@ -37,7 +37,7 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
|
|
||||||
function getSavedQueryKey(context) {
|
function getSavedQueryKey(context) {
|
||||||
if (!context.savedQueryKey) {
|
if (!context.savedQueryKey) {
|
||||||
context.savedQueryKey = libraryBrowser.getSavedQueryKey('trailers');
|
context.savedQueryKey = libraryBrowser.default.getSavedQueryKey('trailers');
|
||||||
}
|
}
|
||||||
|
|
||||||
return context.savedQueryKey;
|
return context.savedQueryKey;
|
||||||
|
@ -72,7 +72,7 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
|
|
||||||
window.scrollTo(0, 0);
|
window.scrollTo(0, 0);
|
||||||
updateFilterControls(tabContent);
|
updateFilterControls(tabContent);
|
||||||
var pagingHtml = libraryBrowser.getQueryPagingHtml({
|
var pagingHtml = libraryBrowser.default.getQueryPagingHtml({
|
||||||
startIndex: query.StartIndex,
|
startIndex: query.StartIndex,
|
||||||
limit: query.Limit,
|
limit: query.Limit,
|
||||||
totalRecordCount: result.TotalRecordCount,
|
totalRecordCount: result.TotalRecordCount,
|
||||||
|
@ -169,7 +169,7 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
||||||
itemsContainer.innerHTML = html;
|
itemsContainer.innerHTML = html;
|
||||||
imageLoader.lazyChildren(itemsContainer);
|
imageLoader.lazyChildren(itemsContainer);
|
||||||
libraryBrowser.saveQueryValues(getSavedQueryKey(tabContent), query);
|
libraryBrowser.default.saveQueryValues(getSavedQueryKey(tabContent), query);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
isLoading = false;
|
isLoading = false;
|
||||||
});
|
});
|
||||||
|
@ -226,7 +226,7 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
self.showFilterMenu();
|
self.showFilterMenu();
|
||||||
});
|
});
|
||||||
tabContent.querySelector('.btnSort').addEventListener('click', function (e) {
|
tabContent.querySelector('.btnSort').addEventListener('click', function (e) {
|
||||||
libraryBrowser.showSortMenu({
|
libraryBrowser.default.showSortMenu({
|
||||||
items: [{
|
items: [{
|
||||||
name: globalize.translate('OptionNameSort'),
|
name: globalize.translate('OptionNameSort'),
|
||||||
id: 'SortName'
|
id: 'SortName'
|
||||||
|
|
|
@ -32,7 +32,7 @@ define(['layoutManager', 'playbackManager', 'loading', 'events', 'libraryBrowser
|
||||||
EnableImageTypes: 'Primary,Backdrop,Banner,Thumb',
|
EnableImageTypes: 'Primary,Backdrop,Banner,Thumb',
|
||||||
StartIndex: 0
|
StartIndex: 0
|
||||||
},
|
},
|
||||||
view: libraryBrowser.getSavedView(key) || 'Poster'
|
view: libraryBrowser.default.getSavedView(key) || 'Poster'
|
||||||
};
|
};
|
||||||
|
|
||||||
if (userSettings.libraryPageSize() > 0) {
|
if (userSettings.libraryPageSize() > 0) {
|
||||||
|
@ -40,7 +40,7 @@ define(['layoutManager', 'playbackManager', 'loading', 'events', 'libraryBrowser
|
||||||
}
|
}
|
||||||
|
|
||||||
pageData.query.ParentId = params.topParentId;
|
pageData.query.ParentId = params.topParentId;
|
||||||
libraryBrowser.loadSavedQueryValues(key, pageData.query);
|
libraryBrowser.default.loadSavedQueryValues(key, pageData.query);
|
||||||
}
|
}
|
||||||
|
|
||||||
return pageData;
|
return pageData;
|
||||||
|
@ -52,7 +52,7 @@ define(['layoutManager', 'playbackManager', 'loading', 'events', 'libraryBrowser
|
||||||
|
|
||||||
function getSavedQueryKey() {
|
function getSavedQueryKey() {
|
||||||
if (!savedQueryKey) {
|
if (!savedQueryKey) {
|
||||||
savedQueryKey = libraryBrowser.getSavedQueryKey('musicalbums');
|
savedQueryKey = libraryBrowser.default.getSavedQueryKey('musicalbums');
|
||||||
}
|
}
|
||||||
|
|
||||||
return savedQueryKey;
|
return savedQueryKey;
|
||||||
|
@ -103,7 +103,7 @@ define(['layoutManager', 'playbackManager', 'loading', 'events', 'libraryBrowser
|
||||||
window.scrollTo(0, 0);
|
window.scrollTo(0, 0);
|
||||||
updateFilterControls(page);
|
updateFilterControls(page);
|
||||||
var html;
|
var html;
|
||||||
var pagingHtml = libraryBrowser.getQueryPagingHtml({
|
var pagingHtml = libraryBrowser.default.getQueryPagingHtml({
|
||||||
startIndex: query.StartIndex,
|
startIndex: query.StartIndex,
|
||||||
limit: query.Limit,
|
limit: query.Limit,
|
||||||
totalRecordCount: result.TotalRecordCount,
|
totalRecordCount: result.TotalRecordCount,
|
||||||
|
@ -165,7 +165,7 @@ define(['layoutManager', 'playbackManager', 'loading', 'events', 'libraryBrowser
|
||||||
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
||||||
itemsContainer.innerHTML = html;
|
itemsContainer.innerHTML = html;
|
||||||
imageLoader.lazyChildren(itemsContainer);
|
imageLoader.lazyChildren(itemsContainer);
|
||||||
libraryBrowser.saveQueryValues(getSavedQueryKey(), query);
|
libraryBrowser.default.saveQueryValues(getSavedQueryKey(), query);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
isLoading = false;
|
isLoading = false;
|
||||||
|
|
||||||
|
@ -228,7 +228,7 @@ define(['layoutManager', 'playbackManager', 'loading', 'events', 'libraryBrowser
|
||||||
self.showFilterMenu();
|
self.showFilterMenu();
|
||||||
});
|
});
|
||||||
tabContent.querySelector('.btnSort').addEventListener('click', function (e) {
|
tabContent.querySelector('.btnSort').addEventListener('click', function (e) {
|
||||||
libraryBrowser.showSortMenu({
|
libraryBrowser.default.showSortMenu({
|
||||||
items: [{
|
items: [{
|
||||||
name: globalize.translate('OptionNameSort'),
|
name: globalize.translate('OptionNameSort'),
|
||||||
id: 'SortName'
|
id: 'SortName'
|
||||||
|
@ -261,12 +261,12 @@ define(['layoutManager', 'playbackManager', 'loading', 'events', 'libraryBrowser
|
||||||
});
|
});
|
||||||
var btnSelectView = tabContent.querySelector('.btnSelectView');
|
var btnSelectView = tabContent.querySelector('.btnSelectView');
|
||||||
btnSelectView.addEventListener('click', function (e) {
|
btnSelectView.addEventListener('click', function (e) {
|
||||||
libraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), 'List,Poster,PosterCard'.split(','));
|
libraryBrowser.default.showLayoutMenu(e.target, self.getCurrentViewStyle(), 'List,Poster,PosterCard'.split(','));
|
||||||
});
|
});
|
||||||
btnSelectView.addEventListener('layoutchange', function (e) {
|
btnSelectView.addEventListener('layoutchange', function (e) {
|
||||||
var viewStyle = e.detail.viewStyle;
|
var viewStyle = e.detail.viewStyle;
|
||||||
getPageData().view = viewStyle;
|
getPageData().view = viewStyle;
|
||||||
libraryBrowser.saveViewSetting(getSavedQueryKey(), viewStyle);
|
libraryBrowser.default.saveViewSetting(getSavedQueryKey(), viewStyle);
|
||||||
getQuery().StartIndex = 0;
|
getQuery().StartIndex = 0;
|
||||||
onViewStyleChange();
|
onViewStyleChange();
|
||||||
reloadItems(tabContent);
|
reloadItems(tabContent);
|
||||||
|
|
|
@ -23,10 +23,10 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
|
|
||||||
pageData = data[key] = {
|
pageData = data[key] = {
|
||||||
query: queryValues,
|
query: queryValues,
|
||||||
view: libraryBrowser.getSavedView(key) || 'Poster'
|
view: libraryBrowser.default.getSavedView(key) || 'Poster'
|
||||||
};
|
};
|
||||||
pageData.query.ParentId = params.topParentId;
|
pageData.query.ParentId = params.topParentId;
|
||||||
libraryBrowser.loadSavedQueryValues(key, pageData.query);
|
libraryBrowser.default.loadSavedQueryValues(key, pageData.query);
|
||||||
}
|
}
|
||||||
|
|
||||||
return pageData;
|
return pageData;
|
||||||
|
@ -38,7 +38,7 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
|
|
||||||
function getSavedQueryKey(context) {
|
function getSavedQueryKey(context) {
|
||||||
if (!context.savedQueryKey) {
|
if (!context.savedQueryKey) {
|
||||||
context.savedQueryKey = libraryBrowser.getSavedQueryKey(self.mode);
|
context.savedQueryKey = libraryBrowser.default.getSavedQueryKey(self.mode);
|
||||||
}
|
}
|
||||||
|
|
||||||
return context.savedQueryKey;
|
return context.savedQueryKey;
|
||||||
|
@ -92,7 +92,7 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
window.scrollTo(0, 0);
|
window.scrollTo(0, 0);
|
||||||
updateFilterControls(page);
|
updateFilterControls(page);
|
||||||
var html;
|
var html;
|
||||||
var pagingHtml = libraryBrowser.getQueryPagingHtml({
|
var pagingHtml = libraryBrowser.default.getQueryPagingHtml({
|
||||||
startIndex: query.StartIndex,
|
startIndex: query.StartIndex,
|
||||||
limit: query.Limit,
|
limit: query.Limit,
|
||||||
totalRecordCount: result.TotalRecordCount,
|
totalRecordCount: result.TotalRecordCount,
|
||||||
|
@ -150,7 +150,7 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
||||||
itemsContainer.innerHTML = html;
|
itemsContainer.innerHTML = html;
|
||||||
imageLoader.lazyChildren(itemsContainer);
|
imageLoader.lazyChildren(itemsContainer);
|
||||||
libraryBrowser.saveQueryValues(getSavedQueryKey(page), query);
|
libraryBrowser.default.saveQueryValues(getSavedQueryKey(page), query);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
isLoading = false;
|
isLoading = false;
|
||||||
|
|
||||||
|
@ -213,12 +213,12 @@ define(['layoutManager', 'loading', 'events', 'libraryBrowser', 'imageLoader', '
|
||||||
});
|
});
|
||||||
var btnSelectView = tabContent.querySelector('.btnSelectView');
|
var btnSelectView = tabContent.querySelector('.btnSelectView');
|
||||||
btnSelectView.addEventListener('click', function (e) {
|
btnSelectView.addEventListener('click', function (e) {
|
||||||
libraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), 'List,Poster,PosterCard'.split(','));
|
libraryBrowser.default.showLayoutMenu(e.target, self.getCurrentViewStyle(), 'List,Poster,PosterCard'.split(','));
|
||||||
});
|
});
|
||||||
btnSelectView.addEventListener('layoutchange', function (e) {
|
btnSelectView.addEventListener('layoutchange', function (e) {
|
||||||
var viewStyle = e.detail.viewStyle;
|
var viewStyle = e.detail.viewStyle;
|
||||||
getPageData(tabContent).view = viewStyle;
|
getPageData(tabContent).view = viewStyle;
|
||||||
libraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
|
libraryBrowser.default.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
|
||||||
getQuery(tabContent).StartIndex = 0;
|
getQuery(tabContent).StartIndex = 0;
|
||||||
onViewStyleChange();
|
onViewStyleChange();
|
||||||
reloadItems(tabContent);
|
reloadItems(tabContent);
|
||||||
|
|
|
@ -15,10 +15,10 @@ define(['libraryBrowser', 'cardBuilder', 'apphost', 'imageLoader', 'loading'], f
|
||||||
Fields: 'PrimaryImageAspectRatio,ItemCounts',
|
Fields: 'PrimaryImageAspectRatio,ItemCounts',
|
||||||
StartIndex: 0
|
StartIndex: 0
|
||||||
},
|
},
|
||||||
view: libraryBrowser.getSavedView(key) || 'Poster'
|
view: libraryBrowser.default.getSavedView(key) || 'Poster'
|
||||||
};
|
};
|
||||||
pageData.query.ParentId = params.topParentId;
|
pageData.query.ParentId = params.topParentId;
|
||||||
libraryBrowser.loadSavedQueryValues(key, pageData.query);
|
libraryBrowser.default.loadSavedQueryValues(key, pageData.query);
|
||||||
}
|
}
|
||||||
|
|
||||||
return pageData;
|
return pageData;
|
||||||
|
@ -29,7 +29,7 @@ define(['libraryBrowser', 'cardBuilder', 'apphost', 'imageLoader', 'loading'], f
|
||||||
}
|
}
|
||||||
|
|
||||||
function getSavedQueryKey() {
|
function getSavedQueryKey() {
|
||||||
return libraryBrowser.getSavedQueryKey('genres');
|
return libraryBrowser.default.getSavedQueryKey('genres');
|
||||||
}
|
}
|
||||||
|
|
||||||
function getPromise() {
|
function getPromise() {
|
||||||
|
@ -85,7 +85,7 @@ define(['libraryBrowser', 'cardBuilder', 'apphost', 'imageLoader', 'loading'], f
|
||||||
var elem = context.querySelector('#items');
|
var elem = context.querySelector('#items');
|
||||||
elem.innerHTML = html;
|
elem.innerHTML = html;
|
||||||
imageLoader.lazyChildren(elem);
|
imageLoader.lazyChildren(elem);
|
||||||
libraryBrowser.saveQueryValues(getSavedQueryKey(), query);
|
libraryBrowser.default.saveQueryValues(getSavedQueryKey(), query);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
|
|
||||||
require(['autoFocuser'], function (autoFocuser) {
|
require(['autoFocuser'], function (autoFocuser) {
|
||||||
|
@ -112,7 +112,7 @@ define(['libraryBrowser', 'cardBuilder', 'apphost', 'imageLoader', 'loading'], f
|
||||||
|
|
||||||
self.setCurrentViewStyle = function (viewStyle) {
|
self.setCurrentViewStyle = function (viewStyle) {
|
||||||
getPageData().view = viewStyle;
|
getPageData().view = viewStyle;
|
||||||
libraryBrowser.saveViewSetting(getSavedQueryKey(), viewStyle);
|
libraryBrowser.default.saveViewSetting(getSavedQueryKey(), viewStyle);
|
||||||
fullyReload();
|
fullyReload();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -16,10 +16,10 @@ define(['libraryBrowser', 'cardBuilder', 'apphost', 'imageLoader', 'loading'], f
|
||||||
Fields: 'PrimaryImageAspectRatio,SortName,CanDelete',
|
Fields: 'PrimaryImageAspectRatio,SortName,CanDelete',
|
||||||
StartIndex: 0
|
StartIndex: 0
|
||||||
},
|
},
|
||||||
view: libraryBrowser.getSavedView(key) || 'Poster'
|
view: libraryBrowser.default.getSavedView(key) || 'Poster'
|
||||||
};
|
};
|
||||||
pageData.query.ParentId = params.topParentId;
|
pageData.query.ParentId = params.topParentId;
|
||||||
libraryBrowser.loadSavedQueryValues(key, pageData.query);
|
libraryBrowser.default.loadSavedQueryValues(key, pageData.query);
|
||||||
}
|
}
|
||||||
|
|
||||||
return pageData;
|
return pageData;
|
||||||
|
@ -30,7 +30,7 @@ define(['libraryBrowser', 'cardBuilder', 'apphost', 'imageLoader', 'loading'], f
|
||||||
}
|
}
|
||||||
|
|
||||||
function getSavedQueryKey() {
|
function getSavedQueryKey() {
|
||||||
return libraryBrowser.getSavedQueryKey('genres');
|
return libraryBrowser.default.getSavedQueryKey('genres');
|
||||||
}
|
}
|
||||||
|
|
||||||
function getPromise() {
|
function getPromise() {
|
||||||
|
@ -56,7 +56,7 @@ define(['libraryBrowser', 'cardBuilder', 'apphost', 'imageLoader', 'loading'], f
|
||||||
var elem = context.querySelector('#items');
|
var elem = context.querySelector('#items');
|
||||||
elem.innerHTML = html;
|
elem.innerHTML = html;
|
||||||
imageLoader.lazyChildren(elem);
|
imageLoader.lazyChildren(elem);
|
||||||
libraryBrowser.saveQueryValues(getSavedQueryKey(), query);
|
libraryBrowser.default.saveQueryValues(getSavedQueryKey(), query);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
|
|
||||||
require(['autoFocuser'], function (autoFocuser) {
|
require(['autoFocuser'], function (autoFocuser) {
|
||||||
|
|
|
@ -25,7 +25,7 @@ define(['events', 'libraryBrowser', 'imageLoader', 'listView', 'loading', 'userS
|
||||||
}
|
}
|
||||||
|
|
||||||
pageData.query.ParentId = params.topParentId;
|
pageData.query.ParentId = params.topParentId;
|
||||||
libraryBrowser.loadSavedQueryValues(key, pageData.query);
|
libraryBrowser.default.loadSavedQueryValues(key, pageData.query);
|
||||||
}
|
}
|
||||||
|
|
||||||
return pageData;
|
return pageData;
|
||||||
|
@ -37,7 +37,7 @@ define(['events', 'libraryBrowser', 'imageLoader', 'listView', 'loading', 'userS
|
||||||
|
|
||||||
function getSavedQueryKey(context) {
|
function getSavedQueryKey(context) {
|
||||||
if (!context.savedQueryKey) {
|
if (!context.savedQueryKey) {
|
||||||
context.savedQueryKey = libraryBrowser.getSavedQueryKey('songs');
|
context.savedQueryKey = libraryBrowser.default.getSavedQueryKey('songs');
|
||||||
}
|
}
|
||||||
|
|
||||||
return context.savedQueryKey;
|
return context.savedQueryKey;
|
||||||
|
@ -73,7 +73,7 @@ define(['events', 'libraryBrowser', 'imageLoader', 'listView', 'loading', 'userS
|
||||||
window.scrollTo(0, 0);
|
window.scrollTo(0, 0);
|
||||||
var i;
|
var i;
|
||||||
var length;
|
var length;
|
||||||
var pagingHtml = libraryBrowser.getQueryPagingHtml({
|
var pagingHtml = libraryBrowser.default.getQueryPagingHtml({
|
||||||
startIndex: query.StartIndex,
|
startIndex: query.StartIndex,
|
||||||
limit: query.Limit,
|
limit: query.Limit,
|
||||||
totalRecordCount: result.TotalRecordCount,
|
totalRecordCount: result.TotalRecordCount,
|
||||||
|
@ -109,7 +109,7 @@ define(['events', 'libraryBrowser', 'imageLoader', 'listView', 'loading', 'userS
|
||||||
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
var itemsContainer = tabContent.querySelector('.itemsContainer');
|
||||||
itemsContainer.innerHTML = html;
|
itemsContainer.innerHTML = html;
|
||||||
imageLoader.lazyChildren(itemsContainer);
|
imageLoader.lazyChildren(itemsContainer);
|
||||||
libraryBrowser.saveQueryValues(getSavedQueryKey(page), query);
|
libraryBrowser.default.saveQueryValues(getSavedQueryKey(page), query);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
isLoading = false;
|
isLoading = false;
|
||||||
|
|
||||||
|
@ -147,7 +147,7 @@ define(['events', 'libraryBrowser', 'imageLoader', 'listView', 'loading', 'userS
|
||||||
self.showFilterMenu();
|
self.showFilterMenu();
|
||||||
});
|
});
|
||||||
tabContent.querySelector('.btnSort').addEventListener('click', function (e) {
|
tabContent.querySelector('.btnSort').addEventListener('click', function (e) {
|
||||||
libraryBrowser.showSortMenu({
|
libraryBrowser.default.showSortMenu({
|
||||||
items: [{
|
items: [{
|
||||||
name: globalize.translate('OptionTrackName'),
|
name: globalize.translate('OptionTrackName'),
|
||||||
id: 'Name'
|
id: 'Name'
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
define(['userSettings', 'globalize'], function (userSettings, globalize) {
|
import * as userSettings from 'userSettings';
|
||||||
'use strict';
|
import globalize from 'globalize';
|
||||||
|
|
||||||
var libraryBrowser = {
|
export function getSavedQueryKey(modifier) {
|
||||||
getSavedQueryKey: function (modifier) {
|
|
||||||
return window.location.href.split('#')[0] + (modifier || '');
|
return window.location.href.split('#')[0] + (modifier || '');
|
||||||
},
|
}
|
||||||
loadSavedQueryValues: function (key, query) {
|
|
||||||
|
export function loadSavedQueryValues(key, query) {
|
||||||
var values = userSettings.get(key);
|
var values = userSettings.get(key);
|
||||||
|
|
||||||
if (values) {
|
if (values) {
|
||||||
|
@ -14,8 +14,9 @@ define(['userSettings', 'globalize'], function (userSettings, globalize) {
|
||||||
}
|
}
|
||||||
|
|
||||||
return query;
|
return query;
|
||||||
},
|
}
|
||||||
saveQueryValues: function (key, query) {
|
|
||||||
|
export function saveQueryValues(key, query) {
|
||||||
var values = {};
|
var values = {};
|
||||||
|
|
||||||
if (query.SortBy) {
|
if (query.SortBy) {
|
||||||
|
@ -27,14 +28,17 @@ define(['userSettings', 'globalize'], function (userSettings, globalize) {
|
||||||
}
|
}
|
||||||
|
|
||||||
userSettings.set(key, JSON.stringify(values));
|
userSettings.set(key, JSON.stringify(values));
|
||||||
},
|
}
|
||||||
saveViewSetting: function (key, value) {
|
|
||||||
|
export function saveViewSetting (key, value) {
|
||||||
userSettings.set(key + '-_view', value);
|
userSettings.set(key + '-_view', value);
|
||||||
},
|
}
|
||||||
getSavedView: function (key) {
|
|
||||||
|
export function getSavedView (key) {
|
||||||
return userSettings.get(key + '-_view');
|
return userSettings.get(key + '-_view');
|
||||||
},
|
}
|
||||||
showLayoutMenu: function (button, currentLayout, views) {
|
|
||||||
|
export function showLayoutMenu (button, currentLayout, views) {
|
||||||
var dispatchEvent = true;
|
var dispatchEvent = true;
|
||||||
|
|
||||||
if (!views) {
|
if (!views) {
|
||||||
|
@ -51,7 +55,7 @@ define(['userSettings', 'globalize'], function (userSettings, globalize) {
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
require(['actionsheet'], function (actionsheet) {
|
import('actionsheet').then(({default: actionsheet}) => {
|
||||||
actionsheet.show({
|
actionsheet.show({
|
||||||
items: menuItems,
|
items: menuItems,
|
||||||
positionTo: button,
|
positionTo: button,
|
||||||
|
@ -72,8 +76,8 @@ define(['userSettings', 'globalize'], function (userSettings, globalize) {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
},
|
}
|
||||||
getQueryPagingHtml: function (options) {
|
export function getQueryPagingHtml (options) {
|
||||||
var startIndex = options.startIndex;
|
var startIndex = options.startIndex;
|
||||||
var limit = options.limit;
|
var limit = options.limit;
|
||||||
var totalRecordCount = options.totalRecordCount;
|
var totalRecordCount = options.totalRecordCount;
|
||||||
|
@ -111,8 +115,8 @@ define(['userSettings', 'globalize'], function (userSettings, globalize) {
|
||||||
}
|
}
|
||||||
|
|
||||||
return html += '</div>';
|
return html += '</div>';
|
||||||
},
|
}
|
||||||
showSortMenu: function (options) {
|
export function showSortMenu (options) {
|
||||||
require(['dialogHelper', 'emby-radio'], function (dialogHelper) {
|
require(['dialogHelper', 'emby-radio'], function (dialogHelper) {
|
||||||
function onSortByChange() {
|
function onSortByChange() {
|
||||||
var newValue = this.value;
|
var newValue = this.value;
|
||||||
|
@ -193,7 +197,14 @@ define(['userSettings', 'globalize'], function (userSettings, globalize) {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
|
||||||
window.LibraryBrowser = libraryBrowser;
|
export default {
|
||||||
return libraryBrowser;
|
getSavedQueryKey,
|
||||||
});
|
loadSavedQueryValues,
|
||||||
|
saveQueryValues,
|
||||||
|
saveViewSetting,
|
||||||
|
getSavedView,
|
||||||
|
showLayoutMenu,
|
||||||
|
getQueryPagingHtml,
|
||||||
|
showSortMenu
|
||||||
|
}
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
define(['browser'], function (browser) {
|
import browser from 'browser';
|
||||||
'use strict';
|
|
||||||
|
|
||||||
function fallback(urls) {
|
function fallback(urls) {
|
||||||
var i = 0;
|
var i = 0;
|
||||||
|
@ -43,7 +42,7 @@ define(['browser'], function (browser) {
|
||||||
a.dispatchEvent(new MouseEvent('click'));
|
a.dispatchEvent(new MouseEvent('click'));
|
||||||
}
|
}
|
||||||
|
|
||||||
return function (urls) {
|
export default function (urls) {
|
||||||
if (!urls) {
|
if (!urls) {
|
||||||
throw new Error('`urls` required');
|
throw new Error('`urls` required');
|
||||||
}
|
}
|
||||||
|
@ -62,5 +61,5 @@ define(['browser'], function (browser) {
|
||||||
|
|
||||||
download(url);
|
download(url);
|
||||||
});
|
});
|
||||||
};
|
}
|
||||||
});
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue