upd: project
Deskripsi: - tambah file - hapus file - upload file pada tambah data - download file blm selesai No Issues
This commit is contained in:
amel
@@ -58,8 +58,8 @@ export default function ProjectAddFile() {
|
||||
|
||||
fd.append("file", {
|
||||
uri: val.uri,
|
||||
type: val.mimeType,
|
||||
name: val.fileName,
|
||||
type: 'application/octet-stream',
|
||||
name: val.name,
|
||||
} as any);
|
||||
|
||||
fd.append(
|
||||
@@ -88,8 +88,8 @@ export default function ProjectAddFile() {
|
||||
for (let i = 0; i < fileForm.length; i++) {
|
||||
fd.append(`file${i}`, {
|
||||
uri: fileForm[i].uri,
|
||||
type: fileForm[i].mimeType,
|
||||
name: fileForm[i].fileName,
|
||||
type: 'application/octet-stream',
|
||||
name: fileForm[i].name,
|
||||
} as any);
|
||||
}
|
||||
|
||||
@@ -100,16 +100,15 @@ export default function ProjectAddFile() {
|
||||
})
|
||||
);
|
||||
|
||||
console.log(fd)
|
||||
|
||||
const response = await apiAddFileProject({ data: fd, id: id })
|
||||
// if (response.success) {
|
||||
// ToastAndroid.show('Berhasil menambahkan file', ToastAndroid.SHORT)
|
||||
// dispatch(setUpdateProject({ ...update, file: !update.file }))
|
||||
// router.back()
|
||||
// } else {
|
||||
// ToastAndroid.show(response.message, ToastAndroid.SHORT)
|
||||
// }
|
||||
if (response.success) {
|
||||
ToastAndroid.show('Berhasil menambahkan file', ToastAndroid.SHORT)
|
||||
dispatch(setUpdateProject({ ...update, file: !update.file }))
|
||||
router.back()
|
||||
} else {
|
||||
ToastAndroid.show(response.message, ToastAndroid.SHORT)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
|
||||
|
||||
@@ -2,8 +2,10 @@ import BorderBottomItem from "@/components/borderBottomItem";
|
||||
import ButtonBackHeader from "@/components/buttonBackHeader";
|
||||
import ButtonSaveHeader from "@/components/buttonSaveHeader";
|
||||
import ButtonSelect from "@/components/buttonSelect";
|
||||
import DrawerBottom from "@/components/drawerBottom";
|
||||
import ImageUser from "@/components/imageNew";
|
||||
import { InputForm } from "@/components/inputForm";
|
||||
import MenuItemRow from "@/components/menuItemRow";
|
||||
import ModalSelect from "@/components/modalSelect";
|
||||
import SectionListAddTask from "@/components/project/sectionListAddTask";
|
||||
import SelectForm from "@/components/selectForm";
|
||||
@@ -13,6 +15,8 @@ import { setMemberChoose } from "@/lib/memberChoose";
|
||||
import { setUpdateProject } from "@/lib/projectUpdate";
|
||||
import { setTaskCreate } from "@/lib/taskCreate";
|
||||
import { useAuthSession } from "@/providers/AuthProvider";
|
||||
import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
|
||||
import * as DocumentPicker from "expo-document-picker";
|
||||
import { router, Stack } from "expo-router";
|
||||
import { useEffect, useState } from "react";
|
||||
import {
|
||||
@@ -34,8 +38,10 @@ export default function CreateProject() {
|
||||
const entitiesMember = useSelector((state: any) => state.memberChoose);
|
||||
const taskCreate = useSelector((state: any) => state.taskCreate);
|
||||
const update = useSelector((state: any) => state.projectUpdate)
|
||||
const [fileForm, setFileForm] = useState([])
|
||||
const [fileForm, setFileForm] = useState<any[]>([])
|
||||
const [indexDelFile, setIndexDelFile] = useState<number>(0)
|
||||
const [disableBtn, setDisableBtn] = useState(true)
|
||||
const [isModal, setModal] = useState(false)
|
||||
const [dataForm, setDataForm] = useState({
|
||||
idGroup: "",
|
||||
title: "",
|
||||
@@ -96,12 +102,19 @@ export default function CreateProject() {
|
||||
try {
|
||||
const hasil = await decryptToken(String(token?.current))
|
||||
const fd = new FormData()
|
||||
|
||||
for (let i = 0; i < fileForm.length; i++) {
|
||||
fd.append(`file${i}`, fileForm[i]);
|
||||
fd.append(`file${i}`, {
|
||||
uri: fileForm[i].uri,
|
||||
type: 'application/octet-stream',
|
||||
name: fileForm[i].name,
|
||||
} as any);
|
||||
}
|
||||
|
||||
fd.append("data", JSON.stringify(
|
||||
{ user: hasil, task: taskCreate, member: entitiesMember, ...dataForm }
|
||||
))
|
||||
|
||||
const response = await apiCreateProject(fd)
|
||||
if (response.success) {
|
||||
dispatch(setUpdateProject({ ...update, data: !update.data }))
|
||||
@@ -128,6 +141,23 @@ export default function CreateProject() {
|
||||
checkForm()
|
||||
}, [error, dataForm, entitiesMember, taskCreate])
|
||||
|
||||
const pickDocumentAsync = async () => {
|
||||
let result = await DocumentPicker.getDocumentAsync({
|
||||
type: ["*/*"],
|
||||
multiple: false
|
||||
});
|
||||
if (!result.canceled) {
|
||||
if (result.assets[0].uri) {
|
||||
setFileForm([...fileForm, result.assets[0]])
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function deleteFile(index: number) {
|
||||
setFileForm([...fileForm.filter((val, i) => i !== index)])
|
||||
setModal(false)
|
||||
}
|
||||
|
||||
|
||||
return (
|
||||
<SafeAreaView>
|
||||
@@ -143,7 +173,7 @@ export default function CreateProject() {
|
||||
headerTitle: "Tambah Kegiatan",
|
||||
headerTitleAlign: "center",
|
||||
headerRight: () => (
|
||||
<ButtonSaveHeader
|
||||
<ButtonSaveHeader
|
||||
disable={disableBtn}
|
||||
category="create"
|
||||
onPress={() => {
|
||||
@@ -188,7 +218,7 @@ export default function CreateProject() {
|
||||
error={error.task}
|
||||
errorText="Tanggal & Tugas tidak boleh kosong"
|
||||
/>
|
||||
<ButtonSelect value="Upload File" />
|
||||
<ButtonSelect value="Upload File" onPress={pickDocumentAsync} />
|
||||
<ButtonSelect
|
||||
value="Pilih Anggota"
|
||||
onPress={() => {
|
||||
@@ -206,6 +236,27 @@ export default function CreateProject() {
|
||||
errorText="Anggota tidak boleh kosong"
|
||||
/>
|
||||
<SectionListAddTask />
|
||||
{
|
||||
fileForm.length > 0 && (
|
||||
<View style={[Styles.mb15]}>
|
||||
<Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>File</Text>
|
||||
<View style={[Styles.wrapPaper]}>
|
||||
{
|
||||
fileForm.map((item, index) => (
|
||||
<BorderBottomItem
|
||||
key={index}
|
||||
borderType="all"
|
||||
icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
|
||||
title={item.name}
|
||||
titleWeight="normal"
|
||||
onPress={() => { setIndexDelFile(index); setModal(true) }}
|
||||
/>
|
||||
))
|
||||
}
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
{entitiesMember.length > 0 && (
|
||||
<View>
|
||||
<View style={[Styles.rowSpaceBetween, Styles.mv05]}>
|
||||
@@ -236,6 +287,15 @@ export default function CreateProject() {
|
||||
)}
|
||||
</View>
|
||||
</ScrollView>
|
||||
<DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title="Menu">
|
||||
<View style={Styles.rowItemsCenter}>
|
||||
<MenuItemRow
|
||||
icon={<Ionicons name="trash" color="black" size={25} />}
|
||||
title="Hapus"
|
||||
onPress={() => { deleteFile(indexDelFile) }}
|
||||
/>
|
||||
</View>
|
||||
</DrawerBottom>
|
||||
|
||||
<ModalSelect
|
||||
category={valSelect}
|
||||
|
||||
Reference in New Issue
Block a user