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

upd: diskusi divisi

Browse Source 
Deskripsi:
- list diskusi
- search diskusi
- detail diskusi
- kirim komentar
- edit diskusi
- status diskusi
- arsip diskusi
- tambah diskusi
- role akses user diskusi

No Issues
This commit is contained in:
amel
2025-05-22 17:19:35 +08:00
parent 7eaa8cf95b
commit 3f67f65ae5
14 changed files with 643 additions and 317 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
app/(application)/division/[id]/(fitur-division)/discussion/[detail]/edit.tsx
View File

@@ -2,40 +2,92 @@ import ButtonBackHeader from "@/components/buttonBackHeader";
import ButtonSaveHeader from "@/components/buttonSaveHeader";
import { InputForm } from "@/components/inputForm";
import Styles from "@/constants/Styles";
import { router, Stack } from "expo-router";
import { apiEditDiscussion, apiGetDiscussionOne } from "@/lib/api";
import { setUpdateDiscussion } from "@/lib/discussionUpdate";
import { useAuthSession } from "@/providers/AuthProvider";
import { router, Stack, useLocalSearchParams } from "expo-router";
import { useEffect, useState } from "react";
import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
import { useDispatch, useSelector } from "react-redux";
export default function DiscussionDivisionEdit() {
const { id, detail } = useLocalSearchParams<{ id: string; detail: string }>();
const { token, decryptToken } = useAuthSession();
const [data, setData] = useState("");
const update = useSelector((state: any) => state.discussionUpdate);
const dispatch = useDispatch();
async function handleLoad() {
try {
const hasil = await decryptToken(String(token?.current));
const response = await apiGetDiscussionOne({
id: detail,
user: hasil,
cat: "data",
});
setData(response.data.desc);
} catch (error) {
console.error(error);
}
}
useEffect(() => {
handleLoad();
}, []);
async function handleUpdate() {
try {
const hasil = await decryptToken(String(token?.current));
const response = await apiEditDiscussion({
data: { user: hasil, desc: data },
id: detail,
});
if (response.success) {
ToastAndroid.show("Berhasil mengubah data", ToastAndroid.SHORT);
dispatch(setUpdateDiscussion({ ...update, data: !update.data }));
router.back();
}
} catch (error) {
console.error(error);
}
}
return (
<SafeAreaView>
<Stack.Screen
options={{
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Edit Diskusi',
headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="update" onPress={() => {
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
router.back()
}} />
headerLeft: () => (
<ButtonBackHeader
onPress={() => {
router.back();
}}
/>
),
headerTitle: "Edit Diskusi",
headerTitleAlign: "center",
headerRight: () => (
<ButtonSaveHeader
disable={data == ""}
category="update"
onPress={() => {
handleUpdate();
}}
/>
),
}}
/>
<ScrollView>
<View style={[Styles.p15]}>
<InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
{/* <ButtonForm
text="SIMPAN"
onPress={() => {
AlertKonfirmasi({
title: 'Konfirmasi',
desc: 'Apakah anda yakin ingin mengubah data?',
onPress: () => {
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
router.back()
}
})
}} /> */}
<InputForm
label="Diskusi"
type="default"
placeholder="Hal yang didiskusikan"
required
value={data}
onChange={setData}
/>
</View>
</ScrollView>
</SafeAreaView>
)
}
);
}

336
app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
View File

@@ -1,152 +1,278 @@
import BorderBottomItem from "@/components/borderBottomItem";
import ButtonBackHeader from "@/components/buttonBackHeader";
import HeaderRightDiscussionDetail from "@/components/discussion/headerDiscussionDetail";
import ImageUser from "@/components/imageNew";
import { InputForm } from "@/components/inputForm";
import LabelStatus from "@/components/labelStatus";
import Styles from "@/constants/Styles";
import {
apiGetDiscussionOne,
apiGetDivisionOneFeature,
apiSendDiscussionCommentar,
} from "@/lib/api";
import { useAuthSession } from "@/providers/AuthProvider";
import { Ionicons, MaterialIcons } from "@expo/vector-icons";
import { router, Stack, useLocalSearchParams } from "expo-router";
import { Image, ScrollView, Text, View } from "react-native";
import { useEffect, useState } from "react";
import { Pressable, ScrollView, Text, View } from "react-native";
import { useSelector } from "react-redux";
type Props = {
id: string;
title: string;
desc: string;
status: number;
createdAt: string;
createdBy: string;
username: string;
user_img: string;
isCreator: boolean;
isActive: boolean;
};
type PropsComment = {
id: string;
comment: string;
createdAt: string;
username: string;
img: string;
};
export default function DiscussionDetail() {
const { id, detail } = useLocalSearchParams();
const { id, detail } = useLocalSearchParams<{ id: string; detail: string }>();
const [data, setData] = useState<Props>();
const [dataComment, setDataComment] = useState<PropsComment[]>([]);
const { token, decryptToken } = useAuthSession();
const [komentar, setKomentar] = useState("");
const [loadingSend, setLoadingSend] = useState(false);
const update = useSelector((state: any) => state.discussionUpdate);
const entityUser = useSelector((state: any) => state.user);
const [isMemberDivision, setIsMemberDivision] = useState(false);
const [isAdminDivision, setIsAdminDivision] = useState(false);
const [isCreator, setIsCreator] = useState(false);
async function handleLoad() {
try {
const hasil = await decryptToken(String(token?.current));
const response = await apiGetDiscussionOne({
id: detail,
user: hasil,
cat: "data",
});
setData(response.data);
setIsCreator(response.data.createdBy == hasil);
} catch (error) {
console.error(error);
}
}
async function handleLoadComment() {
try {
const hasil = await decryptToken(String(token?.current));
const response = await apiGetDiscussionOne({
id: detail,
user: hasil,
cat: "comment",
});
setDataComment(response.data);
} catch (error) {
console.error(error);
}
}
async function handleCheckMember() {
try {
const hasil = await decryptToken(String(token?.current));
const response = await apiGetDivisionOneFeature({
id,
user: hasil,
cat: "check-member",
});
const response2 = await apiGetDivisionOneFeature({
id,
user: hasil,
cat: "check-admin",
});
setIsMemberDivision(response.data);
setIsAdminDivision(response2.data);
} catch (error) {
console.error(error);
}
}
useEffect(() => {
handleLoad();
}, [update.data]);
useEffect(() => {
handleLoadComment();
handleCheckMember();
}, []);
async function handleKomentar() {
try {
setLoadingSend(true);
const hasil = await decryptToken(String(token?.current));
const response = await apiSendDiscussionCommentar({
id: detail,
data: { comment: komentar, user: hasil },
});
if (response.success) {
setKomentar("");
handleLoadComment();
}
} catch (error) {
console.error(error);
} finally {
setLoadingSend(false);
}
}
return (
<>
<Stack.Screen
options={{
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Diskusi',
headerTitleAlign: 'center',
headerRight: () => <HeaderRightDiscussionDetail id={detail} />,
headerLeft: () => (
<ButtonBackHeader
onPress={() => {
router.back();
}}
/>
),
headerTitle: "Diskusi",
headerTitleAlign: "center",
headerRight: () =>
(entityUser.role != "user" && entityUser.role != "coadmin") || isAdminDivision || isCreator ?
<HeaderRightDiscussionDetail
id={detail}
status={data?.status}
isActive={data?.isActive}
/> : (<></>)
,
}}
/>
<View style={{ flex: 1 }}>
<ScrollView>
<View style={[Styles.p15, Styles.mb100]}>
<BorderBottomItem
descEllipsize={false}
width={60}
borderType="bottom"
icon={
<Image
source={require("../../../../../../../assets/images/user.jpeg")}
style={[Styles.userProfileSmall]}
<ImageUser
src={`https://wibu-storage.wibudev.com/api/files/${data?.user_img}`}
size="sm"
/>
}
title="Amalia Dwi"
title={data?.username}
subtitle={
<LabelStatus category='success' text='BUKA' size="small" />
data?.isActive ? (
data?.status == 1 ? (
<LabelStatus category="success" text="BUKA" size="small" />
) : (
<LabelStatus category="error" text="TUTUP" size="small" />
)
) : (
<LabelStatus category="secondary" text="ARSIP" size="small" />
)
}
rightTopInfo="3 Jan 2025"
desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
rightTopInfo={data?.createdAt}
desc={data?.desc}
leftBottomInfo={
<View style={[Styles.rowItemsCenter]}>
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>15 Komentar</Text>
<Ionicons
name="chatbox-ellipses-outline"
size={18}
color="grey"
style={Styles.mr05}
/>
<Text
style={[Styles.textInformation, Styles.cGray, Styles.mb05]}
>
{dataComment.length} Komentar
</Text>
</View>
}
/>
<View style={[Styles.p15]}>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../../../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="sangat berdampak dari berbagai sisi"
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../../../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../../../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../../../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../../../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../../../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
<BorderBottomItem
borderType="bottom"
icon={
<Image
source={require("../../../../../../../assets/images/user.jpeg")}
style={[Styles.userProfileExtraSmall]}
/>
}
title="Amalia Dwi"
rightTopInfo="3 Jan 2025"
desc="semua menjadi terbatas.."
/>
{dataComment.map((item, index) => (
<BorderBottomItem
key={index}
width={55}
borderType="bottom"
icon={
<ImageUser
src={`https://wibu-storage.wibudev.com/api/files/${item.img}`}
size="xs"
/>
}
title={item.username}
rightTopInfo={item.createdAt}
desc={item.comment}
descEllipsize={false}
/>
))}
</View>
</View>
</ScrollView>
<View style={[Styles.ph15, Styles.absolute0, { backgroundColor: '#f4f4f4' }]}>
<View
style={[
Styles.ph15,
Styles.absolute0,
{ backgroundColor: "#f4f4f4" },
]}
>
<InputForm
disable={
data?.status == 2 ||
data?.isActive == false ||
((entityUser.role == "user" || entityUser.role == "coadmin") &&
!isMemberDivision)
}
bg="white"
type="default"
round
placeholder="Kirim Komentar"
onChange={setKomentar}
value={komentar}
itemRight={
<MaterialIcons name="send" size={25} color={'#384288'} />
<Pressable
onPress={() => {
komentar != "" &&
!loadingSend &&
data?.status != 2 &&
data?.isActive &&
(((entityUser.role == "user" ||
entityUser.role == "coadmin") &&
isMemberDivision) ||
entityUser.role == "admin" ||
entityUser.role == "superadmin" ||
entityUser.role == "developer" ||
entityUser.role == "cosupadmin") &&
handleKomentar();
}}
>
<MaterialIcons
name="send"
size={25}
style={
komentar == "" ||
loadingSend ||
data?.status == 2 ||
data?.isActive == false ||
((entityUser.role == "user" ||
entityUser.role == "coadmin") &&
!isMemberDivision)
? Styles.cGray
: Styles.cDefault
}
/>
</Pressable>
}
/>
</View>
</View>
</>
)
}
);
}

42
app/(application)/division/[id]/(fitur-division)/discussion/create.tsx
View File

@@ -2,10 +2,38 @@ import ButtonBackHeader from "@/components/buttonBackHeader"
import ButtonSaveHeader from "@/components/buttonSaveHeader"
import { InputForm } from "@/components/inputForm"
import Styles from "@/constants/Styles"
import { router, Stack } from "expo-router"
import { apiCreateDiscussion } from "@/lib/api"
import { setUpdateDiscussion } from "@/lib/discussionUpdate"
import { useAuthSession } from "@/providers/AuthProvider"
import { router, Stack, useLocalSearchParams } from "expo-router"
import { useState } from "react"
import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
import { useDispatch, useSelector } from "react-redux"
export default function CreateDiscussionDivision() {
const { id } = useLocalSearchParams<{ id: string }>()
const [desc, setDesc] = useState('')
const { token, decryptToken } = useAuthSession()
const update = useSelector((state: any) => state.discussionUpdate)
const dispatch = useDispatch();
async function handleCreate() {
try {
const hasil = await decryptToken(String(token?.current))
const response = await apiCreateDiscussion({ data: { user: hasil, desc, idDivision: id } })
if (response.success) {
ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
dispatch(setUpdateDiscussion({ ...update, data: !update.data }));
router.back()
} else {
ToastAndroid.show(response.message, ToastAndroid.SHORT)
}
} catch (error) {
console.error(error)
ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
}
}
return (
<SafeAreaView>
<Stack.Screen
@@ -13,15 +41,17 @@ export default function CreateDiscussionDivision() {
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Tambah Diskusi',
headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="create" onPress={() => {
ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
router.push('./')
}} />
headerRight: () => <ButtonSaveHeader
disable={desc == ""}
category="create"
onPress={() => {
handleCreate()
}} />
}}
/>
<ScrollView>
<View style={[Styles.p15, Styles.mb100]}>
<InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required />
<InputForm label="Diskusi" type="default" placeholder="Hal yang didiskusikan" required onChange={setDesc} />
</View>
</ScrollView>
</SafeAreaView>

177
app/(application)/division/[id]/(fitur-division)/discussion/index.tsx
View File

@@ -1,15 +1,52 @@
import BorderBottomItem from "@/components/borderBottomItem";
import ButtonTab from "@/components/buttonTab";
import ImageUser from "@/components/imageNew";
import InputSearch from "@/components/inputSearch";
import LabelStatus from "@/components/labelStatus";
import Styles from "@/constants/Styles";
import { apiGetDiscussion, apiGetDivisionOneFeature } from "@/lib/api";
import { useAuthSession } from "@/providers/AuthProvider";
import { AntDesign, Feather, Ionicons } from "@expo/vector-icons";
import { router, useLocalSearchParams } from "expo-router";
import { Image, SafeAreaView, ScrollView, Text, View } from "react-native";
import { useEffect, useState } from "react";
import { SafeAreaView, ScrollView, Text, View } from "react-native";
import { useSelector } from "react-redux";
type Props = {
id: string,
title: string,
desc: string,
status: number,
user_name: string,
img: string,
total_komentar: number,
createdAt: string,
isActive: boolean
}
export default function DiscussionDivision() {
const { active } = useLocalSearchParams<{ active?: string }>()
const { id, active } = useLocalSearchParams<{ id: string, active?: string }>()
const [data, setData] = useState<Props[]>([])
const { token, decryptToken } = useAuthSession()
const [search, setSearch] = useState('')
const update = useSelector((state: any) => state.discussionUpdate);
async function handleLoad() {
try {
const hasil = await decryptToken(String(token?.current))
const response = await apiGetDiscussion({ user: hasil, search, division: id, active })
setData(response.data)
} catch (error) {
console.error(error)
}
}
useEffect(() => {
handleLoad()
}, [active, search, update.data])
return (
<SafeAreaView>
@@ -19,121 +56,49 @@ export default function DiscussionDivision() {
<ButtonTab
active={active == "false" ? "false" : "true"}
value="true"
onPress={() => { router.push('./discussion?active=true') }}
onPress={() => { router.replace('./discussion?active=true') }}
label="Aktif"
icon={<Feather name="check-circle" color={active == "false" ? 'black' : 'white'} size={20} />}
n={2} />
<ButtonTab
active={active == "false" ? "false" : "true"}
value="false"
onPress={() => { router.push('./discussion?active=false') }}
onPress={() => { router.replace('./discussion?active=false') }}
label="Arsip"
icon={<AntDesign name="closecircleo" color={active == "true" ? 'black' : 'white'} size={20} />}
n={2} />
</View>
<InputSearch />
<InputSearch onChange={setSearch} />
<View>
<BorderBottomItem
onPress={() => { router.push('./discussion/1') }}
borderType="bottom"
icon={
<Image source={require("../../../../../../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />
}
title="Amalia Dwi"
subtitle={
<LabelStatus category='success' text='BUKA' size="small" />
}
rightTopInfo="3 Jan 2025"
desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
leftBottomInfo={
<View style={[Styles.rowItemsCenter]}>
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>Diskusikan</Text>
</View>
}
rightBottomInfo='15 Komentar'
/>
<BorderBottomItem
onPress={() => { router.push('./discussion/1') }}
borderType="bottom"
icon={
<Image source={require("../../../../../../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />
}
title="Amalia Dwi"
subtitle={
<LabelStatus category='success' text='BUKA' size="small" />
}
rightTopInfo="3 Jan 2025"
desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
leftBottomInfo={
<View style={[Styles.rowItemsCenter]}>
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>Diskusikan</Text>
</View>
}
rightBottomInfo='15 Komentar'
/>
<BorderBottomItem
onPress={() => { router.push('./discussion/1') }}
borderType="bottom"
icon={
<Image source={require("../../../../../../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />
}
title="Amalia Dwi"
subtitle={
<LabelStatus category='success' text='BUKA' size="small" />
}
rightTopInfo="3 Jan 2025"
desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
leftBottomInfo={
<View style={[Styles.rowItemsCenter]}>
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>Diskusikan</Text>
</View>
}
rightBottomInfo='15 Komentar'
/>
<BorderBottomItem
onPress={() => { router.push('./discussion/1') }}
borderType="bottom"
icon={
<Image source={require("../../../../../../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />
}
title="Amalia Dwi"
subtitle={
<LabelStatus category='success' text='BUKA' size="small" />
}
rightTopInfo="3 Jan 2025"
desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
leftBottomInfo={
<View style={[Styles.rowItemsCenter]}>
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>Diskusikan</Text>
</View>
}
rightBottomInfo='15 Komentar'
/>
<BorderBottomItem
onPress={() => { router.push('./discussion/1') }}
borderType="bottom"
icon={
<Image source={require("../../../../../../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />
}
title="Amalia Dwi"
subtitle={
<LabelStatus category='success' text='BUKA' size="small" />
}
rightTopInfo="3 Jan 2025"
desc="Bagaimana dampak yg dirasakan akibat efisiensi?"
leftBottomInfo={
<View style={[Styles.rowItemsCenter]}>
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>Diskusikan</Text>
</View>
}
rightBottomInfo='15 Komentar'
/>
{data.length > 0 ?
data.map((item, index) => (
<BorderBottomItem
key={index}
width={55}
onPress={() => { router.push(`./discussion/${item.id}`) }}
borderType="bottom"
icon={
<ImageUser src={`https://wibu-storage.wibudev.com/api/files/${item.img}`} size="sm" />
}
title={item.user_name}
subtitle={
active == "true" ? item.status == 1 ? <LabelStatus category='success' text='BUKA' size="small" /> : <LabelStatus category='error' text='TUTUP' size="small" /> : <></>
}
rightTopInfo={item.createdAt}
desc={item.desc}
leftBottomInfo={
<View style={[Styles.rowItemsCenter]}>
<Ionicons name="chatbox-ellipses-outline" size={18} color="grey" style={Styles.mr05} />
<Text style={[Styles.textInformation, Styles.cGray, Styles.mb05]}>Diskusikan</Text>
</View>
}
rightBottomInfo={item.total_komentar + ' Komentar'}
/>
))
:
(
<Text style={[Styles.textDefault, Styles.cGray, Styles.mv10, { textAlign: "center" }]}>Tidak ada diskusi</Text>
)}
</View>
</View>
</ScrollView>

5
components/borderBottomItem.tsx
View File

@@ -16,9 +16,10 @@ type Props = {
titleWeight?: 'normal' | 'bold'
bgColor?: 'white' | 'transparent'
width?: number
descEllipsize?: boolean
}
export default function BorderBottomItem({ title, subtitle, icon, desc, onPress, rightTopInfo, borderType, leftBottomInfo, rightBottomInfo, titleWeight, bgColor, width }: Props) {
export default function BorderBottomItem({ title, subtitle, icon, desc, onPress, rightTopInfo, borderType, leftBottomInfo, rightBottomInfo, titleWeight, bgColor, width, descEllipsize }: Props) {
const lebarDim = Dimensions.get("window").width;
const lebar = width ? lebarDim * width / 100 : 'auto';
@@ -44,7 +45,7 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress,
</View>
</View>
{desc && <Text style={[Styles.textDefault, Styles.mt05, { textAlign: 'justify' }]} numberOfLines={2} ellipsizeMode='tail'>{desc}</Text>}
{desc && <Text style={[Styles.textDefault, Styles.mt05, { textAlign: 'justify' }]} numberOfLines={descEllipsize == false ? 0 : 2} ellipsizeMode='tail'>{desc}</Text>}
{
(leftBottomInfo || rightBottomInfo) &&
(

102
components/discussion/headerDiscussionDetail.tsx
View File

@@ -1,8 +1,12 @@
import Styles from "@/constants/Styles"
import { apiArchiveDiscussion, apiOpenCloseDiscussion } from "@/lib/api"
import { setUpdateDiscussion } from "@/lib/discussionUpdate"
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 { useDispatch, useSelector } from "react-redux"
import AlertKonfirmasi from "../alertKonfirmasi"
import ButtonMenuHeader from "../buttonMenuHeader"
import DrawerBottom from "../drawerBottom"
@@ -10,48 +14,94 @@ import MenuItemRow from "../menuItemRow"
type Props = {
id: string | string[]
status: number | undefined,
isActive: boolean | undefined
}
export default function HeaderRightDiscussionDetail({ id }: Props) {
export default function HeaderRightDiscussionDetail({ id, status, isActive }: Props) {
const [isVisible, setVisible] = useState(false)
const { token, decryptToken } = useAuthSession()
const update = useSelector((state: any) => state.discussionUpdate)
const dispatch = useDispatch()
const handleOpenClose = async () => {
try {
const hasil = await decryptToken(String(token?.current))
const response = await apiOpenCloseDiscussion({ status: Number(status), user: hasil }, String(id))
if (response.success) {
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
dispatch(setUpdateDiscussion({ ...update, data: !update.data }))
setVisible(false)
} else {
ToastAndroid.show(response.message, ToastAndroid.SHORT)
}
} catch (error) {
console.error(error)
ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
} finally {
setVisible(false)
}
}
const handleArchive = async () => {
try {
const hasil = await decryptToken(String(token?.current))
const response = await apiArchiveDiscussion({ user: hasil, active: !isActive }, String(id))
if (response.success) {
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
dispatch(setUpdateDiscussion({ ...update, data: !update.data }))
setVisible(false)
} else {
ToastAndroid.show(response.message, ToastAndroid.SHORT)
}
} catch (error) {
console.error(error)
ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
} finally {
setVisible(false)
}
}
return (
<>
<ButtonMenuHeader onPress={() => { setVisible(true) }} />
<DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
<View style={Styles.rowItemsCenter}>
<MenuItemRow
icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
title="Edit"
onPress={() => {
setVisible(false)
router.push(`./${id}/edit`)
}}
/>
<MenuItemRow
icon={<MaterialIcons name="close" color="black" size={25} />}
title="Tutup Diskusi"
onPress={() => {
AlertKonfirmasi({
title: 'Konfirmasi',
desc: 'Apakah anda yakin ingin menutup diskusi?',
onPress: () => {
{
isActive &&
<>
<MenuItemRow
icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
title="Edit"
onPress={() => {
setVisible(false)
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
}
})
}}
/>
router.push(`./${id}/edit`)
}}
/>
<MenuItemRow
icon={<MaterialIcons name={status == 1 ? 'close' : 'check'} color="black" size={25} />}
title={status == 1 ? 'Tutup Diskusi' : 'Buka Diskusi'}
onPress={() => {
AlertKonfirmasi({
title: 'Konfirmasi',
desc: `Apakah anda yakin ingin ${status == 1 ? 'menutup' : 'membuka'} diskusi?`,
onPress: () => {
handleOpenClose()
}
})
}}
/>
</>
}
<MenuItemRow
icon={<MaterialCommunityIcons name="archive-outline" color="black" size={25} />}
title="Arsipkan"
title={isActive ? 'Arsipkan' : 'Aktifkan Diskusi'}
onPress={() => {
AlertKonfirmasi({
title: 'Konfirmasi',
desc: 'Apakah anda yakin ingin mengarsipkan diskusi?',
desc: isActive ? 'Apakah anda yakin ingin mengarsipkan diskusi?' : 'Apakah anda yakin ingin mengaktifkan diskusi?',
onPress: () => {
setVisible(false)
ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
handleArchive()
}
})
}}

35
components/discussion/headerDiscussionList.tsx
View File

@@ -1,18 +1,47 @@
import Styles from "@/constants/Styles"
import { apiGetDivisionOneFeature } from "@/lib/api"
import { useAuthSession } from "@/providers/AuthProvider"
import { AntDesign } from "@expo/vector-icons"
import { router } from "expo-router"
import { useState } from "react"
import { router, useLocalSearchParams } from "expo-router"
import { useEffect, useState } from "react"
import { View } from "react-native"
import { useSelector } from "react-redux"
import ButtonMenuHeader from "../buttonMenuHeader"
import DrawerBottom from "../drawerBottom"
import MenuItemRow from "../menuItemRow"
export default function HeaderRightDiscussionList() {
const [isVisible, setVisible] = useState(false)
const [isAdminDivision, setIsAdminDivision] = useState(false);
const { token, decryptToken } = useAuthSession()
const { id } = useLocalSearchParams<{ id: string }>();
const entityUser = useSelector((state: any) => state.user);
async function handleCheckAdmin() {
try {
const hasil = await decryptToken(String(token?.current));
const response = await apiGetDivisionOneFeature({
id,
user: hasil,
cat: "check-admin",
});
setIsAdminDivision(response.data);
} catch (error) {
console.error(error);
}
}
useEffect(() => {
handleCheckAdmin()
}, [])
return (
<>
<ButtonMenuHeader onPress={() => { setVisible(true) }} />
{
(entityUser.role == "user" || entityUser.role == "coadmin") && !isAdminDivision
? <></> :
<ButtonMenuHeader onPress={() => { setVisible(true) }} />
}
<DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
<View style={Styles.rowItemsCenter}>
<MenuItemRow

11
components/discussionItem.tsx
View File

@@ -1,16 +1,17 @@
import Styles from "@/constants/Styles";
import { Ionicons, Feather } from "@expo/vector-icons";
import { Text, View } from "react-native";
import { Feather, Ionicons } from "@expo/vector-icons";
import { Pressable, Text, View } from "react-native";
type Props = {
title: string
user: string
date: string
onPress: () => void
}
export default function DiscussionItem({ title, user, date }: Props) {
export default function DiscussionItem({ title, user, date, onPress }: Props) {
return (
<View style={[Styles.wrapItemDiscussion]}>
<Pressable style={[Styles.wrapItemDiscussion]} onPress={onPress}>
<View style={[Styles.rowItemsCenter, Styles.mb10]}>
<Ionicons name="chatbox-ellipses-outline" size={22} color="black" style={Styles.mr10} />
<Text style={{ fontWeight: 'bold' }} numberOfLines={1} ellipsizeMode="tail">{title}</Text>
@@ -25,6 +26,6 @@ export default function DiscussionItem({ title, user, date }: Props) {
<Text style={[Styles.textInformation]}>{date}</Text>
</View>
</View>
</View>
</Pressable>
)
}

89
components/division/discussionDivisionDetail.tsx
View File

@@ -1,50 +1,65 @@
import Styles from "@/constants/Styles";
import { apiGetDivisionOneFeature } from "@/lib/api";
import { useAuthSession } from "@/providers/AuthProvider";
import { useLocalSearchParams } from "expo-router";
import { router, useLocalSearchParams } from "expo-router";
import { useEffect, useState } from "react";
import { Text, View } from "react-native";
import DiscussionItem from "../discussionItem";
type Props = {
id: string
title: string
desc: string
user: string
date: string
}
id: string;
title: string;
desc: string;
user: string;
date: string;
};
export default function DiscussionDivisionDetail() {
const { token, decryptToken } = useAuthSession()
const { id } = useLocalSearchParams<{ id: string }>()
const [data, setData] = useState<Props[]>([])
const { token, decryptToken } = useAuthSession();
const { id } = useLocalSearchParams<{ id: string }>();
const [data, setData] = useState<Props[]>([]);
async function handleLoad() {
try {
const hasil = await decryptToken(String(token?.current))
const response = await apiGetDivisionOneFeature({ user: hasil, id, cat: 'new-discussion' })
setData(response.data)
} catch (error) {
console.error(error)
}
}
async function handleLoad() {
try {
const hasil = await decryptToken(String(token?.current));
const response = await apiGetDivisionOneFeature({
user: hasil,
id,
cat: "new-discussion",
});
setData(response.data);
} catch (error) {
console.error(error);
}
}
useEffect(() => {
handleLoad()
}, [])
return (
<View style={[Styles.mb15]}>
<Text style={[Styles.textDefaultSemiBold, Styles.mv10]}>Diskusi</Text>
<View style={[Styles.wrapPaper]}>
{
data.length > 0 ?
data.map((item, index) => (
<DiscussionItem key={index} title={item.desc} user={item.user} date={item.date} />
))
:
<Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada diskusi</Text>
}
</View>
useEffect(() => {
handleLoad();
}, []);
return (
<View style={[Styles.mb15]}>
<Text style={[Styles.textDefaultSemiBold, Styles.mv10]}>Diskusi</Text>
<View style={[Styles.wrapPaper]}>
{data.length > 0 ? (
data.map((item, index) => (
<DiscussionItem
key={index}
title={item.desc}
user={item.user}
date={item.date}
onPress={() => {
router.push(`/division/${id}/discussion/${item.id}`);
}}
/>
))
) : (
<Text
style={[Styles.textDefault, Styles.cGray, { textAlign: "center" }]}
>
Tidak ada diskusi
</Text>
)}
</View>
)
}
</View>
);
}

4
components/labelStatus.tsx
View File

@@ -4,13 +4,13 @@ import { Text, View } from "react-native";
type Props = {
category: 'error' | 'success' | 'warning' | 'primary'
category: 'error' | 'success' | 'warning' | 'primary' | 'secondary'
text: string
size: 'small' | 'default'
}
export default function LabelStatus({ category, text, size }: Props) {
return (
<View style={[size == "small" ? Styles.labelStatusSmall : Styles.labelStatus, ColorsStatus[category]]}>
<View style={[size == "small" ? Styles.labelStatusSmall : Styles.labelStatus, ColorsStatus[category], Styles.round10]}>
<Text style={[size == "small" ? Styles.textSmallSemiBold : Styles.textMediumSemiBold, Styles.cWhite, { textAlign: 'center' }]}>{text}</Text>
</View>
)

3
constants/ColorsStatus.ts
View File

@@ -14,6 +14,9 @@ export const ColorsStatus = {
error: {
backgroundColor: '#DB1514'
},
secondary: {
backgroundColor: 'gray'
},
orange: {
backgroundColor: 'orange'
},

37
lib/api.ts
View File

@@ -359,7 +359,7 @@ export const apiGetDivisionReport = async ({ user, cat, date, dateEnd, division,
return response.data;
};
export const apiGetDivisionOneFeature = async ({ user, cat, id }: { user: string, cat: 'jumlah' | 'today-task' | 'new-file' | 'new-discussion', id: string }) => {
export const apiGetDivisionOneFeature = async ({ user, cat, id }: { user: string, cat: 'jumlah' | 'today-task' | 'new-file' | 'new-discussion' | 'check-member' | 'check-admin', id: string }) => {
const response = await api.get(`mobile/division/${id}/detail?user=${user}&cat=${cat}`);
return response.data;
};
@@ -393,3 +393,38 @@ export const apiUpdateStatusDivision = async ({ data, id }: { data: { user: stri
const response = await api.post(`/mobile/division/${id}/status`, data)
return response.data;
};
export const apiGetDiscussion = async ({ user, search, division, active }: { user: string, search: string, division: string, active?: string }) => {
const response = await api.get(`mobile/discussion?user=${user}&active=${active}&search=${search}&division=${division}`);
return response.data;
};
export const apiGetDiscussionOne = async ({ id, user, cat }: { id: string, user: string, cat: 'data' | 'comment' }) => {
const response = await api.get(`mobile/discussion/${id}?user=${user}&cat=${cat}`);
return response.data;
};
export const apiSendDiscussionCommentar = async ({ data, id }: { data: { user: string, comment: string }, id: string }) => {
const response = await api.post(`/mobile/discussion/${id}/comment`, data)
return response.data;
};
export const apiEditDiscussion = async ({ data, id }: { data: { user: string, desc: string }, id: string }) => {
const response = await api.post(`/mobile/discussion/${id}`, data)
return response.data;
};
export const apiArchiveDiscussion = async (data: { user: string, active: boolean }, id: string) => {
const response = await api.put(`mobile/discussion/${id}`, data)
return response.data
};
export const apiOpenCloseDiscussion = async (data: { user: string, status: number }, id: string) => {
const response = await api.delete(`mobile/discussion/${id}`, { data })
return response.data
};
export const apiCreateDiscussion = async ({ data }: { data: { user: string, desc: string, idDivision: string } }) => {
const response = await api.post(`/mobile/discussion`, data)
return response.data;
};

17
lib/discussionUpdate.ts Normal file
View File

@@ -0,0 +1,17 @@
import { createSlice } from '@reduxjs/toolkit';
const discussionUpdate = createSlice({
name: 'discussionUpdate',
initialState: {
data: false,
comment: false,
},
reducers: {
setUpdateDiscussion: (state, action) => {
return action.payload;
},
},
});
export const { setUpdateDiscussion } = discussionUpdate.actions;
export default discussionUpdate.reducer;

4
lib/store.ts
View File

@@ -2,6 +2,8 @@ import { configureStore } from '@reduxjs/toolkit';
import announcementUpdate from './announcementUpdate';
import bannerReducer from './bannerSlice';
import discussionGeneralDetailUpdate from './discussionGeneralDetail';
import discussionUpdate from './discussionUpdate';
import divisionUpdate from './divisionUpdate';
import entitiesReducer from './entitiesSlice';
import filterSlice from './filterSlice';
import groupUpdate from './groupSlice';
@@ -11,7 +13,6 @@ import positionUpdate from './positionSlice';
import projectUpdate from './projectUpdate';
import taskCreate from './taskCreate';
import userReducer from './userSlice';
import divisionUpdate from './divisionUpdate';
const store = configureStore({
reducer: {
@@ -28,6 +29,7 @@ const store = configureStore({
projectUpdate: projectUpdate,
taskCreate: taskCreate,
divisionUpdate: divisionUpdate,
discussionUpdate: discussionUpdate,
}
});