1
0
Fork 0
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:
Luke Pulverenti 2015-11-28 19:23:48 -05:00
parent 30f68bdf98
commit 7029c9112b
10 changed files with 74 additions and 76 deletions

View file

@ -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);
});
});

View file

@ -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") {

View file

@ -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 = '';

View file

@ -132,7 +132,9 @@
});
}
$('#resumableItems', page).html(html).lazyChildren();
var resumableItems = page.querySelector('#resumableItems');
resumableItems.innerHTML = html;
ImageLoader.lazyChildren(resumableItems);
});
}

View file

@ -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 = '';

View file

@ -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++) {

View file

@ -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 = '';