upd: project

Deskripsi:
- ui detail project
- ui create project
- ui edit tambah tugas
- ui edit tambah file
- ui edit judul project
- ui cancel project

No Issues

app/(application)/project/[id]/add-file.tsx

@@ -0,0 +1,59 @@
+import AlertKonfirmasi from "@/components/alertKonfirmasi"
+import BorderBottomItem from "@/components/borderBottomItem"
+import ButtonBackHeader from "@/components/buttonBackHeader"
+import { ButtonForm } from "@/components/buttonForm"
+import ButtonSelect from "@/components/buttonSelect"
+import Styles from "@/constants/Styles"
+import { MaterialCommunityIcons } from "@expo/vector-icons"
+import { router, Stack, useLocalSearchParams } from "expo-router"
+import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native"
+
+export default function ProjectAddFile() {
+   const { id } = useLocalSearchParams()
+
+   return (
+      <SafeAreaView>
+         <Stack.Screen
+            options={{
+               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
+               headerTitle: 'Tambah File',
+               headerTitleAlign: 'center',
+            }}
+         />
+         <ScrollView>
+            <View style={[Styles.p15, Styles.mb100]}>
+               <ButtonSelect value="Upload File" />
+               <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"
+                     />
+                     <BorderBottomItem
+                        borderType="all"
+                        icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
+                        title="file_kedua.pdf"
+                        titleWeight="normal"
+                     />
+                  </View>
+               </View>
+               <ButtonForm
+                  text="SIMPAN"
+                  onPress={() => {
+                     AlertKonfirmasi({
+                        title: 'Konfirmasi',
+                        desc: 'Apakah anda yakin ingin menambahkan data?',
+                        onPress: () => {
+                           ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
+                           router.push('/project/4324')
+                        }
+                     })
+                  }} />
+            </View>
+         </ScrollView>
+      </SafeAreaView>
+   )
+}

app/(application)/project/[id]/add-task.tsx

@@ -0,0 +1,74 @@
+import AlertKonfirmasi from "@/components/alertKonfirmasi"
+import ButtonBackHeader from "@/components/buttonBackHeader"
+import { ButtonForm } from "@/components/buttonForm"
+import { InputForm } from "@/components/inputForm"
+import Styles from "@/constants/Styles"
+import dayjs from "dayjs"
+import { router, Stack, useLocalSearchParams } from "expo-router"
+import { useState } from "react"
+import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native"
+import DateTimePicker, { DateType, getDefaultStyles } from 'react-native-ui-datepicker';
+
+export default function ProjectAddTask() {
+   const { id } = useLocalSearchParams()
+   const [range, setRange] = useState<{ startDate: DateType; endDate: DateType; }>({ startDate: undefined, endDate: undefined });
+   const defaultStyles = getDefaultStyles()
+
+   const from = range.startDate
+      ? dayjs(range.startDate).format('MMM DD, YYYY')
+      : '';
+   const to = range.endDate ? dayjs(range.endDate).format('MMM DD, YYYY') : '';
+
+
+   return (
+      <SafeAreaView>
+         <Stack.Screen
+            options={{
+               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
+               headerTitle: 'Tambah Tugas',
+               headerTitleAlign: 'center',
+            }}
+         />
+         <ScrollView>
+            <View style={[Styles.p15, Styles.mb100]}>
+               <View style={[Styles.wrapPaper, Styles.p10]}>
+                  <DateTimePicker
+                     mode="range"
+                     startDate={range.startDate}
+                     endDate={range.endDate}
+                     onChange={(param) => setRange(param)}
+                     styles={defaultStyles}
+                  />
+               </View>
+               <View style={[Styles.rowSpaceBetween, Styles.mv10]}>
+                  <View style={[{ width: '48%' }]}>
+                     <Text style={[Styles.mb05]}>Tanggal Mulai <Text style={Styles.cError}>*</Text></Text>
+                     <View style={[Styles.wrapPaper, Styles.p10]}>
+                        <Text style={{ textAlign: 'center' }}>{from}</Text>
+                     </View>
+                  </View>
+                  <View style={[{ width: '48%' }]}>
+                     <Text style={[Styles.mb05]}>Tanggal Berakhir <Text style={Styles.cError}>*</Text></Text>
+                     <View style={[Styles.wrapPaper, Styles.p10]}>
+                        <Text style={{ textAlign: 'center' }}>{to}</Text>
+                     </View>
+                  </View>
+               </View>
+               <InputForm label="Judul Tugas" type="default" placeholder="Judul Tugas" required bg="white" />
+               <ButtonForm
+                  text="SIMPAN"
+                  onPress={() => {
+                     AlertKonfirmasi({
+                        title: 'Konfirmasi',
+                        desc: 'Apakah anda yakin ingin menambahkan data?',
+                        onPress: () => {
+                           ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
+                           router.push('/project/4324')
+                        }
+                     })
+                  }} />
+            </View>
+         </ScrollView>
+      </SafeAreaView>
+   )
+}

app/(application)/project/[id]/cancel.tsx

@@ -0,0 +1,39 @@
+import AlertKonfirmasi from "@/components/alertKonfirmasi"
+import ButtonBackHeader from "@/components/buttonBackHeader"
+import { ButtonForm } from "@/components/buttonForm"
+import { InputForm } from "@/components/inputForm"
+import Styles from "@/constants/Styles"
+import { router, Stack, useLocalSearchParams } from "expo-router"
+import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
+
+export default function ProjectCancel() {
+   const { id } = useLocalSearchParams()
+   return (
+      <SafeAreaView>
+         <Stack.Screen
+            options={{
+               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
+               headerTitle: 'Pembatalan Kegiatan',
+               headerTitleAlign: 'center',
+            }}
+         />
+         <ScrollView>
+            <View style={[Styles.p15, Styles.mb100]}>
+               <InputForm label="Alasan Pembatalan" type="default" placeholder="Alasan Pembatalan" required bg="white" />
+               <ButtonForm
+                  text="SIMPAN"
+                  onPress={() => {
+                     AlertKonfirmasi({
+                        title: 'Konfirmasi',
+                        desc: 'Apakah anda yakin ingin membatalkan kegiatan? Pembatalan bersifat permanen',
+                        onPress: () => {
+                           ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
+                           router.push('/project/4324')
+                        }
+                     })
+                  }} />
+            </View>
+         </ScrollView>
+      </SafeAreaView>
+   )
+}

app/(application)/project/[id]/edit.tsx

@@ -0,0 +1,39 @@
+import AlertKonfirmasi from "@/components/alertKonfirmasi"
+import ButtonBackHeader from "@/components/buttonBackHeader"
+import { ButtonForm } from "@/components/buttonForm"
+import { InputForm } from "@/components/inputForm"
+import Styles from "@/constants/Styles"
+import { router, Stack, useLocalSearchParams } from "expo-router"
+import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
+
+export default function EditProject() {
+   const { id } = useLocalSearchParams()
+   return (
+      <SafeAreaView>
+      <Stack.Screen
+         options={{
+            headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
+            headerTitle: 'Edit Judul Kegiatan',
+            headerTitleAlign: 'center',
+         }}
+      />
+      <ScrollView>
+         <View style={[Styles.p15, Styles.mb100]}>
+            <InputForm label="Judul Kegiatan" type="default" placeholder="Judul Kegiatan" required bg="white" />
+            <ButtonForm
+               text="SIMPAN"
+               onPress={() => {
+                  AlertKonfirmasi({
+                     title: 'Konfirmasi',
+                     desc: 'Apakah anda yakin ingin mengubah data?',
+                     onPress: () => {
+                        ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
+                        router.push('/project/4324')
+                     }
+                  })
+               }} />
+         </View>
+      </ScrollView>
+   </SafeAreaView>
+   )
+}

app/(application)/project/[id]/index.tsx

@@ -1,5 +1,7 @@
 import ButtonBackHeader from "@/components/buttonBackHeader";
 import HeaderRightProjectDetail from "@/components/project/headerProjectDetail";
+import SectionFile from "@/components/sectionFile";
+import SectionMember from "@/components/sectionMember";
 import SectionProgress from "@/components/sectionProgress";
 import SectionTanggalTugas from "@/components/sectionTanggalTugas";
 import Styles from "@/constants/Styles";
@@ -19,9 +21,11 @@ export default function DetailProject() {
             }}
          />
          <ScrollView>
-            <View style={[Styles.p15]}>
+            <View style={[Styles.p15, Styles.mb100]}>
                <SectionProgress text="Kemajuan Kegiatan 50%" />
                <SectionTanggalTugas />
+               <SectionFile/>
+               <SectionMember/>
             </View>
          </ScrollView>
       </SafeAreaView>