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

upd: diskusi umum

Browse Source 
Deskripsi:
- detail anggota diskusi umum
- edit diskusi umum
- mengeluarkan anggota
- mengubah status diskusi umum
- mengarsipkan diskusi umum
- on proses tambah diskusi umum

No Issues
This commit is contained in:
amel
2025-05-06 17:39:09 +08:00
parent 1644bec261
commit 957812fb49
17 changed files with 590 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
components/discussion_general/headerDiscussionDetail.tsx
View File

@@ -1,23 +1,56 @@
import Styles from "@/constants/Styles"
import { apiDeleteDiscussionGeneral, apiUpdateStatusDiscussionGeneral } from "@/lib/api"
import { setUpdateDiscussionGeneralDetail } from "@/lib/discussionGeneralDetail"
import { useAuthSession } from "@/providers/AuthProvider"
import { MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
import { router } from "expo-router"
import { useState } from "react"
import { ToastAndroid, View } from "react-native"
import { useSelector } from "react-redux"
import { useDispatch, useSelector } from "react-redux"
import AlertKonfirmasi from "../alertKonfirmasi"
import ButtonMenuHeader from "../buttonMenuHeader"
import DrawerBottom from "../drawerBottom"
import MenuItemRow from "../menuItemRow"
type Props = {
id: string | string[]
id: string
active: boolean
status: number
}
export default function HeaderRightDiscussionGeneralDetail({ id, active, status }: Props) {
const { token, decryptToken } = useAuthSession()
const [isVisible, setVisible] = useState(false)
const entityUser = useSelector((state: any) => state.user)
const dispatch = useDispatch()
const update = useSelector((state: any) => state.discussionGeneralDetailUpdate)
async function handleUpdateStatus() {
try {
const hasil = await decryptToken(String(token?.current))
const response = await apiUpdateStatusDiscussionGeneral({ id: id, data: { status: status, user: hasil } })
if (response.success) {
ToastAndroid.show('Berhasil mengupdate data', ToastAndroid.SHORT)
dispatch(setUpdateDiscussionGeneralDetail(!update))
}
setVisible(false)
} catch (error) {
console.error(error)
}
}
async function handleDelete() {
try {
const hasil = await decryptToken(String(token?.current))
const response = await apiDeleteDiscussionGeneral({ active: !active, user: hasil }, id)
ToastAndroid.show('Berhasil mengupdate data', ToastAndroid.SHORT)
dispatch(setUpdateDiscussionGeneralDetail(!update))
} catch (error) {
console.error(error)
} finally {
setVisible(false)
}
}
return (
<>
@@ -55,8 +88,7 @@ export default function HeaderRightDiscussionGeneralDetail({ id, active, status
title: 'Konfirmasi',
desc: status == 1 ? 'Apakah anda yakin ingin menutup diskusi?' : 'Apakah anda yakin ingin membuka diskusi?',
onPress: () => {
setVisible(false)
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
handleUpdateStatus()
}
})
}}
@@ -71,10 +103,7 @@ export default function HeaderRightDiscussionGeneralDetail({ id, active, status
AlertKonfirmasi({
title: 'Konfirmasi',
desc: 'Apakah anda yakin ingin mengaktifkan diskusi ini?',
onPress: () => {
setVisible(false)
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
}
onPress: () => { handleDelete() }
})
}}
/>
@@ -93,10 +122,7 @@ export default function HeaderRightDiscussionGeneralDetail({ id, active, status
AlertKonfirmasi({
title: 'Konfirmasi',
desc: 'Apakah anda yakin ingin mengarsipkan diskusi?',
onPress: () => {
setVisible(false)
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
}
onPress: () => { handleDelete() }
})
}}
/>

3
components/imageNew.tsx
View File

@@ -5,6 +5,7 @@ import { Image } from "react-native";
type Props = {
src: string,
size?: 'sm' | 'xs'
border?: boolean
}
export default function ImageUser({ src, size }: Props) {
@@ -12,7 +13,7 @@ export default function ImageUser({ src, size }: Props) {
return (
<Image
source={error ? require('../assets/images/user.jpg') : { uri: src }}
style={[size == 'xs' ? Styles.userProfileExtraSmall : Styles.userProfileSmall]}
style={[size == 'xs' ? Styles.userProfileExtraSmall : Styles.userProfileSmall, Styles.borderAll]}
onError={() =>
setError(true)
}

18
components/imageWithLabel.tsx Normal file
View File

@@ -0,0 +1,18 @@
import Styles from "@/constants/Styles";
import { Text, TouchableOpacity } from "react-native";
import ImageUser from "./imageNew";
type Props = {
src: string
label: string
onClick?: () => void
}
export default function ImageWithLabel({ src, label, onClick }: Props) {
return (
<TouchableOpacity style={[Styles.contentItemCenter, Styles.mh05]} onPress={onClick}>
<ImageUser src={src} border />
<Text>{label}</Text>
</TouchableOpacity>
)
}

84
components/modalSelect.tsx
View File

@@ -1,7 +1,7 @@
import { valueGender } from "@/constants/Gender"
import { valueRoleUser } from "@/constants/RoleUser"
import Styles from "@/constants/Styles"
import { apiGetGroup, apiGetPosition } from "@/lib/api"
import { apiGetGroup, apiGetPosition, apiGetUser } from "@/lib/api"
import { setEntityFilterGroup } from "@/lib/filterSlice"
import { useAuthSession } from "@/providers/AuthProvider"
import { AntDesign } from "@expo/vector-icons"
@@ -9,12 +9,15 @@ import { useEffect, useState } from "react"
import { Pressable, ScrollView, Text, View } from "react-native"
import { useDispatch, useSelector } from "react-redux"
import DrawerBottom from "./drawerBottom"
import ImageUser from "./imageNew"
import ImageWithLabel from "./imageWithLabel"
import InputSearch from "./inputSearch"
type Props = {
open: boolean
close: (value: boolean) => void
title: string
category: 'group' | 'status-task' | 'position' | 'role' | 'gender'
category: 'group' | 'status-task' | 'position' | 'role' | 'gender' | 'member'
idParent?: string
onSelect: (value: { val: string, label: string }) => void
valChoose?: string
@@ -27,6 +30,9 @@ export default function ModalSelect({ open, close, title, category, idParent, on
const entitiesGroup = useSelector((state: any) => state.filterGroup)
const [chooseValue, setChooseValue] = useState({ val: valChoose, label: '' })
const [data, setData] = useState<any>([])
const [search, setSearch] = useState('')
const [selectMember, setSelectMember] = useState<any[]>([])
const entitiesMember = useSelector((state: any) => state.memberChoose)
async function handleLoadGroup() {
const hasil = await decryptToken(String(token?.current))
@@ -44,6 +50,15 @@ export default function ModalSelect({ open, close, title, category, idParent, on
}
}
async function handleLoadMember() {
const hasil = await decryptToken(String(token?.current))
const response = await apiGetUser({ user: hasil, active: "true", search: search, group: String(idParent) })
setData(response.data.filter((i: any) => i.idUserRole != 'supadmin'))
if (entitiesMember.length > 0) {
setSelectMember(entitiesMember)
}
}
function handleLoadUserRole() {
const filter = valueRoleUser.filter((v) => v.login == entityUser.role)[0]?.data
setData(filter)
@@ -65,28 +80,75 @@ export default function ModalSelect({ open, close, title, category, idParent, on
handleLoadUserRole()
} else if (category == "gender") {
handleLoadGender()
} else if (category == "member") {
handleLoadMember()
}
setChooseValue({ ...chooseValue, val: valChoose })
}, [dispatch, open]);
function onChoose(val: string, label: string) {
setChooseValue({ val, label })
onSelect({ val, label })
close(false)
function onChoose(val: string, label: string, img?: string) {
if (category == "member") {
if (selectMember.some((i: any) => i.idUser == val)) {
setSelectMember(selectMember.filter((i: any) => i.idUser != val))
} else {
setSelectMember([...selectMember, { idUser: val, name: label, img }])
}
} else {
setChooseValue({ val, label })
onSelect({ val, label })
close(false)
}
}
return (
<DrawerBottom animation="none" isVisible={open} setVisible={close} title={title} height={category == 'gender' ? 25 : 75}>
<DrawerBottom animation="none" isVisible={open} setVisible={close} title={title} height={category == 'gender' ? 25 : category == 'member' ? 100 : 75}>
{
category == 'member' &&
<>
<InputSearch onChange={setSearch} />
{
selectMember.length > 0
?
<ScrollView horizontal style={[Styles.mb10, Styles.pv10]}>
{
selectMember.map((item: any, index: any) => (
<ImageWithLabel
key={index}
label={item.name}
src={item.img}
onClick={() => onChoose(item.idUser, item.name, item.img)}
/>
))
}
</ScrollView>
:
<Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada member yang dipilih</Text>
}
</>
}
<ScrollView>
<View>
{
category != 'status-task' ?
data.length > 0 ?
data.map((item: any, index: any) => (
<Pressable key={index} style={[Styles.itemSelectModal]} onPress={() => { onChoose(item.id, item.name) }}>
<Text style={[chooseValue.val == item.id ? Styles.textDefaultSemiBold : Styles.textDefault]}>{item.name}</Text>
<Pressable key={index} style={[Styles.itemSelectModal]} onPress={() => { onChoose(item.id, item.name, item.img) }}>
{
chooseValue.val == item.id && <AntDesign name="check" size={20} />
category == 'member'
?
<View style={[Styles.rowItemsCenter]}>
<ImageUser src={`https://wibu-storage.wibudev.com/api/files/${item.img}`} border />
<Text style={[Styles.textDefault, Styles.ml10]}>{item.name}</Text>
</View>
:
<Text style={[chooseValue.val == item.id ? Styles.textDefaultSemiBold : Styles.textDefault]}>{item.name}</Text>
}
{
(category == 'member')
?
selectMember.some((i: any) => i.idUser == item.id) && <AntDesign name="check" size={20} />
:
chooseValue.val == item.id && <AntDesign name="check" size={20} />
}
</Pressable>
))
@@ -109,6 +171,6 @@ export default function ModalSelect({ open, close, title, category, idParent, on
</View>
</ScrollView>
</DrawerBottom>
</DrawerBottom >
)
}