upd: fitur baru task divisi

Deskripsi:
- api tambah detail detail task divisi
- api tambah task detail
- api edit task detail
- tampilan list detail task
- tampilan form tambah data task
- tampilan form tambah tugas detail task divisi
- tampilan form edit tugas detail task divisi

No Issues

src/module/task/ui/add_detail_task.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 { funCreateDetailTask } from "../lib/api_task";
+import { ModalAddDetailTugasTask } from "./modal_add_detail_tugas_task";
 
 export default function AddDetailTask() {
    const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
@@ -18,6 +20,8 @@ export default function AddDetailTask() {
    const [title, setTitle] = useState("")
    const [openModal, setOpenModal] = useState(false)
    const [loadingModal, setLoadingModal] = useState(false)
+   const [openModalDetailTask, setOpenModalDetailTask] = useState(false)
+   const [dataDetail, setDataDetail] = useState<any>([])
    const param = useParams<{ id: string, detail: string }>()
    const tema = useHookstate(TEMA)
    const [acuan, setAcuan] = useState(false)
@@ -57,11 +61,17 @@ export default function AddDetailTask() {
    async function onSubmit() {
       try {
          setLoadingModal(true)
+         const dataDetailFix = dataDetail.map((v: any) => ({
+            ...v,
+            date: moment(v.date).format("YYYY-MM-DD"),
+         }))
+
          const res = await funCreateDetailTask(param.detail, {
             title,
             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'),
-            idDivision: param.id
+            idDivision: param.id,
+            dataDetail: dataDetailFix
          })
 
          if (res.success) {
@@ -96,8 +106,15 @@ export default function AddDetailTask() {
          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
+            })))
          }
       }
    }
@@ -163,6 +180,16 @@ export default function AddDetailTask() {
                   ? <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={{
@@ -202,6 +229,15 @@ export default function AddDetailTask() {
             </Button>
          </Box>
 
+         <ModalAddDetailTugasTask
+            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?"
             onYes={(val) => {