// Timer variables let timerInterval; let timerTime = 0; let timerRunning = false; let totalTime = 0; // Stopwatch variables let stopwatchInterval; let stopwatchTime = 0; let stopwatchRunning = false; let lapCount = 0; // Tab switching function switchTab(tab) { document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active')); document.querySelectorAll('.app-section').forEach(section => section.classList.remove('active')); event.target.classList.add('active'); document.getElementById(tab).classList.add('active'); } // Timer functions function setPreset(minutes) { document.getElementById('hours').value = 0; document.getElementById('minutes').value = minutes; document.getElementById('seconds').value = 0; updateTimerInputs(); } function updateTimerInputs() { const h = parseInt(document.getElementById('hours').value) || 0; const m = parseInt(document.getElementById('minutes').value) || 0; const s = parseInt(document.getElementById('seconds').value) || 0; timerTime = h * 3600 + m * 60 + s; totalTime = timerTime; updateTimerDisplay(); updateProgressRing(); } function updateTimerDisplay() { const hours = Math.floor(timerTime / 3600); const minutes = Math.floor((timerTime % 3600) / 60); const seconds = timerTime % 60; let display = ''; if (hours > 0) { display = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; } else { display = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; } document.getElementById('timer-display').textContent = display; // Update break status const statusEl = document.getElementById('break-status'); if (timerRunning) { if (timerTime <= 60) { statusEl.textContent = 'Break Ending Soon!'; statusEl.className = 'break-status ending'; } else { statusEl.textContent = 'Break in Progress'; statusEl.className = 'break-status active'; } } else { statusEl.textContent = 'Break Ready'; statusEl.className = 'break-status'; } } function updateProgressRing() { const circle = document.querySelector('.progress-circle'); const circumference = 2 * Math.PI * 140; const progress = totalTime > 0 ? (totalTime - timerTime) / totalTime : 0; const offset = circumference - (progress * circumference); circle.style.strokeDashoffset = offset; } function startTimer() { if (!timerRunning) { if (timerTime === 0) { updateTimerInputs(); } if (timerTime > 0) { timerRunning = true; document.getElementById('timer-start').innerHTML = ' Pause Break'; timerInterval = setInterval(() => { timerTime--; updateTimerDisplay(); updateProgressRing(); if (timerTime <= 0) { timerRunning = false; clearInterval(timerInterval); document.getElementById('timer-start').innerHTML = ' Start Break'; showNotification(); } }, 1000); } } else { pauseTimer(); } } function pauseTimer() { timerRunning = false; clearInterval(timerInterval); document.getElementById('timer-start').innerHTML = ' Resume Break'; } function resetTimer() { timerRunning = false; clearInterval(timerInterval); timerTime = 0; totalTime = 0; updateTimerDisplay(); updateProgressRing(); document.getElementById('timer-start').innerHTML = ' Start Break'; } function showNotification() { const notification = document.getElementById('notification'); notification.classList.add('show'); // Auto-hide after 5 seconds setTimeout(() => { notification.classList.remove('show'); }, 5000); // Also play a sound if possible try { const audio = new Audio('data:audio/wav;base64,UklGRnoGAABXQVZFZm10IBAAAAABAAEAQB8AAEAfAAABAAgAZGF0YQoGAACBhYqFbF1fdJivrJBhNjVgodDbq2EcBj+a2/LDciUFLIHO8tiJNwgZaLvt559NEAxQp+PwtmMcBjiR1/LMeSwFKn3M+t2QQAoUXrTp66hVFApGn+DyvmwhBzoP/vq5eB4I0bLhLv45CrVgUIGJjUuKcZhzqnqQXTUyqYDOhkxR'); audio.play().catch(() => {}); } catch (e) {} } // Stopwatch functions function updateStopwatchDisplay() { const hours = Math.floor(stopwatchTime / 3600); const minutes = Math.floor((stopwatchTime % 3600) / 60); const seconds = stopwatchTime % 60; const display = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; document.getElementById('stopwatch-display').textContent = display; // Update activity status const statusEl = document.getElementById('activity-status'); if (stopwatchRunning) { statusEl.textContent = 'Activity in Progress'; statusEl.className = 'activity-status running'; } else if (stopwatchTime > 0) { statusEl.textContent = 'Activity Paused'; statusEl.className = 'activity-status'; } else { statusEl.textContent = 'Ready to Track Activity'; statusEl.className = 'activity-status'; } } function startStopwatch() { if (!stopwatchRunning) { stopwatchRunning = true; document.getElementById('stopwatch-start').innerHTML = ' Pause Activity'; document.getElementById('lap-btn').disabled = false; stopwatchInterval = setInterval(() => { stopwatchTime++; updateStopwatchDisplay(); }, 1000); } else { pauseStopwatch(); } } function pauseStopwatch() { stopwatchRunning = false; clearInterval(stopwatchInterval); document.getElementById('stopwatch-start').innerHTML = ' Resume Activity'; document.getElementById('lap-btn').disabled = true; } function resetStopwatch() { stopwatchRunning = false; clearInterval(stopwatchInterval); stopwatchTime = 0; lapCount = 0; updateStopwatchDisplay(); document.getElementById('stopwatch-start').innerHTML = ' Start Activity'; document.getElementById('lap-btn').disabled = true; document.getElementById('laps-container').style.display = 'none'; document.getElementById('laps-container').innerHTML = ''; } function recordLap() { if (stopwatchRunning) { lapCount++; const hours = Math.floor(stopwatchTime / 3600); const minutes = Math.floor((stopwatchTime % 3600) / 60); const seconds = stopwatchTime % 60; const lapTime = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; const lapContainer = document.getElementById('laps-container'); const lapItem = document.createElement('div'); lapItem.className = 'lap-item'; lapItem.innerHTML = ` Mark ${lapCount} ${lapTime} `; lapContainer.insertBefore(lapItem, lapContainer.firstChild); lapContainer.style.display = 'block'; } } // Event listeners document.getElementById('hours').addEventListener('input', updateTimerInputs); document.getElementById('minutes').addEventListener('input', updateTimerInputs); document.getElementById('seconds').addEventListener('input', updateTimerInputs); // Initialize updateTimerInputs();