`;
bookListGrid.appendChild(bookCard);
});
}
};
const handleFormSubmit = (e) => {
e.preventDefault();
const id = bookIdInput.value;
const bookData = {
title: bookTitle.value,
author: bookAuthor.value,
genre: bookGenre.value,
status: bookStatus.value,
};
if (id) { // Editing existing book
const bookIndex = books.findIndex(b => b.id == id);
if (bookIndex > -1) {
books[bookIndex] = { ...books[bookIndex], ...bookData };
}
} else { // Adding new book
bookData.id = Date.now();
books.push(bookData);
}
saveBooks();
renderBooks();
bookForm.reset();
resetFormState();
};
const handleBookListClick = (e) => {
const editBtn = e.target.closest('.edit-btn');
const deleteBtn = e.target.closest('.delete-btn');
if (!editBtn && !deleteBtn) return;
const bookCard = e.target.closest('[data-id]');
const bookId = parseInt(bookCard.dataset.id);
if (editBtn) {
const book = books.find(b => b.id === bookId);
if (book) {
bookTitle.value = book.title;
bookAuthor.value = book.author;
bookGenre.value = book.genre;
bookStatus.value = book.status;
bookIdInput.value = book.id;
formTitle.textContent = 'Edit Book';
submitBtn.textContent = 'Update Book';
cancelEditBtn.classList.remove('hidden');
bookTitle.focus();
window.scrollTo({ top: 0, behavior: 'smooth' });
}
} else if (deleteBtn) {
books = books.filter(b => b.id !== bookId);
saveBooks();
renderBooks();
}
};
const resetFormState = () => {
bookIdInput.value = '';
formTitle.textContent = 'Add a New Book';
submitBtn.textContent = 'Add to List';
cancelEditBtn.classList.add('hidden');
bookForm.reset();
};
const generatePDF = () => {
const printableContent = document.createElement('div');
printableContent.style.position = 'absolute';
printableContent.style.left = '-9999px';
printableContent.style.width = '210mm'; // A4 width
printableContent.innerHTML = `
My Reading List
| Title | Author | Genre | Status |
|---|
${books.map(book => `
| ${book.title} |
${book.author} |
${book.genre} |
${book.status} |
`).join('')}
`;
document.body.appendChild(printableContent);
html2canvas(printableContent, { scale: 2 }).then(canvas => {
document.body.removeChild(printableContent);
const imgData = canvas.toDataURL('image/png');
const { jsPDF } = window.jspdf;
const pdf = new jsPDF({ orientation: 'portrait', unit: 'mm', format: 'a4' });
const pdfWidth = pdf.internal.pageSize.getWidth();
const ratio = canvas.width / canvas.height;
const pdfImgWidth = pdfWidth - 20;
const pdfImgHeight = pdfImgWidth / ratio;
pdf.addImage(imgData, 'PNG', 10, 10, pdfImgWidth, pdfImgHeight);
pdf.save('My_Reading_List.pdf');
}).catch(err => {
if (document.body.contains(printableContent)) {
document.body.removeChild(printableContent);
}
console.error("PDF generation failed:", err);
});
};
// --- Event Listeners ---
if (bookForm) bookForm.addEventListener('submit', handleFormSubmit);
if (bookListGrid) bookListGrid.addEventListener('click', handleBookListClick);
if (cancelEditBtn) cancelEditBtn.addEventListener('click', resetFormState);
if (filterStatusSelect) filterStatusSelect.addEventListener('change', renderBooks);
if (downloadPdfBtn) downloadPdfBtn.addEventListener('click', generatePDF);
// --- Initial Load ---
loadBooks();
renderBooks();
});
