mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
a little more jquery removal
This commit is contained in:
parent
31b057360f
commit
471d0fbefc
11 changed files with 202 additions and 122 deletions
|
@ -338,7 +338,7 @@
|
|||
|
||||
itemsContainer.innerHTML = html;
|
||||
ImageLoader.lazyChildren(itemsContainer);
|
||||
$(itemsContainer).createCardMenus();
|
||||
LibraryBrowser.createCardMenus(itemsContainer);
|
||||
});
|
||||
}
|
||||
|
||||
|
@ -368,7 +368,7 @@
|
|||
} else {
|
||||
$('#childrenCollapsible', page).removeClass('hide');
|
||||
}
|
||||
renderChildren(page, item, user, context);
|
||||
renderChildren(page, item);
|
||||
}
|
||||
else {
|
||||
$('#childrenCollapsible', page).addClass('hide');
|
||||
|
@ -757,7 +757,10 @@
|
|||
});
|
||||
html += '</div>';
|
||||
|
||||
$('#similarContent', page).html(html).lazyChildren().createCardMenus();
|
||||
var similarContent = page.querySelector('#similarContent');
|
||||
similarContent.innerHTML = html;
|
||||
ImageLoader.lazyChildren(similarContent);
|
||||
LibraryBrowser.createCardMenus(similarContent);
|
||||
});
|
||||
}
|
||||
|
||||
|
@ -859,7 +862,7 @@
|
|||
}
|
||||
|
||||
var _childrenItemsFunction = null;
|
||||
function renderChildren(page, item, user, context) {
|
||||
function renderChildren(page, item) {
|
||||
|
||||
_childrenItemsFunction = null;
|
||||
|
||||
|
@ -875,13 +878,14 @@
|
|||
query.SortBy = "SortName";
|
||||
}
|
||||
|
||||
var userId = Dashboard.getCurrentUserId();
|
||||
var promise;
|
||||
|
||||
if (item.Type == "Series") {
|
||||
|
||||
promise = ApiClient.getSeasons(item.Id, {
|
||||
|
||||
userId: user.Id,
|
||||
userId: userId,
|
||||
Fields: fields
|
||||
});
|
||||
}
|
||||
|
@ -891,14 +895,14 @@
|
|||
promise = ApiClient.getEpisodes(item.SeriesId, {
|
||||
|
||||
seasonId: item.Id,
|
||||
userId: user.Id,
|
||||
userId: userId,
|
||||
Fields: fields
|
||||
});
|
||||
|
||||
_childrenItemsFunction = getEpisodesFunction(item.SeriesId, {
|
||||
|
||||
seasonId: item.Id,
|
||||
userId: user.Id,
|
||||
userId: userId,
|
||||
Fields: fields
|
||||
});
|
||||
}
|
||||
|
@ -977,7 +981,7 @@
|
|||
elem.classList.remove('hiddenScrollX');
|
||||
}
|
||||
|
||||
$(elem).createCardMenus();
|
||||
LibraryBrowser.createCardMenus(elem);
|
||||
|
||||
if (item.Type == "BoxSet") {
|
||||
|
||||
|
@ -989,7 +993,7 @@
|
|||
{ name: Globalize.translate('HeaderBooks'), type: 'Book' }
|
||||
];
|
||||
|
||||
renderCollectionItems(page, item, collectionItemTypes, result.Items, user, context);
|
||||
renderCollectionItems(page, item, collectionItemTypes, result.Items);
|
||||
}
|
||||
});
|
||||
|
||||
|
@ -1043,12 +1047,13 @@
|
|||
});
|
||||
}
|
||||
|
||||
function renderCollectionItems(page, parentItem, types, items, user) {
|
||||
function renderCollectionItems(page, parentItem, types, items) {
|
||||
|
||||
// First empty out existing content
|
||||
page.querySelector('.collectionItems').innerHTML = '';
|
||||
var i, length;
|
||||
|
||||
for (var i = 0, length = types.length; i < length; i++) {
|
||||
for (i = 0, length = types.length; i < length; i++) {
|
||||
|
||||
var type = types[i];
|
||||
|
||||
|
@ -1059,7 +1064,7 @@
|
|||
});
|
||||
|
||||
if (typeItems.length) {
|
||||
renderCollectionItemType(page, parentItem, type, typeItems, user);
|
||||
renderCollectionItemType(page, parentItem, type, typeItems);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1076,17 +1081,20 @@
|
|||
});
|
||||
|
||||
if (otherTypeItems.length) {
|
||||
renderCollectionItemType(page, parentItem, otherType, otherTypeItems, user);
|
||||
renderCollectionItemType(page, parentItem, otherType, otherTypeItems);
|
||||
}
|
||||
|
||||
if (!items.length) {
|
||||
renderCollectionItemType(page, parentItem, { name: Globalize.translate('HeaderItems') }, items, user);
|
||||
renderCollectionItemType(page, parentItem, { name: Globalize.translate('HeaderItems') }, items);
|
||||
}
|
||||
|
||||
$('.collectionItems .itemsContainer', page).createCardMenus();
|
||||
var containers = page.querySelectorAll('.collectionItems .itemsContainer');
|
||||
for (i = 0, length = containers.length; i < length; i++) {
|
||||
LibraryBrowser.createCardMenus(containers[i]);
|
||||
}
|
||||
}
|
||||
|
||||
function renderCollectionItemType(page, parentItem, type, items, user, context) {
|
||||
function renderCollectionItemType(page, parentItem, type, items) {
|
||||
|
||||
var html = '';
|
||||
|
||||
|
@ -1109,7 +1117,6 @@
|
|||
shape: shape,
|
||||
showTitle: true,
|
||||
centerText: true,
|
||||
context: context,
|
||||
lazy: true,
|
||||
showDetailsMenu: true,
|
||||
overlayMoreButton: true,
|
||||
|
@ -1121,14 +1128,9 @@
|
|||
html += '</div>';
|
||||
|
||||
var collectionItems = page.querySelector('.collectionItems');
|
||||
$(collectionItems).append(html);
|
||||
collectionItems.insertAdjacentHTML('beforeend', html);
|
||||
ImageLoader.lazyChildren(collectionItems);
|
||||
|
||||
$(collectionItems).off('removefromcollection').on('removefromcollection', function (e, itemId) {
|
||||
|
||||
removeFromCollection(page, parentItem, [itemId], user, context);
|
||||
});
|
||||
|
||||
collectionItems.querySelector('.btnAddToCollection').addEventListener('click', function () {
|
||||
require(['alert'], function (alert) {
|
||||
alert({
|
||||
|
@ -1139,7 +1141,7 @@
|
|||
});
|
||||
}
|
||||
|
||||
function removeFromCollection(page, parentItem, itemIds, user, context) {
|
||||
function removeFromCollection(page, parentItem, itemIds) {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
|
@ -1154,7 +1156,7 @@
|
|||
|
||||
}).then(function () {
|
||||
|
||||
renderChildren(page, parentItem, user, context);
|
||||
renderChildren(page, parentItem);
|
||||
Dashboard.hideLoadingMsg();
|
||||
});
|
||||
}
|
||||
|
@ -2113,6 +2115,13 @@
|
|||
renderCriticReviews(view, currentItem);
|
||||
});
|
||||
|
||||
view.querySelector('.collectionItems').addEventListener('removefromcollection', function (e) {
|
||||
|
||||
var itemId = e.detail.itemId;
|
||||
removeFromCollection(view, currentItem, [itemId]);
|
||||
});
|
||||
|
||||
|
||||
//var btnMore = page.querySelectorAll('.btnMoreCommands iron-icon');
|
||||
//for (var i = 0, length = btnMore.length; i < length; i++) {
|
||||
// btnMore[i].icon = AppInfo.moreIcon;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue