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-18 13:26:42 -04:00
parent 2dba35a875
commit 5b0ece51d2
15 changed files with 692 additions and 595 deletions
Download patch file Download diff file Expand all files Collapse all files

205
dashboard-ui/scripts/itemlistpage.js
View file

@ -1,4 +1,4 @@
define(['libraryBrowser', 'jQuery', 'alphaPicker'], function (libraryBrowser, $, alphaPicker) {
define(['libraryBrowser', 'alphaPicker'], function (libraryBrowser, alphaPicker) {
return function (view, params) {
@ -75,14 +75,13 @@
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
addLayoutButton: true,
addLayoutButton: false,
currentLayout: viewStyle,
sortButton: true,
layouts: 'Poster,PosterCard,Thumb',
filterButton: true
sortButton: false,
filterButton: false
});
view.querySelector('.listTopPaging').innerHTML = pagingHtml;
view.querySelector('.paging').innerHTML = pagingHtml;
updateFilterControls();
@ -104,13 +103,6 @@
html = libraryBrowser.getPosterViewHtml(posterOptions);
}
else if (viewStyle == "Poster") {
posterOptions.showTitle = context == 'photos' ? 'auto' : true;
posterOptions.overlayText = context == 'photos';
html = libraryBrowser.getPosterViewHtml(posterOptions);
}
else if (viewStyle == "PosterCard") {
posterOptions.showTitle = true;
@ -124,6 +116,13 @@
posterOptions.preferThumb = true;
posterOptions.shape = "backdrop";
html = libraryBrowser.getPosterViewHtml(posterOptions);
} else {
// Poster
posterOptions.showTitle = context == 'photos' ? 'auto' : true;
posterOptions.overlayText = context == 'photos';
html = libraryBrowser.getPosterViewHtml(posterOptions);
}
@ -131,71 +130,31 @@
elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem);
$('.btnFilter', view).on('click', function () {
showFilterMenu();
});
var i, length;
var elems = view.querySelectorAll('.paging');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].innerHTML = pagingHtml;
}
$('.btnNextPage', view).on('click', function () {
function onNextPageClick() {
query.StartIndex += query.Limit;
reloadItems(view);
});
}
$('.btnPreviousPage', view).on('click', function () {
function onPreviousPageClick() {
query.StartIndex -= query.Limit;
reloadItems(view);
});
}
$('.btnChangeLayout', view).on('layoutchange', function (e, layout) {
getPageData(view).view = layout;
libraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(view);
});
elems = view.querySelectorAll('.btnNextPage');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onNextPageClick);
}
// On callback make sure to set StartIndex = 0
$('.btnSort', view).on('click', function () {
libraryBrowser.showSortMenu({
items: [{
name: Globalize.translate('OptionNameSort'),
id: 'SortName'
},
{
name: Globalize.translate('OptionCommunityRating'),
id: 'CommunityRating,SortName'
},
{
name: Globalize.translate('OptionCriticRating'),
id: 'CriticRating,SortName'
},
{
name: Globalize.translate('OptionDateAdded'),
id: 'DateCreated,SortName'
},
{
name: Globalize.translate('OptionDatePlayed'),
id: 'DatePlayed,SortName'
},
{
name: Globalize.translate('OptionParentalRating'),
id: 'OfficialRating,SortName'
},
{
name: Globalize.translate('OptionPlayCount'),
id: 'PlayCount,SortName'
},
{
name: Globalize.translate('OptionReleaseDate'),
id: 'PremiereDate,SortName'
},
{
name: Globalize.translate('OptionRuntime'),
id: 'Runtime,SortName'
}],
callback: function () {
reloadItems(view);
},
query: query
});
});
elems = view.querySelectorAll('.btnPreviousPage');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onPreviousPageClick);
}
libraryBrowser.saveQueryValues(params.parentId, query);
@ -237,19 +196,6 @@
});
}
function onListItemClick(e) {
var query = getQuery();
var info = libraryBrowser.getListItemInfo(this);
if (info.mediaType == 'Photo') {
require(['scripts/photos'], function () {
Photos.startSlideshow(view, query, info.id);
});
return false;
}
}
var alphaPickerElement = view.querySelector('.alphaPicker');
alphaPickerElement.addEventListener('alphavaluechanged', function (e) {
var newValue = e.detail.value;
@ -264,7 +210,35 @@
valueChangeEvent: 'click'
});
$(view).on('click', '.mediaItem', onListItemClick);
function parentWithClass(elem, className) {
while (!elem.classList || !elem.classList.contains(className)) {
elem = elem.parentNode;
if (!elem) {
return null;
}
}
return elem;
}
view.addEventListener('click', function (e) {
var mediaItem = parentWithClass(e.target, 'mediaItem');
if (mediaItem) {
var query = getQuery();
var info = libraryBrowser.getListItemInfo(mediaItem);
if (info.mediaType == 'Photo') {
require(['scripts/photos'], function () {
Photos.startSlideshow(view, query, info.id);
});
e.preventDefault();
return false;
}
}
});
function updateFilterControls() {
@ -273,6 +247,69 @@
self.alphaPicker.value(query.NameStartsWithOrGreater);
}
var btnSelectView = view.querySelector('.btnSelectView');
btnSelectView.addEventListener('click', function (e) {
libraryBrowser.showLayoutMenu(e.target, getPageData().view, 'Poster,PosterCard,Thumb'.split(','));
});
btnSelectView.addEventListener('layoutchange', function (e) {
var layout = e.detail.viewStyle;
getPageData().view = layout;
libraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(view);
});
view.querySelector('.btnFilter').addEventListener('click', function () {
showFilterMenu();
});
// On callback make sure to set StartIndex = 0
view.querySelector('.btnSort').addEventListener('click', function () {
libraryBrowser.showSortMenu({
items: [{
name: Globalize.translate('OptionNameSort'),
id: 'IsFolder,SortName'
},
{
name: Globalize.translate('OptionCommunityRating'),
id: 'CommunityRating,SortName'
},
{
name: Globalize.translate('OptionCriticRating'),
id: 'CriticRating,SortName'
},
{
name: Globalize.translate('OptionDateAdded'),
id: 'DateCreated,SortName'
},
{
name: Globalize.translate('OptionDatePlayed'),
id: 'DatePlayed,SortName'
},
{
name: Globalize.translate('OptionParentalRating'),
id: 'OfficialRating,SortName'
},
{
name: Globalize.translate('OptionPlayCount'),
id: 'PlayCount,SortName'
},
{
name: Globalize.translate('OptionReleaseDate'),
id: 'PremiereDate,SortName'
},
{
name: Globalize.translate('OptionRuntime'),
id: 'Runtime,SortName'
}],
callback: function () {
reloadItems(view);
},
query: getQuery()
});
});
view.addEventListener('viewbeforeshow', function (e) {
reloadItems(view);
updateFilterControls();