upd: task division

>
> Deskripsi:
> - list task divisi
> - pencarian task divisi
> - detail task divisi
> - update status tugas task divisi
> - detail tugas task divisi
> - edit tugas task divisi
> - hapus tugas task divisi
> - hapus file task divisi
> - hapus member
> - tambah tugas task divisi
> - check file task divisi
> - tambah file task divisi
> - edit task divisi
> - cancel task divisi
> - tambah member task divisi
>
> No Issues

components/task/headerTaskDetail.tsx

@@ -1,11 +1,11 @@
 import Styles from "@/constants/Styles"
 import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
+import { router } from "expo-router"
 import { useState } from "react"
 import { View } from "react-native"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
 import MenuItemRow from "../menuItemRow"
-import { router } from "expo-router"
 
 type Props = {
    id: string | string[]
@@ -40,8 +40,8 @@ export default function HeaderRightTaskDetail({ id }: Props) {
                   icon={<MaterialIcons name="groups" color="black" size={25} />}
                   title="Tambah Anggota"
                   onPress={() => {
-                     // setVisible(false)
-
+                     setVisible(false)
+                     router.push(`./${id}/add-member`)
                   }}
                />
 

components/task/sectionFileTask.tsx

@@ -1,34 +1,87 @@
 import Styles from "@/constants/Styles";
+import { apiDeleteFileTask, apiGetTaskOne } from "@/lib/api";
+import { setUpdateTask } from "@/lib/taskUpdate";
+import { useAuthSession } from "@/providers/AuthProvider";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
-import { useState } from "react";
+import { useLocalSearchParams } from "expo-router";
+import { useEffect, useState } from "react";
 import { Text, ToastAndroid, View } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
 import AlertKonfirmasi from "../alertKonfirmasi";
 import BorderBottomItem from "../borderBottomItem";
 import DrawerBottom from "../drawerBottom";
 import MenuItemRow from "../menuItemRow";
 
+type Props = {
+   id: string
+   name: string
+   extension: string
+   idStorage: string
+}
+
 export default function SectionFileTask() {
    const [isModal, setModal] = useState(false)
+   const { token, decryptToken } = useAuthSession()
+   const { detail } = useLocalSearchParams<{ detail: string }>();
+   const [data, setData] = useState<Props[]>([])
+   const [idSelect, setIdSelect] = useState('')
+   const update = useSelector((state: any) => state.taskUpdate)
+   const dispatch = useDispatch()
+
+   async function handleLoad() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiGetTaskOne({ id: detail, user: hasil, cat: 'file' })
+         setData(response.data)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+   useEffect(() => {
+      handleLoad()
+   }, [update.file])
+
+   async function handleDelete() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiDeleteFileTask({ user: hasil }, idSelect);
+         if (response.success) {
+            ToastAndroid.show('Berhasil menghapus file', ToastAndroid.SHORT)
+            dispatch(setUpdateTask({ ...update, file: !update.file }))
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT)
+         }
+      } catch (error) {
+         console.error(error);
+         ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
+      } finally {
+         setModal(false)
+      }
+   }
 
    return (
       <>
          <View style={[Styles.mb15]}>
             <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>File</Text>
             <View style={[Styles.wrapPaper]}>
-               <BorderBottomItem
-                  borderType="all"
-                  icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
-                  title="image_pertama.jpg"
-                  titleWeight="normal"
-                  onPress={() => { setModal(true) }}
-               />
-               <BorderBottomItem
-                  borderType="all"
-                  icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
-                  title="file_kedua.pdf"
-                  titleWeight="normal"
-                  onPress={() => { setModal(true) }}
-               />
+               {
+                  data.length > 0 ?
+                     data.map((item, index) => {
+                        return (
+                           <BorderBottomItem
+                              key={index}
+                              borderType="all"
+                              icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
+                              title={item.name + '.' + item.extension}
+                              titleWeight="normal"
+                              onPress={() => { setIdSelect(item.id); setModal(true) }}
+                           />
+                        )
+                     })
+                     :
+                     <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada file</Text>
+               }
             </View>
          </View>
 
@@ -57,8 +110,7 @@ export default function SectionFileTask() {
                         title: 'Konfirmasi',
                         desc: 'Apakah Anda yakin ingin menghapus file ini? File yang dihapus tidak dapat dikembalikan',
                         onPress: () => {
-                           setModal(false)
-                           ToastAndroid.show('Berhasil menghapus data', ToastAndroid.SHORT)
+                           handleDelete()
                         }
                      })
 

components/task/sectionMemberTask.tsx

@@ -1,67 +1,165 @@
-import Styles from "@/constants/Styles"
-import { MaterialCommunityIcons } from "@expo/vector-icons"
-import { router } from "expo-router"
-import { useState } from "react"
-import { Image, Text, ToastAndroid, View } from "react-native"
-import AlertKonfirmasi from "../alertKonfirmasi"
-import BorderBottomItem from "../borderBottomItem"
-import DrawerBottom from "../drawerBottom"
-import MenuItemRow from "../menuItemRow"
+import Styles from "@/constants/Styles";
+import { apiDeleteTaskMember, apiGetTaskOne } from "@/lib/api";
+import { setUpdateTask } from "@/lib/taskUpdate";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { router, useLocalSearchParams } from "expo-router";
+import { useEffect, useState } from "react";
+import { Text, ToastAndroid, View } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
+import AlertKonfirmasi from "../alertKonfirmasi";
+import BorderBottomItem from "../borderBottomItem";
+import DrawerBottom from "../drawerBottom";
+import ImageUser from "../imageNew";
+import MenuItemRow from "../menuItemRow";
 
+type Props = {
+   id: string;
+   idUser: string;
+   name: string;
+   email: string;
+   img: string;
+   position: string;
+};
 
 export default function SectionMemberTask() {
-   const [isModal, setModal] = useState(false)
+   const [isModal, setModal] = useState(false);
+   const { token, decryptToken } = useAuthSession();
+   const { id, detail } = useLocalSearchParams<{ id: string; detail: string }>();
+   const [data, setData] = useState<Props[]>([]);
+   const dispatch = useDispatch();
+   const update = useSelector((state: any) => state.taskUpdate);
+   const [memberChoose, setMemberChoose] = useState({
+      id: "",
+      name: "",
+   });
+
+   async function handleLoad() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiGetTaskOne({
+            id: detail,
+            user: hasil,
+            cat: "member",
+         });
+         setData(response.data);
+      } catch (error) {
+         console.error(error);
+      }
+   }
+
+   useEffect(() => {
+      handleLoad();
+   }, [update.member]);
+
+
+   async function handleDeleteMember() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiDeleteTaskMember({
+            user: hasil,
+            idUser: memberChoose.id,
+         }, detail)
+         if (response.success) {
+            ToastAndroid.show("Berhasil menghapus anggota", ToastAndroid.SHORT);
+            dispatch(setUpdateTask({ ...update, member: !update.progress }))
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT);
+         }
+      } catch (error) {
+         console.error(error);
+         ToastAndroid.show("Gagal menghapus anggota", ToastAndroid.SHORT);
+      } finally {
+         setModal(false);
+      }
+   }
 
    return (
       <>
          <View style={[Styles.mb15]}>
             <View style={[Styles.rowSpaceBetween, Styles.mv05]}>
                <Text style={[Styles.textDefaultSemiBold]}>Anggota</Text>
-               <Text style={[Styles.textDefault]}>Total 5 Anggota</Text>
+               <Text style={[Styles.textDefault]}>Total {data.length} Anggota</Text>
             </View>
 
             <View style={[Styles.wrapPaper]}>
-               <BorderBottomItem
-                  borderType="bottom"
-                  icon={
-                    <></>
-                  }
-                  title="Amalia Dwi"
-                  subtitle="Dinas - Bendahara"
-                  rightTopInfo="Anggota"
-                  onPress={() => { setModal(true) }}
-               />
+               {data.length > 0 ? (
+                  data.map((item, index) => {
+                     return (
+                        <BorderBottomItem
+                           key={index}
+                           borderType="bottom"
+                           icon={
+                              <ImageUser
+                                 src={`https://wibu-storage.wibudev.com/api/files/${item.img}`}
+                              />
+                           }
+                           title={item.name}
+                           onPress={() => {
+                              setMemberChoose({
+                                 id: item.idUser,
+                                 name: item.name,
+                              });
+                              setModal(true);
+                           }}
+                        />
+                     );
+                  })
+               ) : (
+                  <Text
+                     style={[
+                        Styles.textDefault,
+                        Styles.cGray,
+                        { textAlign: "center" },
+                     ]}
+                  >
+                     Tidak ada anggota
+                  </Text>
+               )}
             </View>
          </View>
 
-         <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title="Menu">
+         <DrawerBottom
+            animation="slide"
+            isVisible={isModal}
+            setVisible={setModal}
+            title={memberChoose.name}
+         >
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
-                  icon={<MaterialCommunityIcons name="account-eye" color="black" size={25} />}
+                  icon={
+                     <MaterialCommunityIcons
+                        name="account-eye"
+                        color="black"
+                        size={25}
+                     />
+                  }
                   title="Lihat Profil"
                   onPress={() => {
-                     setModal(false)
-                     router.push('/member/123')
+                     setModal(false);
+                     router.push(`/member/${memberChoose.id}`);
                   }}
                />
 
                <MenuItemRow
-                  icon={<MaterialCommunityIcons name="account-remove" color="black" size={25} />}
+                  icon={
+                     <MaterialCommunityIcons
+                        name="account-remove"
+                        color="black"
+                        size={25}
+                     />
+                  }
                   title="Keluarkan"
                   onPress={() => {
                      AlertKonfirmasi({
-                        title: 'Konfirmasi',
-                        desc: 'Apakah Anda yakin ingin mengeluarkan anggota?',
-                        onPress: () => {
-                           setModal(false)
-                           ToastAndroid.show('Berhasil mengeluarkan anggota', ToastAndroid.SHORT)
-                        }
-                     })
-
+                        title: "Konfirmasi",
+                        desc: "Apakah Anda yakin ingin mengeluarkan anggota?",
+                        onPress: () => { handleDeleteMember() },
+                     });
                   }}
                />
             </View>
          </DrawerBottom>
       </>
-   )
-}
+   );
+}

components/task/sectionTanggalTugasTask.tsx

@@ -1,27 +1,128 @@
 import Styles from "@/constants/Styles";
+import { apiDeleteTaskTugas, apiGetTaskOne, apiUpdateStatusTaskDivision } from "@/lib/api";
+import { setUpdateTask } from "@/lib/taskUpdate";
+import { useAuthSession } from "@/providers/AuthProvider";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
-import { router } from "expo-router";
-import { useState } from "react";
+import { router, useLocalSearchParams } from "expo-router";
+import { useEffect, useState } from "react";
 import { Text, ToastAndroid, View } from "react-native";
-import ItemSectionTanggalTugas from "../itemSectionTanggalTugas";
-import DrawerBottom from "../drawerBottom";
-import MenuItemRow from "../menuItemRow";
+import { useDispatch, useSelector } from "react-redux";
 import AlertKonfirmasi from "../alertKonfirmasi";
+import DrawerBottom from "../drawerBottom";
+import ItemSectionTanggalTugas from "../itemSectionTanggalTugas";
+import MenuItemRow from "../menuItemRow";
 import ModalSelect from "../modalSelect";
 
 
+type Props = {
+   id: string;
+   title: string;
+   status: number;
+   dateStart: string;
+   dateEnd: string;
+}
+
 export default function SectionTanggalTugasTask() {
+   const dispatch = useDispatch()
+   const update = useSelector((state: any) => state.taskUpdate)
    const [isModal, setModal] = useState(false)
    const [isSelect, setSelect] = useState(false)
-   const [choose, setChoose] = useState({ val: '', label: '' })
+   const { token, decryptToken } = useAuthSession()
+   const { id, detail } = useLocalSearchParams<{ id: string, detail: string }>();
+   const [data, setData] = useState<Props[]>([])
+   const [tugas, setTugas] = useState({
+      id: '',
+      status: 0,
+   })
+
+   async function handleLoad() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiGetTaskOne({ id: detail, user: hasil, cat: 'task' })
+         setData(response.data)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+   async function handleUpdate(status: number) {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiUpdateStatusTaskDivision({
+            user: hasil,
+            idProject: detail,
+            status: status,
+         }, tugas.id);
+         if (response.success) {
+            dispatch(setUpdateTask({ ...update, progress: !update.progress, task: !update.task }))
+            ToastAndroid.show("Berhasil mengubah data", ToastAndroid.SHORT);
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT);
+         }
+      } catch (error) {
+         console.error(error);
+         ToastAndroid.show("Gagal mengubah data", ToastAndroid.SHORT);
+      } finally {
+         setSelect(false)
+      }
+   }
+
+   useEffect(() => {
+      handleLoad()
+   }, [update.task])
+
+
+   async function handleDelete() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiDeleteTaskTugas({
+            user: hasil,
+            idProject: detail,
+         }, tugas.id);
+         if (response.success) {
+            dispatch(setUpdateTask({ ...update, progress: !update.progress, task: !update.task }))
+            ToastAndroid.show("Berhasil menghapus data", ToastAndroid.SHORT);
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT);
+         }
+      } catch (error) {
+         console.error(error);
+         ToastAndroid.show("Gagal menghapus data", ToastAndroid.SHORT);
+      } finally {
+         setModal(false);
+      }
+   }
+
 
    return (
       <>
          <View style={[Styles.mb15, Styles.mt10]}>
             <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>Tanggal & Tugas</Text>
             <View style={[Styles.wrapPaper]}>
-               <ItemSectionTanggalTugas done={false} title="Pertama" dateStart="12-03-2023" dateEnd="15-03-2023" onPress={() => { setModal(true) }} />
-               <ItemSectionTanggalTugas done={true} title="Kedua" dateStart="15-03-2023" dateEnd="20-03-2023" onPress={() => { setModal(true) }} />
+               {
+                  data.length > 0
+                     ?
+                     data.map((item, index) => {
+                        return (
+                           <ItemSectionTanggalTugas
+                              key={index}
+                              done={item.status === 1}
+                              title={item.title}
+                              dateStart={item.dateStart}
+                              dateEnd={item.dateEnd}
+                              onPress={() => {
+                                 setTugas({
+                                    id: item.id,
+                                    status: item.status
+                                 })
+                                 setModal(true)
+                              }}
+                           />
+                        );
+                     })
+                     :
+                     <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada tugas</Text>
+               }
             </View>
          </View>
 
@@ -40,7 +141,7 @@ export default function SectionTanggalTugasTask() {
                   title="Edit Tugas"
                   onPress={() => {
                      setModal(false)
-                     router.push(`./update/124`)
+                     router.push(`./update/${tugas.id}`)
                   }}
                />
 
@@ -52,8 +153,7 @@ export default function SectionTanggalTugasTask() {
                         title: 'Konfirmasi',
                         desc: 'Apakah anda yakin ingin menghapus data ini?',
                         onPress: () => {
-                           setModal(false)
-                           ToastAndroid.show('Berhasil menghapus data', ToastAndroid.SHORT)
+                           handleDelete()
                         }
                      })
 
@@ -66,12 +166,11 @@ export default function SectionTanggalTugasTask() {
             category="status-task"
             close={setSelect}
             onSelect={(value) => {
-               setChoose(value)
-               setSelect(false)
-               ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
+               handleUpdate(Number(value.val))
             }}
             title="Status"
             open={isSelect}
+            valChoose={String(tugas.status)}
          />
       </>
    )