No flashcards yet. Add one to start studying!

'; return; } topic.flashcards.forEach(card => { const cardEl = document.createElement('div'); cardEl.className = 'flashcard h-48'; cardEl.innerHTML = ` `; cardEl.onclick = () => cardEl.classList.toggle('is-flipped'); flashcardContainer.appendChild(cardEl); }); }; // --- MODAL CONTROLS --- app.showAddSubjectModal = () => document.getElementById('addSubjectModal').classList.remove('hidden'); app.showAddTopicModal = (subjectId) => { activeSubjectId = subjectId; document.getElementById('addTopicModal').classList.remove('hidden'); }; app.showAddFlashcardModal = () => document.getElementById('addFlashcardModal').classList.remove('hidden'); app.hideModal = (modalId) => document.getElementById(modalId).classList.add('hidden'); // --- CORE LOGIC --- app.addSubject = () => { const input = document.getElementById('subjectNameInput'); if (!input.value.trim()) return; data.subjects.push({ id: 's' + Date.now(), name: input.value, topics: [] }); saveData(); renderSidebar(); input.value = ''; app.hideModal('addSubjectModal'); }; app.addTopic = () => { const input = document.getElementById('topicNameInput'); if (!input.value.trim()) return; const subject = data.subjects.find(s => s.id === activeSubjectId); subject.topics.push({ id: 't' + Date.now(), name: input.value, notes: '', status: 'Not Started', flashcards: [] }); saveData(); renderSidebar(); input.value = ''; app.hideModal('addTopicModal'); }; app.saveFlashcard = () => { const question = document.getElementById('flashcardQuestionInput').value; const answer = document.getElementById('flashcardAnswerInput').value; if (!question.trim() || !answer.trim()) return; const subject = data.subjects.find(s => s.id === activeSubjectId); const topic = subject.topics.find(t => t.id === activeTopicId); topic.flashcards.push({ id: 'f' + Date.now(), question, answer }); saveData(); renderFlashcards(); document.getElementById('addFlashcardModal').querySelector('textarea').value = ''; document.getElementById('addFlashcardModal').querySelectorAll('textarea')[1].value = ''; app.hideModal('addFlashcardModal'); }; app.selectTopic = (subjectId, topicId) => { activeSubjectId = subjectId; activeTopicId = topicId; renderTopicView(); if (window.innerWidth < 768) { sidebar.classList.add('sidebar-hidden'); } }; app.changeTab = (tabName) => { const tabs = ['notes', 'flashcards']; tabs.forEach(tab => { document.getElementById(`tabContent-${tab}`).classList.add('hidden'); document.getElementById(`tab-${tab}`).classList.remove('text-blue-600', 'border-blue-600'); document.getElementById(`tab-${tab}`).classList.add('text-gray-500', 'border-transparent'); }); document.getElementById(`tabContent-${tabName}`).classList.remove('hidden'); document.getElementById(`tab-${tabName}`).classList.add('text-blue-600', 'border-blue-600'); }; // --- EVENT HANDLERS --- noteContent.addEventListener('input', () => { const subject = data.subjects.find(s => s.id === activeSubjectId); const topic = subject.topics.find(t => t.id === activeTopicId); topic.notes = noteContent.value; saveData(); }); topicStatus.addEventListener('change', () => { const subject = data.subjects.find(s => s.id === activeSubjectId); const topic = subject.topics.find(t => t.id === activeTopicId); topic.status = topicStatus.value; saveData(); }); mobileMenuButton.addEventListener('click', () => { sidebar.classList.toggle('sidebar-hidden'); }); // --- PDF DOWNLOAD --- app.downloadTopicPDF = () => { const subject = data.subjects.find(s => s.id === activeSubjectId); const topic = subject.topics.find(t => t.id === activeTopicId); const { jsPDF } = window.jspdf; const doc = new jsPDF(); doc.setFontSize(22); doc.text(topic.name, 105, 20, null, null, 'center'); doc.setFontSize(12); doc.text(`Subject: ${subject.name} | Status: ${topic.status}`, 105, 28, null, null, 'center'); doc.setFontSize(16); doc.text("Notes", 15, 45); doc.setFontSize(11); const notesText = doc.splitTextToSize(topic.notes, 180); doc.text(notesText, 15, 55); if (topic.flashcards.length > 0) { doc.addPage(); doc.setFontSize(16); doc.text("Flashcards", 105, 20, null, null, 'center'); doc.autoTable({ startY: 25, head: [['Question', 'Answer']], body: topic.flashcards.map(f => [f.question, f.answer]), theme: 'grid' }); } doc.save(`${topic.name.replace(/ /g, '_')}.pdf`); }; // --- INITIALIZATION --- loadData(); renderSidebar(); renderTopicView(); });