mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update image lazy loading
This commit is contained in:
parent
30f68bdf98
commit
7029c9112b
10 changed files with 74 additions and 76 deletions
|
@ -19,14 +19,16 @@
|
|||
|
||||
ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
|
||||
|
||||
$('#recentlyAddedItems', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
var recentlyAddedItems = page.querySelector('#recentlyAddedItems');
|
||||
recentlyAddedItems.innerHTML = LibraryBrowser.getPosterViewHtml({
|
||||
items: items,
|
||||
transparent: true,
|
||||
borderless: true,
|
||||
shape: 'auto',
|
||||
lazy: true
|
||||
|
||||
})).lazyChildren();
|
||||
});
|
||||
ImageLoader.lazyChildren(recentlyAddedItems);
|
||||
|
||||
});
|
||||
|
||||
|
@ -52,15 +54,16 @@
|
|||
$('#recentlyPlayedSection', page).hide();
|
||||
}
|
||||
|
||||
$('#recentlyPlayedItems', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
var recentlyPlayedItems = page.querySelector('#recentlyPlayedItems');
|
||||
recentlyPlayedItems.innerHTML = LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
transparent: true,
|
||||
borderless: true,
|
||||
shape: 'auto',
|
||||
lazy: true
|
||||
|
||||
})).lazyChildren();
|
||||
|
||||
});
|
||||
ImageLoader.lazyChildren(recentlyPlayedItems);
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
@ -725,6 +725,14 @@
|
|||
});
|
||||
}
|
||||
|
||||
$.fn.lazyChildren = function () {
|
||||
|
||||
for (var i = 0, length = this.length; i < length; i++) {
|
||||
ImageLoader.lazyChildren(this[i]);
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
function renderSeriesAirTime(page, item, isStatic) {
|
||||
|
||||
if (item.Type != "Series") {
|
||||
|
|
|
@ -428,6 +428,14 @@
|
|||
});
|
||||
};
|
||||
|
||||
$.fn.lazyChildren = function () {
|
||||
|
||||
for (var i = 0, length = this.length; i < length; i++) {
|
||||
ImageLoader.lazyChildren(this[i]);
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
function getNowPlayingTabsHtml(item) {
|
||||
|
||||
var html = '';
|
||||
|
|
|
@ -132,7 +132,9 @@
|
|||
});
|
||||
}
|
||||
|
||||
$('#resumableItems', page).html(html).lazyChildren();
|
||||
var resumableItems = page.querySelector('#resumableItems');
|
||||
resumableItems.innerHTML = html;
|
||||
ImageLoader.lazyChildren(resumableItems);
|
||||
|
||||
});
|
||||
}
|
||||
|
|
|
@ -770,13 +770,16 @@ var Dashboard = {
|
|||
|
||||
$(document.body).append(html);
|
||||
|
||||
var elem = $('#userFlyout').panel({}).lazyChildren().trigger('create').panel("open").on("panelclose", function () {
|
||||
var userFlyout = document.querySelector('#userFlyout');
|
||||
ImageLoader.lazyChildren(userFlyout);
|
||||
|
||||
$(userFlyout).panel({}).panel("open").on("panelclose", function () {
|
||||
|
||||
$(this).off("panelclose").remove();
|
||||
});
|
||||
|
||||
ConnectionManager.user(window.ApiClient).then(function (user) {
|
||||
Dashboard.updateUserFlyout(elem, user);
|
||||
Dashboard.updateUserFlyout(userFlyout, user);
|
||||
});
|
||||
});
|
||||
},
|
||||
|
@ -797,7 +800,9 @@ var Dashboard = {
|
|||
}
|
||||
html += user.name;
|
||||
|
||||
$('.userHeader', elem).html(html).lazyChildren();
|
||||
var userHeader = elem.querySelector('.userHeader');
|
||||
userHeader.innerHTML = html;
|
||||
ImageLoader.lazyChildren(userHeader);
|
||||
|
||||
html = '';
|
||||
|
||||
|
|
|
@ -218,6 +218,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
$.fn.lazyChildren = function () {
|
||||
|
||||
for (var i = 0, length = this.length; i < length; i++) {
|
||||
ImageLoader.lazyChildren(this[i]);
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
function refreshData(page, jobs) {
|
||||
|
||||
for (var i = 0, length = jobs.length; i < length; i++) {
|
||||
|
|
|
@ -102,6 +102,14 @@
|
|||
return html;
|
||||
}
|
||||
|
||||
$.fn.lazyChildren = function () {
|
||||
|
||||
for (var i = 0, length = this.length; i < length; i++) {
|
||||
ImageLoader.lazyChildren(this[i]);
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
function renderJobItems(page, items) {
|
||||
|
||||
var html = '';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue