document.addEventListener("DOMContentLoaded", () => {
const downloadForm = document.getElementById("downloadForm");
const urlInput = document.getElementById("urlInput");
const syncLikesBtn = document.getElementById("syncLikesBtn");
const tasksList = document.getElementById("tasksList");
const historyBody = document.getElementById("historyBody");
const tracksCount = document.getElementById("tracksCount");
// Search elements
const searchCard = document.getElementById("searchCard");
const searchQueryLabel = document.getElementById("searchQueryLabel");
const searchLoading = document.getElementById("searchLoading");
const searchTracksList = document.getElementById("searchTracksList");
const searchAlbumsList = document.getElementById("searchAlbumsList");
const closeSearchBtn = document.getElementById("closeSearchBtn");
// Load history and active tasks
fetchHistory();
fetchTasks();
setInterval(fetchTasks, 2000);
setInterval(fetchHistory, 10000);
// Form submit
downloadForm.addEventListener("submit", async (e) => {
e.preventDefault();
const val = urlInput.value.trim();
if (!val) return;
// Check if it's a direct URL
if (val.startsWith("http://") || val.startsWith("https://")) {
await startDownload(val);
urlInput.value = "";
} else {
// It's a search query!
await performSearch(val);
}
});
// Close search
closeSearchBtn.addEventListener("click", () => {
searchCard.style.display = "none";
});
// Perform search
async function performSearch(query) {
searchCard.style.display = "block";
searchQueryLabel.textContent = `«${query}»`;
searchLoading.style.display = "block";
searchTracksList.innerHTML = "";
searchAlbumsList.innerHTML = "";
try {
const res = await fetch(`api/search?q=${encodeURIComponent(query)}`);
const data = await res.json();
searchLoading.style.display = "none";
renderSearchResults(data);
} catch (err) {
searchLoading.style.display = "none";
searchTracksList.innerHTML = `Ошибка поиска: ${err}
`;
}
}
function renderSearchResults(data) {
const tracks = data.tracks || [];
const albums = data.albums || [];
// Tracks
if (tracks.length === 0) {
searchTracksList.innerHTML = `Треков не найдено
`;
} else {
searchTracksList.innerHTML = tracks.map(t => `
${escapeHtml(t.title)}
${t.service_name} • ${escapeHtml(t.artist)} • ${escapeHtml(t.album || 'Single')} (${t.duration})
`).join("");
}
// Albums
if (albums.length === 0) {
document.getElementById("searchAlbumsSection").style.display = "none";
} else {
document.getElementById("searchAlbumsSection").style.display = "block";
searchAlbumsList.innerHTML = albums.map(a => `
${escapeHtml(a.title)}
${a.service_name} • ${a.year || ''} • ${a.track_count ? a.track_count + ' треков' : ''}
`).join("");
}
}
// Global handler for import button
window.handleImport = async function(url) {
await startDownload(url);
};
async function startDownload(url) {
try {
const res = await fetch("api/download", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ url })
});
const data = await res.json();
if (data.task_id) {
fetchTasks();
window.scrollTo({ top: tasksList.offsetTop - 100, behavior: "smooth" });
} else {
alert(data.error || "Ошибка запуска загрузки");
}
} catch (err) {
alert("Ошибка сети: " + err);
}
}
// Sync likes button
syncLikesBtn.addEventListener("click", async () => {
if (!confirm("Запустить синхронизацию плейлиста «Мне нравится» из Яндекс Музыки?")) return;
try {
const res = await fetch("api/sync/yandex-likes", { method: "POST" });
const data = await res.json();
if (data.task_id) {
fetchTasks();
}
} catch (err) {
alert("Ошибка запуска синхронизации: " + err);
}
});
async function fetchTasks() {
try {
const res = await fetch("api/tasks");
const tasks = await res.json();
renderTasks(tasks);
} catch (err) {
console.error(err);
}
}
function renderTasks(tasks) {
if (!tasks || tasks.length === 0) {
tasksList.innerHTML = `Нет активных загрузок
`;
return;
}
tasksList.innerHTML = tasks.map(t => {
const percent = t.total > 0 ? Math.round((t.progress / t.total) * 100) : 0;
return `
${t.progress}/${t.total} (${percent}%) • ${escapeHtml(t.current_item || '')}
`;
}).join("");
}
async function fetchHistory() {
try {
const res = await fetch("api/history");
const data = await res.json();
if (tracksCount) tracksCount.textContent = `Загружено: ${data.total || 0}`;
renderHistory(data.tracks || []);
} catch (err) {
console.error(err);
}
}
function renderHistory(tracks) {
if (!tracks || tracks.length === 0) {
historyBody.innerHTML = `| Пока нет загрузок |
`;
return;
}
historyBody.innerHTML = tracks.map(t => `
| ${t.service} |
${escapeHtml(t.artist)} |
${escapeHtml(t.title)} |
${escapeHtml(t.album || 'Singles')} |
${formatDate(t.downloaded_at)} |
`).join("");
}
function escapeHtml(str) {
if (!str) return "";
return str.replace(/&/g, "&").replace(//g, ">");
}
function escapeAttr(str) {
if (!str) return "";
return str.replace(/'/g, "\\'").replace(/"/g, """);
}
function formatDate(isoStr) {
if (!isoStr) return "";
const d = new Date(isoStr);
return d.toLocaleDateString() + " " + d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
}
});