TurTaskProject/TurTaskWeb
1
0
Fork 0
mirror of https://github.com/TurTaskProject/TurTaskWeb.git synced 2025-12-18 21:44:07 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feature task modal time change and checkox

Browse Source
This commit is contained in:
Wissarut Kanasub 2023-11-28 18:54:09 +07:00
parent 61549745b6
commit d49cae6965
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/kanbanBoard/taskDetailModal.jsx
View File

@ -34,6 +34,8 @@ export function TaskDetailModal({
const [subtasks, setSubtasks] = useState([]); const [subtasks, setSubtasks] = useState([]);
const [currentTitle, setTitle] = useState(title); const [currentTitle, setTitle] = useState(title);
const [isTitleEditing, setTitleEditing] = useState(false); const [isTitleEditing, setTitleEditing] = useState(false);
const [isCheckboxChecked, setCheckboxChecked] = useState(false);
const handleTitleChange = async () => { const handleTitleChange = async () => {
const data = { const data = {
@ -43,6 +45,10 @@ export function TaskDetailModal({
setTitleEditing(false); setTitleEditing(false);
}; };
const handleCheckboxChange = () => {
setCheckboxChecked(!isCheckboxChecked);
};
const handleStartEventTimeChange = async (timeValue) => { const handleStartEventTimeChange = async (timeValue) => {
const formattedTime = convertToFormattedTime(timeValue); const formattedTime = convertToFormattedTime(timeValue);
setStartEventValue(formattedTime); setStartEventValue(formattedTime);
@ -327,18 +333,28 @@ export function TaskDetailModal({
</div> </div>
{/* Start event time picker */} {/* Start event time picker */}
<div className="rounded p-2 shadow border-2 ml-2 mt-4"> <div className="rounded mx-2 mt-4 flex flex-row items-center">
{/* handleStartEventTimeChange */} {/* handleStartEventTimeChange */}
<input
type="checkbox"
checked={isCheckboxChecked}
className="checkbox checkbox-xs bg-gray-400 mr-2"
onChange={handleCheckboxChange}
/>
<input <input
type="text" type="text"
placeholder="10:00 AM" placeholder="10:00 AM"
className="input input-bordered w-full max-w-xs" className="input input-bordered w-full max-w-xs"
onClick={handleStartEventTimeChange} onClick={() => handleStartEventTimeChange(dateStart)}
disabled={!isCheckboxChecked}
/> />
<div className="rounded mx-2">
<button className="btn btn-sm" onClick={() => handleStartEventTimeChange(dateStart)}>
Update Time
</button>
</div>
</div> </div>
<button className="btn btn-sm mt" onClick={handleStartEventTimeChange}>
Update
</button>
{/* Complete? */} {/* Complete? */}
<div className="mx-4"> <div className="mx-4">
<div className="flex items-center space-x-2 mt-4"> <div className="flex items-center space-x-2 mt-4">