added loading indicator

This commit is contained in:
Simon
2026-02-11 07:04:59 +00:00
parent 081493d13f
commit 1f5910a996
4 changed files with 68 additions and 4 deletions

View File

@@ -111,6 +111,9 @@ App.favorites = App.favorites || {};
<button class="video-menu-item" type="button" data-action="download" role="menuitem">Download</button>
</div>
<img src="${item.thumb}" alt="${item.title}">
<div class="video-loading" aria-hidden="true">
<div class="video-loading-spinner"></div>
</div>
<div class="favorite-info">
<h4>${item.title}</h4>
${uploaderText ? `<p><button class="uploader-link" type="button" data-uploader="${uploaderText}">${uploaderText}</button></p>` : ''}
@@ -120,7 +123,11 @@ App.favorites = App.favorites || {};
if (App.videos && typeof App.videos.attachNoReferrerRetry === 'function') {
App.videos.attachNoReferrerRetry(thumb);
}
card.onclick = () => App.player.open(item.meta || item);
card.onclick = () => {
if (card.classList.contains('is-loading')) return;
card.classList.add('is-loading');
App.player.open(item.meta || item, { originEl: card });
};
const favoriteBtn = card.querySelector('.favorite-btn');
if (favoriteBtn) {
favoriteBtn.onclick = (event) => {