"use client"; function MainComponent() { const [currentView, setCurrentView] = React.useState("login"); const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [isAdmin, setIsAdmin] = React.useState(false); const [currentUser, setCurrentUser] = React.useState(null); const [showMenu, setShowMenu] = React.useState(false); const [shifts, setShifts] = React.useState([]); const [approvedShifts, setApprovedShifts] = React.useState([]); const [users, setUsers] = React.useState([]); const [showPopup, setShowPopup] = React.useState(false); const [popupMessage, setPopupMessage] = React.useState(""); const [currentDate, setCurrentDate] = React.useState(new Date()); const [showUserManagement, setShowUserManagement] = React.useState(false); const [memo, setMemo] = React.useState(""); React.useEffect(()=>{ const savedMemo = localStorage.getItem("adminMemo"); if (savedMemo) { setMemo(savedMemo); } }, []); const handleAdminMemoChange = (e)=>{ const newMemo = e.target.value; setMemo(newMemo); localStorage.setItem("adminMemo", newMemo); }; const showAlert = (message)=>{ setPopupMessage(message); setShowPopup(true); setTimeout(()=>setShowPopup(false), 3000); }; const handleLogin = (userId, password)=>{ const user = users.find((u)=>u.userId === userId && u.password === password); if (user) { setCurrentUser(user); setIsLoggedIn(true); setCurrentView("shiftSubmission"); } else { showAlert("ログインIDまたはパスワードが違います"); } }; const handleAdminLogin = (password)=>{ if (password === "1611") { setIsAdmin(true); setCurrentView("adminDashboard"); } else { showAlert("管理者パスワードが違います"); } }; const handleLogout = ()=>{ setIsLoggedIn(false); setIsAdmin(false); setCurrentUser(null); setCurrentView("login"); setShowUserManagement(false); }; const handleShiftSubmission = (date, startTime, endTime)=>{ setShifts([ ...shifts, { date, startTime, endTime, user: currentUser.name } ]); showAlert("シフトを提出しました"); }; const handleShiftApproval = (shift)=>{ setApprovedShifts([ ...approvedShifts, shift ]); setShifts(shifts.filter((s)=>s !== shift)); }; const handleUserRegistration = (name, userId, password)=>{ setUsers([ ...users, { name, userId, password } ]); setCurrentView("login"); }; const handleUserDeletion = (userId)=>{ setUsers(users.filter((u)=>u.userId !== userId)); }; const changeMonth = (increment)=>{ const newDate = new Date(currentDate); newDate.setMonth(newDate.getMonth() + increment); setCurrentDate(newDate); }; const getDaysInMonth = (date)=>{ const year = date.getFullYear(); const month = date.getMonth(); return new Date(year, month + 1, 0).getDate(); }; const renderCalendar = (isAdminView = false)=>{ const daysInMonth = getDaysInMonth(currentDate); const firstDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).getDay(); const days = []; for(let i = 0; i < firstDayOfMonth; i++){ days.push(/*#__PURE__*/ React.createElement("div", { key: `empty-${i}`, className: "border p-2", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this })); } for(let i = 1; i <= daysInMonth; i++){ const currentDateShifts = approvedShifts.filter((s)=>{ const shiftDate = new Date(s.date); return shiftDate.getDate() === i && shiftDate.getMonth() === currentDate.getMonth() && shiftDate.getFullYear() === currentDate.getFullYear() && (isAdminView || currentUser && s.user === currentUser.name); }); days.push(/*#__PURE__*/ React.createElement("div", { key: i, className: "border p-2", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, i), currentDateShifts.map((shift, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-xs", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, isAdminView && `${shift.user} `, shift.startTime, "-", shift.endTime, isAdminView && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShiftDeletion(shift), className: "ml-2 bg-red-500 text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 134, columnNumber: 17 }, __self: this }, "削除"))))); } return days; }; const handleShiftDeletion = (shift)=>{ setApprovedShifts(approvedShifts.filter((s)=>s !== shift)); }; const handleShowUserManagement = ()=>{ setShowUserManagement(!showUserManagement); }; return /*#__PURE__*/ React.createElement("div", { className: "font-sans min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 159, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-600 text-white p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 160, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this }, "辰巳会計シフト管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowMenu(!showMenu), className: "text-2xl", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }))), showMenu && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg z-10", __source: { fileName: "", lineNumber: 168, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("login"), className: "block w-full text-left px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("shiftSubmission"), className: "block w-full text-left px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, "シフト提出"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("adminLogin"), className: "block w-full text-left px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 181, columnNumber: 11 }, __self: this }, "管理者ログイン"), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "block w-full text-left px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, "ログアウト")), showPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 right-0 mb-4 mr-4 p-4 bg-red-500 text-white rounded shadow-lg", __source: { fileName: "", lineNumber: 197, columnNumber: 9 }, __self: this }, popupMessage), currentView === "login" && /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto mt-10 p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 203, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 204, columnNumber: 11 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); handleLogin(e.target.userId.value, e.target.password.value); }, __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "userId", placeholder: "ユーザーID", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "パスワード", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 223, columnNumber: 13 }, __self: this }, "ログイン")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("register"), className: "mt-4 text-sm text-blue-500", __source: { fileName: "", lineNumber: 230, columnNumber: 11 }, __self: this }, "新規登録はこちら")), currentView === "register" && /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto mt-10 p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 240, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 241, columnNumber: 11 }, __self: this }, "新規登録"), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); handleUserRegistration(e.target.name.value, e.target.userId.value, e.target.password.value); }, __source: { fileName: "", lineNumber: 242, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "名前", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 252, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "userId", placeholder: "ユーザーID", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 258, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "パスワード", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 264, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 270, columnNumber: 13 }, __self: this }, "登録"))), currentView === "shiftSubmission" && isLoggedIn && /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto mt-10 p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 281, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 282, columnNumber: 11 }, __self: this }, "シフト提出"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 283, columnNumber: 11 }, __self: this }, "名前: ", currentUser.name), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); handleShiftSubmission(e.target.date.value, e.target.startTime.value, e.target.endTime.value); e.target.reset(); }, __source: { fileName: "", lineNumber: 284, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 295, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "startTime", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, [ ...Array.from({ length: 68 }) ].map((_, i)=>{ const hour = Math.floor(i / 4) + 7; const minute = i % 4 * 15; return /*#__PURE__*/ React.createElement("option", { key: i, value: `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`, __source: { fileName: "", lineNumber: 305, columnNumber: 19 }, __self: this }, `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`); })), /*#__PURE__*/ React.createElement("select", { name: "endTime", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 318, columnNumber: 13 }, __self: this }, [ ...Array.from({ length: 68 }) ].map((_, i)=>{ const hour = Math.floor(i / 4) + 7; const minute = i % 4 * 15; return /*#__PURE__*/ React.createElement("option", { key: i, value: `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`, __source: { fileName: "", lineNumber: 323, columnNumber: 19 }, __self: this }, `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`); })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 336, columnNumber: 13 }, __self: this }, "提出")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 343, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 344, columnNumber: 13 }, __self: this }, "申請中のシフト一覧"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 345, columnNumber: 13 }, __self: this }, shifts.filter((s)=>s.user === currentUser.name).map((shift, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 349, columnNumber: 19 }, __self: this }, shift.date, " ", shift.startTime, "-", shift.endTime)))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 355, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 356, columnNumber: 13 }, __self: this }, "承認済みシフト"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 357, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>changeMonth(-1), className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, "前月"), /*#__PURE__*/ React.createElement("h4", { __source: { fileName: "", lineNumber: 364, columnNumber: 15 }, __self: this }, currentDate.getFullYear(), "年", currentDate.getMonth() + 1, "月"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>changeMonth(1), className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 367, columnNumber: 15 }, __self: this }, "次月")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-2", __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }, renderCalendar()))), currentView === "adminLogin" && /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto mt-10 p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 380, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 381, columnNumber: 11 }, __self: this }, "管理者ログイン"), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); handleAdminLogin(e.target.password.value); }, __source: { fileName: "", lineNumber: 382, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "パスワード", className: "w-full p-2 mb-4 border rounded", __source: { fileName: "", lineNumber: 388, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 394, columnNumber: 13 }, __self: this }, "ログイン"))), currentView === "adminDashboard" && isAdmin && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto mt-10 p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 405, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 406, columnNumber: 11 }, __self: this }, "管理者ダッシュボード"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 407, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 408, columnNumber: 13 }, __self: this }, "シフト承認"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 409, columnNumber: 13 }, __self: this }, shifts.map((shift, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }, shift.user, " ", shift.date, " ", shift.startTime, "-", shift.endTime, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShiftApproval(shift), className: "ml-4 bg-green-500 text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 413, columnNumber: 19 }, __self: this }, "承認"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 423, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 424, columnNumber: 13 }, __self: this }, "承認済みシフトカレンダー"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 425, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>changeMonth(-1), className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 426, columnNumber: 15 }, __self: this }, "前月"), /*#__PURE__*/ React.createElement("h4", { __source: { fileName: "", lineNumber: 432, columnNumber: 15 }, __self: this }, currentDate.getFullYear(), "年", currentDate.getMonth() + 1, "月"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>changeMonth(1), className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 435, columnNumber: 15 }, __self: this }, "次月")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-2", __source: { fileName: "", lineNumber: 442, columnNumber: 13 }, __self: this }, renderCalendar(true))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 444, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleShowUserManagement, className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 445, columnNumber: 13 }, __self: this }, "ユーザー一覧"), showUserManagement && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 452, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 453, columnNumber: 17 }, __self: this }, "ユーザー一覧"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 454, columnNumber: 17 }, __self: this }, users.map((user)=>/*#__PURE__*/ React.createElement("li", { key: user.userId, className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 456, columnNumber: 21 }, __self: this }, user.name, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleUserDeletion(user.userId), className: "ml-4 bg-red-500 text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 461, columnNumber: 23 }, __self: this }, "削除")))))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 473, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 474, columnNumber: 13 }, __self: this }, "管理者メモ"), /*#__PURE__*/ React.createElement("textarea", { value: memo, onChange: handleAdminMemoChange, className: "w-full p-2 mb-4 border rounded", rows: "4", placeholder: "メモを記入してください...", __source: { fileName: "", lineNumber: 475, columnNumber: 13 }, __self: this })))); }