wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: calendar division

Browse Source 
Deskripsi:
- load list data event
- indicator kalender
- detail data event kalender
- mengeluarkan anggota
- menambahkan anggota
- menghapus event kalender
- riwayat event kalender
- nb : tambah dan edit kalender blm selesai karena input tgl susahh

No Issues
This commit is contained in:
amel
2025-05-23 17:35:07 +08:00
parent 3f67f65ae5
commit ee87cab5b8
12 changed files with 657 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
components/calendar/headerCalendarDetail.tsx
View File

@@ -1,8 +1,12 @@
import Styles from "@/constants/Styles"
import { apiDeleteCalendar } from "@/lib/api"
import { setUpdateCalendar } from "@/lib/calendarUpdate"
import { useAuthSession } from "@/providers/AuthProvider"
import { Ionicons, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
import { router } from "expo-router"
import { useState } from "react"
import { ToastAndroid, View } from "react-native"
import { useDispatch, useSelector } from "react-redux"
import AlertKonfirmasi from "../alertKonfirmasi"
import ButtonMenuHeader from "../buttonMenuHeader"
import DrawerBottom from "../drawerBottom"
@@ -14,6 +18,28 @@ type Props = {
export default function HeaderRightCalendarDetail({ id }: Props) {
const [isVisible, setVisible] = useState(false)
const { token, decryptToken } = useAuthSession()
const update = useSelector((state: any) => state.calendarUpdate)
const dispatch = useDispatch()
async function handleDeleteCalendar() {
try {
const hasil = await decryptToken(String(token?.current));
const response = await apiDeleteCalendar({ user: hasil }, String(id));
if (response.success) {
dispatch(setUpdateCalendar({ ...update, data: !update.data }));
ToastAndroid.show(response.message, ToastAndroid.SHORT);
router.back()
} else {
ToastAndroid.show(response.message, ToastAndroid.SHORT);
}
} catch (error) {
console.error(error);
ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT);
} finally {
setVisible(false)
}
}
return (
<>
@@ -25,7 +51,7 @@ export default function HeaderRightCalendarDetail({ id }: Props) {
title="Tambah Anggota"
onPress={() => {
setVisible(false)
router.push(`./${id}/add-member`)
}}
/>
<MenuItemRow
@@ -42,11 +68,9 @@ export default function HeaderRightCalendarDetail({ id }: Props) {
onPress={() => {
AlertKonfirmasi({
title: 'Konfirmasi',
desc: 'Apakah anda yakin ingin menghapus data?',
desc: 'Apakah anda yakin ingin menghapus data ini? Data ini akan mempengaruhi semua data yang terkait',
onPress: () => {
setVisible(false)
ToastAndroid.show('Berhasil menghapus data', ToastAndroid.SHORT)
router.back()
handleDeleteCalendar()
}
})
}}

100
components/calendar/itemHistoryEvent.tsx
View File

@@ -2,73 +2,45 @@ import { ColorsStatus } from "@/constants/ColorsStatus";
import Styles from "@/constants/Styles";
import { Text, View } from "react-native";
export default function ItemHistoryEvent() {
type Props = {
dateStart: Date
year: string
data: {
title: string
timeStart: string
timeEnd: string
}[]
}[]
export default function ItemHistoryEvent({ data }: { data: Props }) {
return (
<>
<View style={[{ flexDirection: 'row' }, Styles.mv05, ColorsStatus.lightGreen, Styles.p10, Styles.round10]}>
<View style={[Styles.mr10, Styles.ph05]}>
<Text style={[Styles.textSubtitle]}>22 Jan</Text>
<Text style={[Styles.textDefault, { textAlign: 'center' }]}>Kamis</Text>
</View>
<View>
<View style={[Styles.mb05]}>
<Text style={[Styles.textDefaultSemiBold]}>Acara 1</Text>
<Text style={[Styles.textDefault]}>07:00 | 08:00</Text>
{
data.length > 0 ? (
data.map((item, index) => (
<View key={index} style={[{ flexDirection: 'row' }, Styles.mv05, ColorsStatus.lightGreen, Styles.p10, Styles.round10]}>
<View style={[Styles.mr10, Styles.ph05]}>
<Text style={[Styles.textSubtitle]}>{String(item.dateStart)}</Text>
<Text style={[Styles.textDefault, { textAlign: 'center' }]}>{item.year}</Text>
</View>
<View style={[{ flex: 1 }]}>
{
item.data.map((item2, index2) => (
<View key={index2} style={[Styles.mb05, Styles.w80]}>
<Text style={[Styles.textDefaultSemiBold]} numberOfLines={1} ellipsizeMode="tail">{item2.title}</Text>
<Text style={[Styles.textDefault]}>{item2.timeStart} | {item2.timeEnd}</Text>
</View>
))
}
</View>
</View>
))
) : (
<View style={[Styles.p15]}>
<Text style={[Styles.textDefault]}>Tidak ada data</Text>
</View>
<View style={[Styles.mb05]}>
<Text style={[Styles.textDefaultSemiBold]}>Acara 2</Text>
<Text style={[Styles.textDefault]}>10:30 | 12:00</Text>
</View>
</View>
</View>
<View style={[{ flexDirection: 'row' }, Styles.mv05, ColorsStatus.lightGreen, Styles.p10, Styles.round10]}>
<View style={[Styles.mr10, Styles.ph05]}>
<Text style={[Styles.textSubtitle]}>15 Feb</Text>
<Text style={[Styles.textDefault, { textAlign: 'center' }]}>Senin</Text>
</View>
<View>
<View style={[Styles.mb05]}>
<Text style={[Styles.textDefaultSemiBold]}>Acara 1</Text>
<Text style={[Styles.textDefault]}>07:00 | 08:00</Text>
</View>
</View>
</View>
<View style={[{ flexDirection: 'row' }, Styles.mv05, ColorsStatus.lightGreen, Styles.p10, Styles.round10]}>
<View style={[Styles.mr10, Styles.ph05]}>
<Text style={[Styles.textSubtitle]}>15 Feb</Text>
<Text style={[Styles.textDefault, { textAlign: 'center' }]}>Senin</Text>
</View>
<View>
<View style={[Styles.mb05]}>
<Text style={[Styles.textDefaultSemiBold]}>Acara 1</Text>
<Text style={[Styles.textDefault]}>07:00 | 08:00</Text>
</View>
</View>
</View>
<View style={[{ flexDirection: 'row' }, Styles.mv05, ColorsStatus.lightGreen, Styles.p10, Styles.round10]}>
<View style={[Styles.mr10, Styles.ph05]}>
<Text style={[Styles.textSubtitle]}>15 Feb</Text>
<Text style={[Styles.textDefault, { textAlign: 'center' }]}>Senin</Text>
</View>
<View>
<View style={[Styles.mb05]}>
<Text style={[Styles.textDefaultSemiBold]}>Acara 1</Text>
<Text style={[Styles.textDefault]}>07:00 | 08:00</Text>
</View>
</View>
</View>
<View style={[{ flexDirection: 'row' }, Styles.mv05, ColorsStatus.lightGreen, Styles.p10, Styles.round10]}>
<View style={[Styles.mr10, Styles.ph05]}>
<Text style={[Styles.textSubtitle]}>15 Feb</Text>
<Text style={[Styles.textDefault, { textAlign: 'center' }]}>Senin</Text>
</View>
<View>
<View style={[Styles.mb05]}>
<Text style={[Styles.textDefaultSemiBold]}>Acara 1</Text>
<Text style={[Styles.textDefault]}>07:00 | 08:00</Text>
</View>
</View>
</View>
)
}
</>
)
}

4
components/imageWithLabel.tsx
View File

@@ -10,9 +10,9 @@ type Props = {
export default function ImageWithLabel({ src, label, onClick }: Props) {
return (
<TouchableOpacity style={[Styles.contentItemCenter, Styles.mh05]} onPress={onClick}>
<TouchableOpacity style={[Styles.contentItemCenter, Styles.mh05, { width: 70 }]} onPress={onClick}>
<ImageUser src={src} border />
<Text numberOfLines={1} ellipsizeMode="tail">{label}</Text>
<Text numberOfLines={1} ellipsizeMode="tail" style={[{ textAlign: 'center' }]}>{label}</Text>
</TouchableOpacity>
)
}