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

remove jquery from music screen

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-17 15:56:29 -04:00
parent 1df3b304da
commit 7144ee87e4
2 changed files with 73 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

10
dashboard-ui/music.html
View file

@ -112,11 +112,15 @@
<div id="items" class="itemsContainer paddedItemsContainer"></div> <div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div class="pageTabContent pageTabContent ehsContent" id="foldersTab" data-index="6"> <div class="pageTabContent pageTabContent ehsContent" id="foldersTab" data-index="6">
<div class="viewSettings"> <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
<div class="listTopPaging"> <div class="paging"></div>
</div> </div>
<div class="itemsContainer itemsContainerWithAlphaPicker">
</div>
<div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
<div class="paging"></div>
</div> </div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div data-role="content"> <div data-role="content">

92
dashboard-ui/scripts/musicfolders.js
View file

@ -1,12 +1,13 @@
define(['jQuery'], function ($) { define(['events', 'libraryBrowser', 'imageLoader', 'alphaPicker'], function (events, libraryBrowser, imageLoader, alphaPicker) {
return function (view, params, tabContent) { return function (view, params, tabContent) {
var self = this; var self = this;
var data = {}; var data = {};
function getPageData() {
var key = getSavedQueryKey(); function getPageData(context) {
var key = getSavedQueryKey(context);
var pageData = data[key]; var pageData = data[key];
if (!pageData) { if (!pageData) {
@ -20,55 +21,51 @@
EnableImageTypes: "Primary,Backdrop,Banner,Thumb", EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
Limit: LibraryBrowser.getDefaultPageSize() Limit: LibraryBrowser.getDefaultPageSize()
}, },
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Poster') view: libraryBrowser.getSavedView(key) || libraryBrowser.getDefaultItemsView('Poster', 'Poster')
}; };
pageData.query.ParentId = LibraryMenu.getTopParentId(); pageData.query.ParentId = params.topParentId;
LibraryBrowser.loadSavedQueryValues(key, pageData.query); libraryBrowser.loadSavedQueryValues(key, pageData.query);
} }
return pageData; return pageData;
} }
function getQuery() { function getQuery(context) {
return getPageData().query; return getPageData(context).query;
} }
function getSavedQueryKey() { function getSavedQueryKey(context) {
return LibraryBrowser.getSavedQueryKey('folders'); if (!context.savedQueryKey) {
context.savedQueryKey = libraryBrowser.getSavedQueryKey('folders');
}
return context.savedQueryKey;
} }
function reloadItems(context) { function reloadItems(page) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var query = getQuery(); var query = getQuery(page);
ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(function (result) { ApiClient.getItems(Dashboard.getCurrentUserId(), query).then(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 html = '';
var view = getPageData().view;
var pagingHtml = LibraryBrowser.getQueryPagingHtml({ var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: false,
showLimit: false, showLimit: false,
sortButton: false,
addLayoutButton: false,
currentLayout: view,
updatePageSizeSetting: false, updatePageSizeSetting: false,
viewIcon: 'filter-list', addLayoutButton: false,
layouts: 'List,Poster,PosterCard,Timeline' sortButton: false,
filterButton: false
}); });
context.querySelector('.listTopPaging').innerHTML = pagingHtml; var html = LibraryBrowser.getPosterViewHtml({
if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
shape: "square", shape: "square",
context: 'folders', context: 'folders',
@ -78,30 +75,53 @@
centerText: true, centerText: true,
overlayPlayButton: true overlayPlayButton: true
}); });
var i, length;
var elems = tabContent.querySelectorAll('.paging');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].innerHTML = pagingHtml;
} }
var elem = context.querySelector('#items'); function onNextPageClick() {
elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', context).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(context); reloadItems(tabContent);
}); }
$('.btnPreviousPage', context).on('click', function () { function onPreviousPageClick() {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(context); reloadItems(tabContent);
}); }
elems = tabContent.querySelectorAll('.btnNextPage');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onNextPageClick);
}
elems = tabContent.querySelectorAll('.btnPreviousPage');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onPreviousPageClick);
}
var itemsContainer = tabContent.querySelector('.itemsContainer');
itemsContainer.innerHTML = html;
imageLoader.lazyChildren(itemsContainer);
libraryBrowser.saveQueryValues(getSavedQueryKey(page), query);
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
}); });
} }
self.getCurrentViewStyle = function () {
return getPageData(tabContent).view;
};
self.renderTab = function () { self.renderTab = function () {
reloadItems(tabContent); reloadItems(tabContent);
}; };
};
self.destroy = function () {
};
};
}); });