SpiralLearning | Play And Ace Your Exams
Need an account? Register here
- or -
Need help? help.spirallearning@gmail.com
Need an account? Register here
- or -
No topic performance was recorded for this level.
'; return; } const backgroundColors = sortedTopics.map(t => { if (t.accuracy < 60) return 'rgba(255, 69, 58, 0.7)'; if (t.accuracy < 85) return 'rgba(255, 159, 10, 0.7)'; return 'rgba(48, 209, 88, 0.7)'; }); const borderColors = sortedTopics.map(t => { if (t.accuracy < 60) return 'rgba(255, 69, 58, 1)'; if (t.accuracy < 85) return 'rgba(255, 159, 10, 1)'; return 'rgba(48, 209, 88, 1)'; }); // Highlight the weakest topic if (borderColors.length > 0) { borderColors[0] = '#FFFFFF'; } const ctx = document.getElementById('performanceChart').getContext('2d'); new Chart(ctx, { type: 'bar', data: { labels: sortedTopics.map(t => t.topic), datasets: [{ label: 'Accuracy (%)', data: sortedTopics.map(t => t.accuracy), backgroundColor: backgroundColors, borderColor: borderColors, borderWidth: sortedTopics.map((_, i) => i === 0 ? 3 : 1), barThickness: 15, }] }, options: { indexAxis: 'y', responsive: true, maintainAspectRatio: false, scales: { x: { beginAtZero: true, max: 100, grid: { display: false }, ticks: { color: 'var(--text-secondary)' } }, y: { grid: { display: false }, ticks: { color: 'var(--text-primary)' } } }, plugins: { legend: { display: false } }, } }); } function displayAchievements() { const newUnlockDiv = document.getElementById('newly-unlocked-achievement'); const trophyWallDiv = document.getElementById('trophy-wall'); newUnlockDiv.innerHTML = ''; trophyWallDiv.innerHTML = ''; // Main event: Show newly unlocked achievement if (newlyUnlockedAchievements.length > 0) { const ach = achievementsList.find(a => a.name === newlyUnlockedAchievements[0]); if(ach) { achievementSound.play(); newUnlockDiv.innerHTML = `${ach.description}
${ach.description}
Q: ${item.question}
Correct Answer: ${item.answer ? "Yes" : "No"}
Explanation: ${item.explanation}
No mistakes made. Excellent work!
'; } function showPaywall() { gameScreen.style.display = 'none'; endScreen.style.display = 'none'; paywallScreen.style.display = 'flex'; // BUGFIX: Use flex } async function startNextLevel() { if (level === 3 && !isPremiumUser) { showPaywall(); return; } level++; lives++; // NEW: Add a life for passing the level setLevelBackground(level); // Set new background for the next level // BUGFIX: Reset session-specific stats for the new level score = 0; sessionTopicPerformance = {}; wrongAnswers = []; userAnswers = []; streak = 0; // Reset streak for next level maxStreak = 0; newlyUnlockedAchievements = []; // Reset for new level updateStreakCounter(); endScreen.style.display = 'none'; endScreen.classList.remove('pep-talk-active'); // NEW: Reset animation class gameScreen.style.display = 'flex'; // BUGFIX: Use flex to maintain glassmorphism updateLivesDisplay(true, false); // NEW: Update UI with gaining animation await loadQuestions(); displayQuestion(); updateLevelTitle(); playLevelMusic(); // NEW: Play new music for the next level } // NEW: Function to play level-specific music function playLevelMusic() { if (!levelMusic.paused) { levelMusic.pause(); levelMusic.currentTime = 0; } const trackIndex = (level - 1) % levelMusicTracks.length; levelMusic.src = levelMusicTracks[trackIndex]; levelMusic.load(); levelMusic.play().catch(e => console.warn("Music playback failed:", e)); } function exitGame() { endScreen.style.display = 'none'; endScreen.classList.remove('pep-talk-active'); // NEW: Reset animation class paywallScreen.style.display = 'none'; resetBackgroundImage(); // Remove background image landingScreen.style.display = 'flex'; // BUGFIX: Use flex document.getElementById('next-level-btn').style.display = 'inline-block'; document.getElementById('try-again-btn').style.display = 'none'; resetGame(); levelMusic.pause(); // NEW: Stop music on exit levelMusic.currentTime = 0; // NEW: Reset music to beginning } function requestPaymentLink() { const user = auth.currentUser; if (user) { alert("Please check your email for the payment link."); setTimeout(() => { db.collection('users').doc(user.uid).update({ isPremium: true, subscriptionDate: firebase.firestore.FieldValue.serverTimestamp() }).then(() => { isPremiumUser = true; paywallScreen.style.display = 'none'; gameScreen.style.display = 'flex'; // BUGFIX: Use flex alert("Thank you for subscribing! You now have access to all levels."); }).catch(error => console.error("Error updating premium status:", error)); }, 2000); } else { alert("Please sign in to subscribe."); } } function shareChallenge() { const shareData = { title: 'Math and English Challenge Pro', text: `I scored ${score} on Level ${level} in Math Challenge Pro! Can you beat my score?`, url: window.location.href }; if (navigator.share) { navigator.share(shareData).catch(console.error); } else { navigator.clipboard.writeText(`${shareData.text} ${shareData.url}`).then(() => alert("Challenge copied. Share it with your friends!")); } } // ----- NEW: Viral Sharing Functions ----- function showGeniusMomentShare() { viralShareContainer.innerHTML = ` `; document.getElementById('genius-share-btn').addEventListener('click', () => { const shareText = `I'm an official 11+ Genius! 🏆 I just nailed this tough question: "${currentQuestion.question}" Think you can keep up? #11PlusGenius`; const shareData = { title: 'I\'m an 11+ Genius!', text: shareText, url: window.location.href }; if (navigator.share) { navigator.share(shareData).catch(console.error); } else { navigator.clipboard.writeText(shareText).then(() => alert("Genius moment copied! Go share it!")); } }); } async function toggleHistorySection() { if (historySection.style.display === 'none') { await displayHistoricalPerformance(); historySection.style.display = 'flex'; historyBtn.textContent = "📊 Hide My Growth"; } else { historySection.style.display = 'none'; historyBtn.textContent = "📊 My Growth"; } } // ================================================================================= // TUTOR'S PRIORITY PLAN - `displayHistoricalPerformance` MAJOR REFACTOR // ================================================================================= async function displayHistoricalPerformance() { const user = auth.currentUser; if (!user) { historySection.innerHTML = 'Please sign in to view your growth plan.
'; return; } try { const sessionsSnapshot = await db.collection('users').doc(user.uid).collection('gameSessions').orderBy('timestamp', 'asc').get(); if (sessionsSnapshot.empty) { historySection.innerHTML = `${topPriority ? topPriority.name : 'Play More!'}
${topPriority ? `${Math.round(topPriority.accuracy)}% Accuracy
` : ` `}Error loading your growth plan. Please try again.
'; } } function getAccuracyColor(accuracy) { if (accuracy >= 80) return 'var(--success)'; if (accuracy >= 50) return 'var(--warning)'; return 'var(--error)'; } function showSettingsPanel() { const settingsPanel = document.createElement('div'); settingsPanel.id = 'settings-panel'; settingsPanel.innerHTML = `
