Requested Days Off

${selectedMonth !== "all" ? formatMonthLabel2(selectedMonth) : "All Upcoming Requests"}

${filteredRequests.map((request) => { const dateFormatted = formatRequestDate2(request.date); return ` `; }).join("")}

Employee	Date	Status	Covered By
${request.employee_name}	${dateFormatted}	${request.covering_employee_name ? "Covered" : "Not Covered"}	${request.covering_employee_name \|\| "-"}

`); printWindow.document.close(); printWindow.focus(); setTimeout(() => { printWindow.print(); }, 250); } // virtual:/apps/web/src/app/page.jsx function SchedulingApp() { const [isAddShiftModalOpen, setIsAddShiftModalOpen] = (0, import_react16.useState)(false); const [isEditShiftModalOpen, setIsEditShiftModalOpen] = (0, import_react16.useState)(false); const [selectedShift, setSelectedShift] = (0, import_react16.useState)(null); const [isManageEmployeesModalOpen, setIsManageEmployeesModalOpen] = (0, import_react16.useState)(false); const [isManageDepartmentsModalOpen, setIsManageDepartmentsModalOpen] = (0, import_react16.useState)(false); const [isDayOffRequestModalOpen, setIsDayOffRequestModalOpen] = (0, import_react16.useState)(false); const [selectedMonth, setSelectedMonth] = (0, import_react16.useState)("all"); const { shifts, employees, departments, dayOffRequests, isLoading, dayOffRequestsLoading, refetchShifts, refetchDayOffRequests, refetchAll } = useScheduleData(); const { isLocked, showPasswordModal, passwordInput, passwordError, setPasswordInput, setPasswordError, setShowPasswordModal, handleLockToggle, handlePasswordSubmit, requireUnlock } = useLockState(); const { currentDate, goToPrevious, goToNext, goToToday, formatDateRange } = useWeekNavigation(); const { pullCurrentY, isPulling, isRefreshing, pullProgress, refreshIconRotation, handleTouchStart, handleTouchMove, handleTouchEnd } = usePullToRefresh(refetchAll); const handleAddShift = () => { requireUnlock(() => setIsAddShiftModalOpen(true)); }; const handleManageEmployees = () => { requireUnlock(() => setIsManageEmployeesModalOpen(true)); }; const handleManageDepartments = () => { requireUnlock(() => setIsManageDepartmentsModalOpen(true)); }; const handleEditShift = (shift) => { requireUnlock(() => { setSelectedShift(shift); setIsEditShiftModalOpen(true); }); }; const handleRequestDayOff = () => { requireUnlock(() => setIsDayOffRequestModalOpen(true)); }; const handleDeleteDayOffRequest = async (id) => { if (isLocked) return; if (!confirm("Are you sure you want to delete this day off request?")) { return; } try { const response = await fetch(`/api/day-off-requests/${id}`, { method: "DELETE" }); if (!response.ok) { throw new Error("Failed to delete day off request"); } refetchDayOffRequests(); } catch (error) { console.error("Error deleting day off request:", error); alert("Failed to delete day off request"); } }; const filteredDayOffRequests = getFilteredDayOffRequests( dayOffRequests, selectedMonth ); const availableMonths = getAvailableMonths(dayOffRequests); const handlePrintClick = () => { handlePrint(currentDate); }; const handlePrintDayOffRequestsClick = () => { handlePrintDayOffRequests( filteredDayOffRequests, selectedMonth, formatMonthLabel, formatRequestDate ); }; return /* @__PURE__ */ import_react16.default.createElement( "div", { className: "min-h-screen bg-gray-50", onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd }, /* @__PURE__ */ import_react16.default.createElement( PullToRefreshIndicator, { isPulling, isRefreshing, pullCurrentY, pullProgress, refreshIconRotation } ), /* @__PURE__ */ import_react16.default.createElement( ScheduleHeader, { isLocked, onLockToggle: handleLockToggle, onRequestDayOff: handleRequestDayOff, onManageDepartments: handleManageDepartments, onManageEmployees: handleManageEmployees, onAddShift: handleAddShift, onPrint: handlePrintClick } ), /* @__PURE__ */ import_react16.default.createElement( WeekControls, { onPrevious: goToPrevious, onNext: goToNext, onToday: goToToday, dateRange: formatDateRange() } ), /* @__PURE__ */ import_react16.default.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6" }, isLoading ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center justify-center h-96" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto" }), /* @__PURE__ */ import_react16.default.createElement("p", { className: "mt-4 text-gray-600" }, "Loading schedule..."))) : /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement( WeekView, { currentDate, shifts, employees, departments, onShiftDeleted: refetchShifts, onEditShift: handleEditShift, isLocked } ), /* @__PURE__ */ import_react16.default.createElement( DayOffRequestsList, { requests: filteredDayOffRequests, isLoading: dayOffRequestsLoading, isLocked, selectedMonth, availableMonths, onMonthChange: setSelectedMonth, onPrint: handlePrintDayOffRequestsClick, onDelete: handleDeleteDayOffRequest, formatMonthLabel } ))), /* @__PURE__ */ import_react16.default.createElement( PasswordModal, { isOpen: showPasswordModal, passwordInput, passwordError, onPasswordChange: setPasswordInput, onSubmit: handlePasswordSubmit, onClose: () => { setShowPasswordModal(false); setPasswordInput(""); setPasswordError(""); } } ), isAddShiftModalOpen && /* @__PURE__ */ import_react16.default.createElement( AddShiftModal, { isOpen: isAddShiftModalOpen, onClose: () => setIsAddShiftModalOpen(false), employees, departments } ), isEditShiftModalOpen && /* @__PURE__ */ import_react16.default.createElement( EditShiftModal, { isOpen: isEditShiftModalOpen, onClose: () => { setIsEditShiftModalOpen(false); setSelectedShift(null); }, shift: selectedShift, employees, departments } ), isManageEmployeesModalOpen && /* @__PURE__ */ import_react16.default.createElement( ManageEmployeesModal, { isOpen: isManageEmployeesModalOpen, onClose: () => setIsManageEmployeesModalOpen(false), employees } ), isManageDepartmentsModalOpen && /* @__PURE__ */ import_react16.default.createElement( ManageDepartmentsModal, { isOpen: isManageDepartmentsModalOpen, onClose: () => setIsManageDepartmentsModalOpen(false), departments } ), isDayOffRequestModalOpen && /* @__PURE__ */ import_react16.default.createElement( DayOffRequestModal, { isOpen: isDayOffRequestModalOpen, onClose: () => setIsDayOffRequestModalOpen(false), employees } ), /* @__PURE__ */ import_react16.default.createElement(PrintStyles, null) ); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); var import_react17 = __toESM(require_react()); 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 }) { (0, import_react17.useEffect)(() => { if ("serviceWorker" in navigator) { window.addEventListener("load", () => { navigator.serviceWorker.register("/sw.js").then((registration) => { console.log("Service Worker registered:", registration); }).catch((error) => { console.log("Service Worker registration failed:", error); }); }); } }, []); return /* @__PURE__ */ React.createElement("html", { lang: "en" }, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("meta", { charSet: "utf-8" }), /* @__PURE__ */ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), /* @__PURE__ */ React.createElement( "meta", { name: "description", content: "Employee shift scheduling application" } ), /* @__PURE__ */ React.createElement("meta", { name: "theme-color", content: "#2563eb" }), /* @__PURE__ */ React.createElement("meta", { name: "apple-mobile-web-app-capable", content: "yes" }), /* @__PURE__ */ React.createElement("meta", { name: "apple-mobile-web-app-status-bar-style", content: "default" }), /* @__PURE__ */ React.createElement("meta", { name: "apple-mobile-web-app-title", content: "Scheduling" }), /* @__PURE__ */ React.createElement("link", { rel: "manifest", href: "/manifest.json" }), /* @__PURE__ */ React.createElement( "link", { rel: "apple-touch-icon", href: "https://raw.createusercontent.com/27233d82-b46b-4300-92d2-ab4324d6cf57/" } ), /* @__PURE__ */ React.createElement( "link", { rel: "icon", href: "https://raw.createusercontent.com/27233d82-b46b-4300-92d2-ab4324d6cf57/" } ), /* @__PURE__ */ React.createElement("title", null, "Employee Scheduling")), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children))); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react18.default.createElement(SchedulingApp, { ...props }); content = /* @__PURE__ */ import_react18.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: 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. *) 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. *) */

Schedule

Apr 5 - Apr 11, 2026