upd: fitur baru

Dekripsi:
- update struktur database
- tambah task detail jam pada project
- get list modal detail jam task project
- api get list detail jam task
- api tambah task detail jam pada project

No Issues

src/module/project/ui/edit_detail_task_project.tsx

@@ -1,4 +1,5 @@
 "use client"
+import { getDatesInRange } from '@/lib/getDatesInRange';
 import { keyWibu, LayoutNavbarNew, TEMA } from '@/module/_global';
 import LayoutModal from '@/module/_global/layout/layout_modal';
 import { useHookstate } from '@hookstate/core';
@@ -11,6 +12,7 @@ import { useState } from 'react';
 import toast from 'react-hot-toast';
 import { useWibuRealtime } from 'wibu-realtime';
 import { funEditDetailProject, funGetDetailProject } from '../lib/api_project';
+import { ModalAddDetailTaskProject } from './modal_add_detail_task_project';
 
 export default function EditDetailTaskProject() {
    const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
@@ -19,6 +21,8 @@ export default function EditDetailTaskProject() {
    const param = useParams<{ id: string }>()
    const [openModal, setOpenModal] = useState(false)
    const [loading, setLoading] = useState(true)
+   const [openModalDetailTask, setOpenModalDetailTask] = useState(false)
+   const [dataDetail, setDataDetail] = useState<any>([])
    const [loadingModal, setLoadingModal] = useState(false)
    const tema = useHookstate(TEMA)
    const [touched, setTouched] = useState({
@@ -77,6 +81,10 @@ export default function EditDetailTaskProject() {
                new Date(moment(res.data.dateStart).format('YYYY-MM-DD')),
                new Date(moment(res.data.dateEnd).format('YYYY-MM-DD')),
             ])
+
+            const res2 = await funGetDetailProject(param.id, 'detailTask');
+            console.log('detail task',res2)
+            setDataDetail(res2.data)
          } else {
             toast.error(res.message);
          }
@@ -112,8 +120,15 @@ export default function EditDetailTaskProject() {
          const array = val.split(",")
          if (array[0] == '' || array[1] == '') {
             setTouched({ ...touched, date: true })
+            setDataDetail([])
          } else {
             setTouched({ ...touched, date: false })
+            const datanya = getDatesInRange(value[0]!, value[1]!)
+            setDataDetail(datanya.map((data: any) => ({
+               date: data,
+               timeStart: null,
+               timeEnd: null
+            })))
          }
       }
    }
@@ -187,6 +202,16 @@ export default function EditDetailTaskProject() {
                   ? <Text size="sm" c={"red"}>Tanggal Tidak Boleh Kosong</Text>
                   : <></>
             }
+            <Button
+               variant="light"
+               size="compact-md"
+               radius={5}
+               onClick={() => { setOpenModalDetailTask(true) }}
+               mt={5}
+               disabled={value[0] == null || value[1] == null || touched.date}
+            >
+               Detail
+            </Button>
             <Stack pt={15} pb={100}>
                {loading ?
                   <Skeleton height={40} mt={20} radius={10} />
@@ -234,6 +259,18 @@ export default function EditDetailTaskProject() {
             }
          </Box>
 
+
+{/* TODO */}
+         {/* <ModalAddDetailTaskProject
+            open={openModalDetailTask}
+            onClose={() => setOpenModalDetailTask(false)}
+            data={dataDetail}
+            onSubmit={(data) => {
+               setDataDetail(data)
+               setOpenModalDetailTask(false)
+            }}
+         /> */}
+
          <LayoutModal loading={loadingModal} opened={openModal} onClose={() => setOpenModal(false)}
             description="Apakah Anda yakin ingin mengubah data?"
             onYes={(val) => {