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

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>
)
}
</>
)
}