Download functionality

This commit is contained in:
Simon
2026-02-09 14:50:17 +00:00
parent 257e19e9db
commit e6d36711b1
5 changed files with 371 additions and 5 deletions

View File

@@ -21,21 +21,24 @@ App.favorites = App.favorites || {};
App.favorites.getKey = function(video) {
if (!video) return null;
return video.key || video.id || video.url || null;
const meta = video.meta || video;
return video.key || meta.key || video.id || meta.id || video.url || meta.url || null;
};
App.favorites.normalize = function(video) {
const key = App.favorites.getKey(video);
if (!key) return null;
const meta = video && video.meta ? video.meta : video;
return {
key,
id: video.id || null,
url: video.url || '',
title: video.title || '',
thumb: video.thumb || '',
channel: video.channel || '',
uploader: video.uploader || video.channel || '',
duration: video.duration || 0
channel: video.channel || (meta && meta.channel) || '',
uploader: video.uploader || (meta && (meta.uploader || meta.channel)) || '',
duration: video.duration || (meta && meta.duration) || 0,
meta: meta
};
};
@@ -102,6 +105,11 @@ App.favorites = App.favorites || {};
const uploaderText = item.uploader || item.channel || '';
card.innerHTML = `
<button class="favorite-btn is-favorite" type="button" aria-pressed="true" aria-label="Remove from favorites" data-fav-key="${item.key}">♥</button>
<button class="video-menu-btn" type="button" aria-haspopup="true" aria-expanded="false" aria-label="More options">⋯</button>
<div class="video-menu" role="menu">
<button class="video-menu-item" type="button" data-action="info" role="menuitem">Show info</button>
<button class="video-menu-item" type="button" data-action="download" role="menuitem">Download</button>
</div>
<img src="${item.thumb}" alt="${item.title}">
<div class="favorite-info">
<h4>${item.title}</h4>
@@ -116,6 +124,30 @@ App.favorites = App.favorites || {};
App.favorites.toggle(item);
};
}
const menuBtn = card.querySelector('.video-menu-btn');
const menu = card.querySelector('.video-menu');
const showInfoBtn = card.querySelector('.video-menu-item[data-action="info"]');
const downloadBtn = card.querySelector('.video-menu-item[data-action="download"]');
if (menuBtn && menu) {
menuBtn.onclick = (event) => {
event.stopPropagation();
App.videos.toggleMenu(menu, menuBtn);
};
}
if (showInfoBtn) {
showInfoBtn.onclick = (event) => {
event.stopPropagation();
App.ui.showInfo(item.meta || item);
App.videos.closeAllMenus();
};
}
if (downloadBtn) {
downloadBtn.onclick = (event) => {
event.stopPropagation();
App.videos.downloadVideo(item.meta || item);
App.videos.closeAllMenus();
};
}
const uploaderBtn = card.querySelector('.uploader-link');
if (uploaderBtn) {
uploaderBtn.onclick = (event) => {