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

continue jquery removal

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-17 14:35:21 -04:00
parent 8f05a7a53d
commit aa83844d85
3 changed files with 46 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

9
dashboard-ui/movies.html
View file

@ -70,18 +70,17 @@
</div>
</div>
<div class="pageTabContent ehsContent" id="genresTab" data-index="4">
<div class="viewSettings">
<div class="listTopPaging">
<div style="text-align: center; display: flex; align-items: center; justify-content: center;">
<button is="paper-icon-button-light" class="btnSelectView" title="${ButtonSelectView}"><iron-icon icon="view-comfy"></iron-icon></button>
</div>
</div>
<div class="itemsContainer"></div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
<div class="pageTabContent ehsContent" id="studiosTab" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align: center;"></div>
</div>
<div data-role="content">

81
dashboard-ui/scripts/moviegenres.js
View file

@ -1,4 +1,4 @@
define(['jQuery'], function ($) {
define([], function () {
return function (view, params, tabContent) {
@ -17,8 +17,7 @@
IncludeItemTypes: "Movie",
Recursive: true,
Fields: "DateCreated,SyncInfo,ItemCounts",
StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
StartIndex: 0
},
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
};
@ -46,34 +45,20 @@
ApiClient.getGenres(Dashboard.getCurrentUserId(), query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
var viewStyle = getPageData().view;
$('.listTopPaging', context).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
viewButton: false,
showLimit: false,
updatePageSizeSetting: false,
addLayoutButton: true,
currentLayout: viewStyle
}));
var viewStyle = self.getCurrentViewStyle();
if (viewStyle == "Thumb") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
context: 'movies',
showItemCounts: true,
centerText: true,
lazy: true,
overlayPlayButton: true,
context: 'movies'
overlayPlayButton: true
});
}
else if (viewStyle == "ThumbCard") {
@ -82,64 +67,74 @@
items: result.Items,
shape: "backdrop",
preferThumb: true,
context: 'movies',
showItemCounts: true,
cardLayout: true,
showTitle: true,
lazy: true,
context: 'movies'
lazy: true
});
}
else if (viewStyle == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'movies',
showItemCounts: true,
lazy: true,
cardLayout: true,
showTitle: true,
context: 'movies'
showTitle: true
});
}
else if (viewStyle == "Poster") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'movies',
centerText: true,
showItemCounts: true,
lazy: true,
overlayPlayButton: true,
context: 'movies'
overlayPlayButton: true
});
}
var elem = context.querySelector('.itemsContainer');
var elem = context.querySelector('#items');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', context).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(context);
});
$('.btnPreviousPage', context).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(context);
});
$('.btnChangeLayout', context).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(context);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});
}
self.getViewStyles = function () {
return 'Poster,PosterCard,Thumb,ThumbCard'.split(',');
};
self.getCurrentViewStyle = function () {
return getPageData(tabContent).view;
};
self.setCurrentViewStyle = function (viewStyle) {
getPageData(tabContent).view = viewStyle;
LibraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
reloadItems(tabContent);
};
self.enableViewSelection = true;
self.renderTab = function () {
reloadItems(tabContent);
};
tabContent.querySelector('.btnSelectView').addEventListener('click', function (e) {
LibraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), self.getViewStyles());
});
tabContent.querySelector('.btnSelectView').addEventListener('layoutchange', function (e) {
self.setCurrentViewStyle(e.detail.viewStyle);
});
};
});

27
dashboard-ui/scripts/moviestudios.js
View file

@ -1,4 +1,4 @@
define(['jQuery'], function ($) {
define([], function () {
// The base query options
var data = {};
@ -16,8 +16,7 @@
IncludeItemTypes: "Movie",
Recursive: true,
Fields: "DateCreated,ItemCounts",
StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
StartIndex: 0
}
};
@ -40,18 +39,8 @@
ApiClient.getStudios(Dashboard.getCurrentUserId(), query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
$('.listTopPaging', context).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false
}));
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
@ -64,20 +53,10 @@
});
var elem = context.querySelector('.itemsContainer');
var elem = context.querySelector('#items');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', context).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(context, params);
});
$('.btnPreviousPage', context).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(context, params);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});