SiteProof

Weekly Report

${report.employee.name}

Week of ${report.period.start} to ${report.period.end}

${report.employee.email ? `

Email: ${report.employee.email}

` : ""} ${report.employee.phone ? `

Phone: ${report.employee.phone}

` : ""}

${hasBreaks ? `

Auto Break Deductions Enabled: ${report.break_settings.duration_minutes} min break after ${report.break_settings.threshold_hours} hours worked

` : ""}

${hasBreaks ? "Worked Hours" : "Total Hours"}

${report.summary.total_hours}

${hasBreaks ? `

- ${report.summary.total_break_hours} break hrs

= ${report.summary.total_adjusted_hours} paid hrs

` : ""}

${report.summary.total_pay ? `

Total Pay

$${report.summary.total_pay.toFixed(2)}

@ $${report.employee.hourly_rate}/hr

` : ""}

Jobs Worked

${report.summary.jobs_count}

Tasks Completed

${report.summary.tasks_count}

Hours by Job

${report.jobs.length > 0 ? report.jobs.map( (job) => `

${job.job_name}

${job.job_location ? `

${job.job_location}

` : ""}

${job.hours} hrs

` ).join("") : '

No hours logged this week

Tasks Worked On

${report.tasks.length > 0 ? report.tasks.map( (task) => `

${task.task_name}

Job: ${task.job_name}

${task.description ? `

${task.description}

` : ""}

` ).join("") : '

No tasks updated this week

Time Entry Details

${report.time_entries.map( (entry) => `

${entry.job_name}

${new Date(entry.clock_in_time).toLocaleDateString()} \u2022 ${new Date(entry.clock_in_time).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })} - ${entry.clock_out_time ? new Date(entry.clock_out_time).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : "In Progress"}

${entry.hours} hrs

${entry.break_deduction > 0 ? `

- ${entry.break_deduction} break

= ${entry.adjusted_hours} paid

` : ""}

` ).join("")}

Generated on ${(/* @__PURE__ */ new Date()).toLocaleDateString()} at ${(/* @__PURE__ */ new Date()).toLocaleTimeString()}

`; } // virtual:/apps/web/src/utils/downloadPDF.js async function downloadPDF(report) { const html = generateReportHTML(report); const response = await fetch("/integrations/pdf-generation/pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ source: { html } }) }); if (!response.ok) { throw new Error("Failed to generate PDF"); } const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `${report.employee.name.replace(/\s+/g, "_")}_Weekly_Report_${report.period.start}.pdf`; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); document.body.removeChild(a); } // virtual:/apps/web/src/components/AdminDashboard/ReportsTab/ReportsTab.jsx function ReportsTab() { const [selectedEmployeeId, setSelectedEmployeeId] = (0, import_react5.useState)(""); const [weekStart, setWeekStart] = (0, import_react5.useState)(""); const [isExporting, setIsExporting] = (0, import_react5.useState)(false); const { data: employees = [] } = useQuery({ queryKey: ["admin-employees"], queryFn: async () => { const response = await fetch("/api/admin/employees?companyId=1"); if (!response.ok) return []; return response.json(); } }); const { data: report, isLoading } = useQuery({ queryKey: ["weekly-report", selectedEmployeeId, weekStart], queryFn: async () => { const params = new URLSearchParams({ employeeId: selectedEmployeeId }); if (weekStart) params.append("weekStart", weekStart); const response = await fetch(`/api/admin/reports/weekly?${params}`); if (!response.ok) throw new Error("Failed to fetch report"); return response.json(); }, enabled: !!selectedEmployeeId }); const handleDownloadPDF = async () => { if (!report) return; setIsExporting(true); try { await downloadPDF(report); } catch (error) { console.error("Error generating PDF:", error); alert("Failed to generate PDF. Please try again."); } finally { setIsExporting(false); } }; return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold text-gray-900" }, "Weekly Employee Reports"), report && /* @__PURE__ */ React.createElement( "button", { onClick: handleDownloadPDF, disabled: isExporting, className: "inline-flex items-center gap-2 px-4 py-2 bg-gray-900 text-white text-sm font-medium rounded-lg hover:bg-gray-800 disabled:opacity-50" }, /* @__PURE__ */ React.createElement(import_lucide_react7.Download, { className: "w-4 h-4" }), isExporting ? "Generating PDF..." : "Download PDF" )), /* @__PURE__ */ React.createElement( ReportFilters, { employees, selectedEmployeeId, weekStart, onEmployeeChange: setSelectedEmployeeId, onWeekStartChange: setWeekStart } ), isLoading && selectedEmployeeId && /* @__PURE__ */ React.createElement("div", { className: "text-center py-8 text-gray-500" }, "Loading report..."), report && /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement(ReportSummary, { report }), /* @__PURE__ */ React.createElement(HoursByJob, { jobs: report.jobs }), /* @__PURE__ */ React.createElement(TasksWorkedOn, { tasks: report.tasks }), /* @__PURE__ */ React.createElement(TimeEntryDetails, { timeEntries: report.time_entries })), !selectedEmployeeId && /* @__PURE__ */ React.createElement("div", { className: "bg-gray-100 rounded-lg p-12 text-center text-gray-500" }, "Select an employee to view their weekly report")); } // virtual:/apps/web/src/components/AdminDashboard/SettingsTab/SettingsTab.jsx init_injected_globals(); var import_react6 = __toESM(require_react()); var import_lucide_react8 = __toESM(require_lucide_react()); function SettingsTab() { const [loading, setLoading] = (0, import_react6.useState)(true); const [saving, setSaving] = (0, import_react6.useState)(false); const [settings, setSettings] = (0, import_react6.useState)({ auto_break_enabled: false, break_duration_minutes: 30, break_threshold_hours: 4 }); const [message, setMessage] = (0, import_react6.useState)(""); (0, import_react6.useEffect)(() => { fetchSettings(); }, []); async function fetchSettings() { try { const response = await fetch("/api/admin/settings"); if (response.ok) { const data = await response.json(); setSettings({ auto_break_enabled: data.auto_break_enabled || false, break_duration_minutes: data.break_duration_minutes || 30, break_threshold_hours: data.break_threshold_hours || 4 }); } } catch (error) { console.error("Error fetching settings:", error); } finally { setLoading(false); } } async function handleSave() { setSaving(true); setMessage(""); try { const response = await fetch("/api/admin/settings", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(settings) }); if (!response.ok) { throw new Error("Failed to save settings"); } setMessage("Settings saved successfully!"); setTimeout(() => setMessage(""), 3e3); } catch (error) { console.error("Error saving settings:", error); setMessage("Failed to save settings. Please try again."); } finally { setSaving(false); } } if (loading) { return /* @__PURE__ */ React.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React.createElement("div", { className: "text-gray-500" }, "Loading settings...")); } return /* @__PURE__ */ React.createElement("div", { className: "max-w-2xl" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg border border-gray-200 p-6" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold text-lg mb-6" }, "Break Time Settings"), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center h-5" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", id: "auto_break_enabled", checked: settings.auto_break_enabled, onChange: (e) => setSettings({ ...settings, auto_break_enabled: e.target.checked }), className: "w-4 h-4 text-gray-900 border-gray-300 rounded focus:ring-gray-900" } )), /* @__PURE__ */ React.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React.createElement( "label", { htmlFor: "auto_break_enabled", className: "font-medium text-gray-900" }, "Enable Automatic Break Deductions" ), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500" }, "Automatically deduct break time from shifts longer than the threshold"))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { htmlFor: "break_duration", className: "block text-sm font-medium text-gray-700 mb-2" }, "Break Duration (minutes)" ), /* @__PURE__ */ React.createElement( "input", { type: "number", id: "break_duration", min: "15", max: "120", step: "15", value: settings.break_duration_minutes, onChange: (e) => setSettings({ ...settings, break_duration_minutes: parseInt(e.target.value) }), disabled: !settings.auto_break_enabled, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-gray-900 disabled:bg-gray-100 disabled:text-gray-500" } ), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-500 mt-1" }, "Common values: 15, 30, 45, 60 minutes")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { htmlFor: "break_threshold", className: "block text-sm font-medium text-gray-700 mb-2" }, "Threshold Hours" ), /* @__PURE__ */ React.createElement( "input", { type: "number", id: "break_threshold", min: "2", max: "12", step: "0.5", value: settings.break_threshold_hours, onChange: (e) => setSettings({ ...settings, break_threshold_hours: parseFloat(e.target.value) }), disabled: !settings.auto_break_enabled, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-gray-900 disabled:bg-gray-100 disabled:text-gray-500" } ), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-500 mt-1" }, "Break will be deducted from shifts longer than this many hours")), settings.auto_break_enabled && /* @__PURE__ */ React.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-md p-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-blue-900" }, /* @__PURE__ */ React.createElement("strong", null, "Example:"), " If an employee works a", " ", settings.break_threshold_hours + 1, " hour shift, a", " ", settings.break_duration_minutes, " minute (", (settings.break_duration_minutes / 60).toFixed(2), " hour) break will be automatically deducted, resulting in", " ", (settings.break_threshold_hours + 1 - settings.break_duration_minutes / 60).toFixed(2), " ", "paid hours.")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4 pt-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: handleSave, disabled: saving, className: "flex items-center gap-2 px-4 py-2 bg-gray-900 text-white rounded-md hover:bg-gray-800 disabled:opacity-50" }, /* @__PURE__ */ React.createElement(import_lucide_react8.Save, { className: "w-4 h-4" }), saving ? "Saving..." : "Save Settings" ), message && /* @__PURE__ */ React.createElement( "span", { className: `text-sm ${message.includes("success") ? "text-green-600" : "text-red-600"}` }, message ))))); } // virtual:/apps/web/src/app/admin/page.jsx function AdminDashboard() { const [activeTab, setActiveTab] = (0, import_react7.useState)("jobs"); const companyId = 1; const { data: jobs = [], isLoading: jobsLoading } = useQuery({ queryKey: ["admin-jobs"], queryFn: async () => { const response = await fetch(`/api/jobs?companyId=${companyId}`); if (!response.ok) throw new Error("Failed to fetch jobs"); return response.json(); } }); const { data: employees = [] } = useQuery({ queryKey: ["admin-employees"], queryFn: async () => { const response = await fetch( `/api/admin/employees?companyId=${companyId}` ); if (!response.ok) return []; return response.json(); } }); return /* @__PURE__ */ import_react7.default.createElement("div", { className: "min-h-screen bg-gray-50" }, /* @__PURE__ */ import_react7.default.createElement(DashboardHeader, null), /* @__PURE__ */ import_react7.default.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-8" }, /* @__PURE__ */ import_react7.default.createElement(TabNavigation, { activeTab, onTabChange: setActiveTab }), /* @__PURE__ */ import_react7.default.createElement("div", { className: "mt-8 pb-12" }, activeTab === "jobs" && /* @__PURE__ */ import_react7.default.createElement( JobsTab, { companyId, jobs, jobsLoading } ), activeTab === "employees" && /* @__PURE__ */ import_react7.default.createElement(EmployeesTab, { employees, companyId }), activeTab === "timesheets" && /* @__PURE__ */ import_react7.default.createElement(TimesheetsTab, null), activeTab === "progress" && /* @__PURE__ */ import_react7.default.createElement(ProgressTab, null), activeTab === "reports" && /* @__PURE__ */ import_react7.default.createElement(ReportsTab, null), activeTab === "settings" && /* @__PURE__ */ import_react7.default.createElement(SettingsTab, null)))); } // virtual:/apps/web/src/app/admin/layout.jsx init_injected_globals(); var import_react8 = __toESM(require_react()); function AdminLayout({ children }) { const [queryClient2] = (0, import_react8.useState)( () => new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, refetchOnWindowFocus: false } } }) ); return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient2 }, children); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react9.default.createElement(AdminDashboard, { ...props }); content = /* @__PURE__ */ import_react9.default.createElement(AdminLayout, null, content); content = /* @__PURE__ */ import_react9.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) */