mirrors
/
ympd
mirror of https://github.com/SuperBFG7/ympd
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix: optimize lazy loading of coverimages

This commit is contained in:
jcorporation 2018-10-10 23:01:21 +01:00
parent c204318fc4
commit 8058c48a38
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
htdocs/css/mympd.css
View File

@ -61,6 +61,7 @@ small {
.album-cover {
background-size: cover;
background-image: url("/assets/coverimage-loading.png");
border: 1px solid black;
border-radius: 5px;
overflow: hidden;

9
htdocs/js/mympd.js
View File

@ -1319,7 +1319,6 @@ function parseListDBtags(obj) {
card.classList.add('mr-0');
card.setAttribute('id', id);
card.setAttribute('data-album', encodeURI(obj.data[i].value));
card.setAttribute('data-init', 'false');
card.innerHTML = '<div class="card mb-4" id="card' + id + '">' +
' <a href="#" class="card-img-top"></a>' +
' <div class="card-body">' +
@ -1399,11 +1398,9 @@ function createListTitleObserver(ele) {
function getListTitles(changes, observer) {
changes.forEach(change => {
if (change.intersectionRatio > 0) {
if (change.target.getAttribute('data-init') == 'false') {
change.target.setAttribute('data-init', 'true');
var album = decodeURI(change.target.getAttribute('data-album'));
sendAPI({"cmd": "MPD_API_DATABASE_TAG_ALBUM_TITLE_LIST", "data": { "album": album, "search": app.current.search, "tag": app.current.view}}, parseListTitles);
}
observer.unobserve(change.target);
var album = decodeURI(change.target.getAttribute('data-album'));
sendAPI({"cmd": "MPD_API_DATABASE_TAG_ALBUM_TITLE_LIST", "data": { "album": album, "search": app.current.search, "tag": app.current.view}}, parseListTitles);
}
});
}