Pair Programming Guide Tool

`; filename = `pair-programming-session-${timestamp}.html`; mimeType = 'text/html'; break; case 'csv': const checklistData = Array.from(document.querySelectorAll('#checklist-container input[type="checkbox"]')).map(checkbox => ({ item: checkbox.nextElementSibling.textContent, completed: checkbox.checked ? 'Yes' : 'No' })); content = 'Checklist Item,Completed\n' + checklistData.map(item => `"${item.item}","${item.completed}"`).join('\n'); filename = `pair-programming-checklist-${timestamp}.csv`; mimeType = 'text/csv'; break; } const blob = new Blob([content], { type: mimeType }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showStatus(`📄 Session exported as ${format.toUpperCase()} successfully!`, 'valid'); } function loadSessionStats() { sessionStats = JSON.parse(localStorage.getItem('pairProgrammingStats')) || { totalSessions: 0, totalTime: 0, averageSession: 0, completedSessions: 0 }; updateSessionStats(); } function saveSessionStats() { localStorage.setItem('pairProgrammingStats', JSON.stringify(sessionStats)); } function updateSessionStats() { document.getElementById('total-sessions').textContent = sessionStats.totalSessions; document.getElementById('total-time').textContent = `${Math.floor(sessionStats.totalTime / (1000 * 60 * 60))}h ${Math.floor((sessionStats.totalTime % (1000 * 60 * 60)) / (1000 * 60))}m`; document.getElementById('avg-session').textContent = `${Math.floor(sessionStats.averageSession / (1000 * 60))}m`; document.getElementById('completion-rate').textContent = sessionStats.totalSessions > 0 ? `${Math.round((sessionStats.completedSessions / sessionStats.totalSessions) * 100)}%` : '0%'; } // Line number functions function updateLineNumbers() { const textarea = document.getElementById('session-notes'); const lineNumbers = document.getElementById('notes-line-numbers'); const lines = textarea.value.split('\n'); const count = Math.max(lines.length, 1); let lineNumbersContent = ''; for (let i = 1; i <= count; i++) { lineNumbersContent += i + '\n'; } lineNumbers.innerText = lineNumbersContent; // Auto-adjust height textarea.style.height = 'auto'; textarea.style.height = (textarea.scrollHeight) + 'px'; } function updateSummaryLineNumbers() { const textarea = document.getElementById('summary-output'); const lineNumbers = document.getElementById('summary-line-numbers'); const lines = textarea.value.split('\n'); const count = Math.max(lines.length, 1); let lineNumbersContent = ''; for (let i = 1; i <= count; i++) { lineNumbersContent += i + '\n'; } lineNumbers.innerText = lineNumbersContent; // Auto-adjust height textarea.style.height = 'auto'; textarea.style.height = (textarea.scrollHeight) + 'px'; } // Scroll synchronization function syncNotesScroll() { const textarea = document.getElementById('session-notes'); const lineNumbers = document.getElementById('notes-line-numbers'); lineNumbers.scrollTop = textarea.scrollTop; } function syncSummaryScroll() { const textarea = document.getElementById('summary-output'); const lineNumbers = document.getElementById('summary-line-numbers'); lineNumbers.scrollTop = textarea.scrollTop; } // Utility functions function clearNotes() { document.getElementById('session-notes').value = ''; updateLineNumbers(); showStatus('📝 Notes cleared', 'valid'); } function copySummary() { const summaryText = document.getElementById('summary-output'); summaryText.select(); document.execCommand('copy'); const button = document.getElementById('copy-summary'); const original = button.textContent; button.textContent = 'Copied!'; setTimeout(() => { button.textContent = original; }, 1500); } function clearAll() { // Stop timers if (sessionTimer) { clearInterval(sessionTimer); sessionTimer = null; } if (switchRoleTimer) { clearTimeout(switchRoleTimer); switchRoleTimer = null; } // Reset variables sessionStartTime = null; sessionDuration = 0; roleNotificationShown = false; // Clear UI document.getElementById('session-notes').value = ''; document.getElementById('summary-output').value = ''; document.getElementById('timer-display').textContent = '00:00:00'; document.getElementById('timer-display').className = 'timer-display'; document.getElementById('status-message').style.display = 'none'; document.getElementById('completion-celebration').style.display = 'none'; // Reset checklist resetChecklist(); // Reset to defaults document.querySelectorAll('.template-card').forEach(card => card.classList.remove('active')); document.querySelector('.template-card[data-template="general"]').classList.add('active'); currentTemplate = 'general'; document.querySelectorAll('.role-button').forEach(button => button.classList.remove('active')); document.querySelector('.role-button[data-role="driver"]').classList.add('active'); currentRole = 'driver'; document.querySelectorAll('.preset-button').forEach(button => button.classList.remove('active')); document.querySelector('.preset-button[data-minutes="25"]').classList.add('active'); currentPreset = 25; initializeChecklist(); updateLineNumbers(); updateSummaryLineNumbers(); showStatus('🗑️ All data cleared successfully!', 'valid'); } function showStatus(message, status) { const statusDiv = document.getElementById('status-message'); statusDiv.textContent = message; statusDiv.className = `tool-status tool-${status}`; statusDiv.style.display = 'block'; // Auto-hide status after 5 seconds setTimeout(() => { statusDiv.style.display = 'none'; }, 5000); }