Timesheet Calculator

`; // Write to the print window printWindow.document.open(); printWindow.document.write(printContent); printWindow.document.close(); // Print after content loads printWindow.onload = function() { // Automatically print on modern browsers if (navigator.userAgent.indexOf('Chrome') !== -1) { setTimeout(function() { printWindow.print(); }, 500); } }; } /** * Export timesheet data as CSV */ function exportToCsv() { // Calculate latest values const calculatedValues = calculateTotals(); // Build CSV content let csvContent = 'Day,Start Time,End Time,Break (min),Hours\n'; // Add each day's data ui.timesheet.rows.forEach((row) => { const dayName = row.querySelector('.day-name').textContent; const startTime = row.querySelector('.start-time').value || ''; const startAmPm = config.timeFormat === '12h' ? ` ${row.querySelector('.start-ampm').value}` : ''; const endTime = row.querySelector('.end-time').value || ''; const endAmPm = config.timeFormat === '12h' ? ` ${row.querySelector('.end-ampm').value}` : ''; const breakMinutes = row.querySelector('.break-minutes').value; const dayTotal = row.querySelector('.day-total').textContent; // Only add rows with data if (startTime || endTime) { csvContent += `${dayName},"${startTime}${startAmPm}","${endTime}${endAmPm}",${breakMinutes},${dayTotal}\n`; } }); // Add summary data csvContent += '\nSummary\n'; csvContent += `Total Hours,${ui.results.totalHours.textContent}\n`; csvContent += `Regular Hours,${ui.results.regularHours.textContent}\n`; csvContent += `Overtime Hours,${ui.results.overtimeHours.textContent}\n`; csvContent += `Regular Pay,${ui.results.regularPay.textContent}\n`; csvContent += `Overtime Pay,${ui.results.overtimePay.textContent}\n`; csvContent += `Total Pay,${ui.results.totalPay.textContent}\n`; // Create blob and download link const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' }); const url = URL.createObjectURL(blob); const link = document.createElement('a'); // Set download attributes const date = new Date().toISOString().slice(0, 10); link.setAttribute('href', url); link.setAttribute('download', `timesheet-${date}.csv`); link.style.display = 'none'; // Add to document, trigger download, and clean up document.body.appendChild(link); link.click(); setTimeout(function() { document.body.removeChild(link); window.URL.revokeObjectURL(url); }, 100); }// ========================================== // Event Listeners // ========================================== // Format toggle buttons ui.formatToggle['12h'].addEventListener('click', () => toggleTimeFormat('12h')); ui.formatToggle['24h'].addEventListener('click', () => toggleTimeFormat('24h')); // Time input field handling ui.timesheet.startTimes.forEach(input => { input.addEventListener('blur', () => handleTimeInput(input, true)); input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { handleTimeInput(input, true); e.preventDefault(); } }); }); ui.timesheet.endTimes.forEach(input => { input.addEventListener('blur', () => handleTimeInput(input, false)); input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { handleTimeInput(input, false); e.preventDefault(); } }); }); // Break minutes input handling ui.timesheet.breakMinutes.forEach(input => { input.addEventListener('change', () => { if (config.autoCalculate) { calculateTotals(); } }); }); // AM/PM select change handling ui.timesheet.startAmPm.forEach(select => { select.addEventListener('change', () => { if (config.autoCalculate) { calculateTotals(); } }); }); ui.timesheet.endAmPm.forEach(select => { select.addEventListener('change', () => { if (config.autoCalculate) { calculateTotals(); } }); }); // Setting changes ui.settings.overtimeThreshold.addEventListener('change', () => { if (config.autoCalculate) { calculateTotals(); } }); ui.settings.hourlyRate.addEventListener('change', () => { if (config.autoCalculate) { calculateTotals(); } }); ui.settings.overtimeMultiplier.addEventListener('change', () => { if (config.autoCalculate) { calculateTotals(); } }); // Toggle options ui.settings.autoCalculate.addEventListener('change', function() { config.autoCalculate = this.checked; if (this.checked) { calculateTotals(); } }); ui.settings.decimalTime.addEventListener('change', function() { toggleDecimalTimeDisplay(this.checked); }); ui.settings.roundTime.addEventListener('change', function() { toggleTimeRounding(this.checked); if (config.autoCalculate) { calculateTotals(); } }); // Button actions ui.actions.calculate.addEventListener('click', calculateTotals); ui.actions.reset.addEventListener('click', resetCalculator); ui.actions.print.addEventListener('click', printTimesheet); ui.actions.exportCsv.addEventListener('click', exportToCsv); // Keyboard accessibility for format toggle ui.formatToggle['12h'].addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { toggleTimeFormat('12h'); e.preventDefault(); } }); ui.formatToggle['24h'].addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { toggleTimeFormat('24h'); e.preventDefault(); } }); // Initialize the calculator resetCalculator(); }); //-->