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/add_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 { funCreateDetailProject } from '../lib/api_project';
+import { ModalAddDetailTaskProject } from './modal_add_detail_task_project';
 
 export default function AddDetailTaskProject() {
    const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
@@ -21,6 +23,8 @@ export default function AddDetailTaskProject() {
    const param = useParams<{ id: string }>()
    const tema = useHookstate(TEMA)
    const [acuan, setAcuan] = useState(false)
+   const [openModalDetailTask, setOpenModalDetailTask] = useState(false)
+   const [dataDetail, setDataDetail] = useState<any>([])
    const [touched, setTouched] = useState({
       title: false,
       date: false
@@ -33,10 +37,16 @@ export default function AddDetailTaskProject() {
    async function onSubmit() {
       try {
          setLoadingModal(true)
+         const dataDetailFix = dataDetail.map((v: any) => ({
+            ...v,
+            date: moment(v.date).format("YYYY-MM-DD"),
+         }))
+
          const res = await funCreateDetailProject(param.id, {
             name,
             dateStart: (value[0] != null) ? moment(value[0]).format('YYYY-MM-DD') : moment(new Date).format('YYYY-MM-DD'),
             dateEnd: (value[1] != null) ? moment(value[1]).format('YYYY-MM-DD') : moment(new Date).format('YYYY-MM-DD'),
+            dataDetail: dataDetailFix
          })
 
          if (res.success) {
@@ -94,8 +104,15 @@ export default function AddDetailTaskProject() {
          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
+            })))
          }
       }
    }
@@ -119,7 +136,6 @@ export default function AddDetailTaskProject() {
                style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
             >
                <DatePicker
-                  styles={{}}
                   type="range"
                   value={value}
                   onChange={setValue}
@@ -160,6 +176,16 @@ export default function AddDetailTaskProject() {
                   ? <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}>
                <TextInput
                   styles={{
@@ -201,6 +227,15 @@ export default function AddDetailTaskProject() {
             </Button>
          </Box>
 
+         <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 menambahkan tugas?"