wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #224 from bipproduction/amalia/12-september-24

Browse Source 
Amalia/12 september 24
This commit is contained in:
Amalia
2024-09-12 17:29:22 +08:00
committed by GitHub
parent a211e7e4e4 4d2516b9b0
commit b9f25083ed
18 changed files with 341 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
prisma/schema.prisma
View File

@@ -47,6 +47,7 @@ model UserRole {
model Village {
id String @id @default(cuid())
idTheme String?
name String
desc String @db.Text
isActive Boolean @default(true)
@@ -57,6 +58,7 @@ model Village {
Announcement Announcement[]
Project Project[]
Division Division[]
ColorTheme ColorTheme[]
}
model Group {
@@ -364,6 +366,7 @@ model DivisionDocumentFolderFile {
id String @id @default(cuid())
Division Division @relation(fields: [idDivision], references: [id])
idDivision String
idStorage String?
category String @default("FOLDER") // FOLDER OR FILE
name String
extension String
@@ -451,6 +454,7 @@ model ContainerFileDivision {
id String @id @default(cuid())
Division Division @relation(fields: [idDivision], references: [id])
idDivision String
idStorage String?
name String
extension String
isActive Boolean @default(true)
@@ -458,3 +462,19 @@ model ContainerFileDivision {
updatedAt DateTime @updatedAt
DivisionProjectFile DivisionProjectFile[]
}
model ColorTheme {
id String @id @default(cuid())
Village Village? @relation(fields: [idVillage], references: [id])
idVillage String?
name String
utama String
bgUtama String
bgIcon String
bgFiturHome String
bgFiturDivision String
bgTotalKegiatan String
isActive Boolean @default(true)
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
}

38
prisma/seed.ts
View File

@@ -1,4 +1,4 @@
import { seederAdmin, seederAdminRole, seederDesa, seederGroup, seederPosition, seederUser, seederUserRole } from '@/module/seeder';
import { seederAdmin, seederAdminRole, seederDesa, seederGroup, seederPosition, seederTheme, seederUser, seederUserRole } from '@/module/seeder';
import { PrismaClient } from '@prisma/client';
const prisma = new PrismaClient()
@@ -43,6 +43,34 @@ async function main() {
})
}
// THEME
for (let data of seederTheme) {
await prisma.colorTheme.upsert({
where: {
id: data.id
},
update: {
name: data.name,
utama: data.utama,
bgUtama: data.bgUtama,
bgIcon: data.bgIcon,
bgFiturHome: data.bgFiturHome,
bgFiturDivision: data.bgFiturDivisi,
bgTotalKegiatan: data.bgTotalKegiatan
},
create: {
id: data.id,
name: data.name,
utama: data.utama,
bgUtama: data.bgUtama,
bgIcon: data.bgIcon,
bgFiturHome: data.bgFiturHome,
bgFiturDivision: data.bgFiturDivisi,
bgTotalKegiatan: data.bgTotalKegiatan
}
})
}
// DESA
for (let data of seederDesa) {
await prisma.village.upsert({
@@ -51,12 +79,14 @@ async function main() {
},
update: {
name: data.name,
desc: data.desc
desc: data.desc,
idTheme: "theme1"
},
create: {
id: data.id,
name: data.name,
desc: data.desc
desc: data.desc,
idTheme: "theme1"
}
})
}
@@ -127,7 +157,7 @@ async function main() {
idUserRole: data.idUserRole,
nik: data.nik,
name: data.name,
phone: data.phone,
// phone: data.phone,
email: data.email,
gender: data.gender
},

2
src/app/api/document/route.ts
View File

@@ -129,6 +129,7 @@ export async function GET(request: Request) {
formatDataShare = dataShare.map((v: any) => ({
..._.omit(v, ["DivisionDocumentFolderFile"]),
idStorage: '',
id: v.DivisionDocumentFolderFile.id,
category: v.DivisionDocumentFolderFile.category,
name: v.DivisionDocumentFolderFile.name,
@@ -156,6 +157,7 @@ export async function GET(request: Request) {
category: true,
name: true,
extension: true,
idStorage: true,
path: true,
User: {
select: {

50
src/app/api/document/upload/route.ts
View File

@@ -1,4 +1,4 @@
import { prisma } from "@/module/_global";
import { DIR, funUploadFile, prisma } from "@/module/_global";
import { funGetUserByCookies } from "@/module/auth";
import _ from "lodash";
import { NextResponse } from "next/server";
@@ -70,33 +70,29 @@ export async function POST(request: Request) {
const fExt = file.name.split(".").pop()
const fName = file.name.replace("." + fExt, "")
const upload = await funUploadFile({ file: file, dirId: DIR.document })
if (upload.success) {
const dataInsert = await prisma.divisionDocumentFolderFile.create({
data: {
name: fName,
path: idPath,
idDivision,
category: "FILE",
extension: String(fExt),
createdBy: user.id,
idStorage: upload.data.id
},
select: {
id: true
}
});
const dataInsert = await prisma.divisionDocumentFolderFile.create({
data: {
name: fName,
path: idPath,
idDivision,
category: "FILE",
extension: String(fExt),
createdBy: user.id,
},
select: {
id: true
}
});
const root = path.join(process.cwd(), "./public/file/dokumen/");
const nameFix = dataInsert.id + '.' + fExt
const filePath = path.join(root, nameFix)
// Konversi ArrayBuffer ke Buffer
const buffer = Buffer.from(await file.arrayBuffer());
// Tulis file ke sistem
fs.writeFileSync(filePath, buffer);
// create log user
const log = await createLogUser({ act: 'CREATE', desc: 'User mengupload file baru', table: 'divisionDocumentFolderFile', data: dataInsert.id })
return NextResponse.json({ success: true, message: "Berhasil upload file" }, { status: 200 });
// create log user
const log = await createLogUser({ act: 'CREATE', desc: 'User mengupload file baru', table: 'divisionDocumentFolderFile', data: dataInsert.id })
return NextResponse.json({ success: true, message: "Berhasil upload file" }, { status: 200 });
} else {
return NextResponse.json({ success: false, message: "Gagal upload file, coba lagi nanti" }, { status: 400 });
}
} catch (error) {
console.error(error);
return NextResponse.json({ success: false, message: "Gagal upload file, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });

6
src/app/api/task/[id]/route.ts
View File

@@ -90,7 +90,8 @@ export async function GET(request: Request, context: { params: { id: string } })
select: {
id: true,
name: true,
extension: true
extension: true,
idStorage: true
}
}
}
@@ -101,6 +102,7 @@ export async function GET(request: Request, context: { params: { id: string } })
nameInStorage: v.ContainerFileDivision.id,
name: v.ContainerFileDivision.name,
extension: v.ContainerFileDivision.extension,
idStorage: v.ContainerFileDivision.idStorage,
}))
allData = fix
@@ -287,7 +289,7 @@ export async function PUT(request: Request, context: { params: { id: string } })
// create log user
const log = await createLogUser({ act: 'UPDATE', desc: 'User mengupdate data tugas divisi', table: 'divisionProject', data: id })
return NextResponse.json( { success: true, message: "Tugas berhasil diedit", }, { status: 200 } );
return NextResponse.json({ success: true, message: "Tugas berhasil diedit", }, { status: 200 });
} catch (error) {
console.error(error);
return NextResponse.json({ success: false, message: "Gagal mengedit tugas, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });

57
src/app/api/task/file/[id]/route.ts
View File

@@ -1,4 +1,4 @@
import { prisma } from "@/module/_global";
import { DIR, funDeleteFile, funUploadFile, prisma } from "@/module/_global";
import { funGetUserByCookies } from "@/module/auth";
import _ from "lodash";
import { NextResponse } from "next/server";
@@ -42,7 +42,7 @@ export async function DELETE(request: Request, context: { params: { id: string }
}
})
fs.unlink(`./public/file/task/${dataFile?.id}.${dataFile?.extension}`, (err) => { })
await funDeleteFile({ fileId: String(dataFile?.idStorage) })
const deleteRelasi = await prisma.divisionProjectFile.delete({
where: {
@@ -57,7 +57,7 @@ export async function DELETE(request: Request, context: { params: { id: string }
});
// create log user
const log = await createLogUser({ act: 'DELETE', desc: 'User menghpus file divisi', table: 'divisionProject', data: String(dataRelasi?.idProject) })
const log = await createLogUser({ act: 'DELETE', desc: 'User menghapus file tugas divisi', table: 'divisionProject', data: String(dataRelasi?.idProject) })
return NextResponse.json({ success: true, message: "File berhasil dihapus", data, }, { status: 200 });
@@ -115,34 +115,29 @@ export async function POST(request: Request, context: { params: { id: string } }
const fName = file.name.replace("." + fExt, "")
const insertToContainer = await prisma.containerFileDivision.create({
data: {
idDivision: String(dataProject?.idDivision),
name: fName,
extension: String(fExt)
},
select: {
id: true
const upload = await funUploadFile({ file: file, dirId: DIR.task })
if (upload.success) {
const insertToContainer = await prisma.containerFileDivision.create({
data: {
idDivision: String(dataProject?.idDivision),
name: fName,
extension: String(fExt),
idStorage: upload.data.id
},
select: {
id: true
}
})
const dataFile = {
idProject: id,
idDivision: dataProject?.idDivision,
idFile: insertToContainer.id,
createdBy: user.id,
}
})
const nameFix = insertToContainer.id + '.' + fExt
const filePath = path.join(root, nameFix)
// Konversi ArrayBuffer ke Buffer
const buffer = Buffer.from(await file.arrayBuffer());
// Tulis file ke sistem
fs.writeFileSync(filePath, buffer);
const dataFile = {
idProject: id,
idDivision: dataProject?.idDivision,
idFile: insertToContainer.id,
createdBy: user.id,
fileFix.push(dataFile)
}
fileFix.push(dataFile)
}
}
@@ -152,12 +147,12 @@ export async function POST(request: Request, context: { params: { id: string } }
}
// create log user
const log = await createLogUser({ act: 'CREATE', desc: 'User meambahkan file tugas divisi baru', table: 'divisionProject', data: id })
return NextResponse.json({ success: true, message: "Berhasil membuat tugas divisi" }, { status: 200 });
const log = await createLogUser({ act: 'CREATE', desc: 'User menambahkan file tugas divisi baru', table: 'divisionProject', data: id })
return NextResponse.json({ success: true, message: "Berhasil menambahkan file" }, { status: 200 });
} catch (error) {
console.error(error);
return NextResponse.json({ success: false, message: "Gagal membuat tugas divisi, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });
return NextResponse.json({ success: false, message: "Gagal menambahkan filae, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });
}
}

45
src/app/api/task/route.ts
View File

@@ -1,4 +1,4 @@
import { prisma } from "@/module/_global";
import { DIR, funUploadFile, prisma } from "@/module/_global";
import { funGetUserByCookies } from "@/module/auth";
import _, { ceil } from "lodash";
import { NextResponse } from "next/server";
@@ -153,42 +153,35 @@ export async function POST(request: Request) {
let fileFix: any[] = []
if (cekFile) {
const root = path.join(process.cwd(), "./public/file/task/");
for (var pair of body.entries()) {
if (String(pair[0]).substring(0, 4) == "file") {
const file = body.get(pair[0]) as File
const fExt = file.name.split(".").pop()
const fName = file.name.replace("." + fExt, "")
const upload = await funUploadFile({ file: file, dirId: DIR.task })
if (upload.success) {
const insertToContainer = await prisma.containerFileDivision.create({
data: {
idDivision: idDivision,
name: fName,
extension: String(fExt),
idStorage: upload.data.id
},
select: {
id: true
}
})
const insertToContainer = await prisma.containerFileDivision.create({
data: {
const dataFile = {
idProject: data.id,
idDivision: idDivision,
name: fName,
extension: String(fExt)
},
select: {
id: true
idFile: insertToContainer.id,
createdBy: user.id,
}
})
const nameFix = insertToContainer.id + '.' + fExt
const filePath = path.join(root, nameFix)
// Konversi ArrayBuffer ke Buffer
const buffer = Buffer.from(await file.arrayBuffer());
// Tulis file ke sistem
fs.writeFileSync(filePath, buffer);
const dataFile = {
idProject: data.id,
idDivision: idDivision,
idFile: insertToContainer.id,
createdBy: user.id,
fileFix.push(dataFile)
}
fileFix.push(dataFile)
}
}

6
src/module/_global/components/wrap_layout.tsx
View File

@@ -2,13 +2,15 @@
import { useHookstate } from "@hookstate/core";
import { globalRole } from "../bin/val_global";
import { useShallowEffect } from "@mantine/hooks";
import { useEffect } from "react";
export default function WrapLayout({ children, role }: { children: React.ReactNode, role: any }) {
const roleLogin = useHookstate(globalRole)
useShallowEffect(() => {
useEffect(() => {
roleLogin.set(role)
}, [])
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [role])
return (
<>
{children}

1
src/module/document/lib/type_document.ts
View File

@@ -1,4 +1,5 @@
export interface IDataDocument {
idStorage: string;
id: string;
name: string;
extension: string;

5
src/module/document/ui/drawer_menu_document_division.tsx
View File

@@ -114,7 +114,10 @@ export default function DrawerMenuDocumentDivision() {
maxSize={3 * 1024 ** 2}
accept={['text/csv', 'image/png', 'image/jpeg', 'image/heic', 'application/pdf']}
onReject={(files) => {
return toast.error('File yang diizinkan: .csv, .png, .jpg, .heic, .pdf dengan ukuran maksimal 3 MB')
refresh.set(true)
setOpenModal(false)
setOpenDrawerDocument(false)
toast.error('File yang diizinkan: .csv, .png, .jpg, .heic, .pdf dengan ukuran maksimal 3 MB')
}}
>
<Flex justify={'center'} align={'center'} direction={'column'} mb={20} onClick={() => openRef.current?.()}>

8
src/module/document/ui/navbar_document_division.tsx
View File

@@ -30,7 +30,7 @@ export default function NavbarDocumentDivision() {
const param = useParams<{ id: string }>()
const [isOpenModalView, setOpenModalView] = useState(false)
const [isExtension, setExtension] = useState('')
const [idData, setIdData] = useState('')
const [idStorage, setIdStorage] = useState('')
const [name, setName] = useState('')
const [isOpen, setOpen] = useState(false)
const [isDelete, setIsDelete] = useState(false)
@@ -337,7 +337,7 @@ export default function NavbarDocumentDivision() {
router.push('?path=' + v.id)
} else if (v.category == "FILE" && selectedFiles.length == 0 && !dariSelectAll) {
setExtension(v.extension)
setIdData(v.id)
setIdStorage(v.idStorage)
setOpenModalView(true)
}
@@ -380,7 +380,7 @@ export default function NavbarDocumentDivision() {
router.push('?path=' + v.id)
} else if (v.category == "FILE" && selectedFiles.length == 0 && !dariSelectAll) {
setExtension(v.extension)
setIdData(v.id)
setIdStorage(v.idStorage)
setOpenModalView(true)
}
@@ -485,7 +485,7 @@ export default function NavbarDocumentDivision() {
</LayoutDrawer>
<LayoutModalViewFile opened={isOpenModalView} onClose={() => setOpenModalView(false)} file={idData + '.' + isExtension} extension={isExtension} fitur='dokumen' />
<LayoutModalViewFile opened={isOpenModalView} onClose={() => setOpenModalView(false)} file={idStorage} extension={isExtension} fitur='dokumen' />
</Box>
);
}

22
src/module/seeder/data/theme.json Normal file
View File

@@ -0,0 +1,22 @@
[
{
"id": "theme1",
"name": "Tema 1",
"utama": "#19345E",
"bgUtama": "#F4F9FD",
"bgIcon": "#384288",
"bgFiturHome": "#FCAA4B",
"bgFiturDivisi": "#FCAA4B",
"bgTotalKegiatan": "#DCEED8"
},
{
"id": "theme2",
"name": "Tema 2",
"utama": "#508D4E",
"bgUtama": "#F4F9FD",
"bgIcon": "#3C8754",
"bgFiturHome": "#FCAA4B",
"bgFiturDivisi": "#FCAA4B",
"bgTotalKegiatan": "#DCEED8"
}
]

3
src/module/seeder/index.ts
View File

@@ -5,5 +5,6 @@ import seederUser from "./data/user.json";
import seederDesa from "./data/desa.json";
import seederGroup from "./data/group.json";
import seederPosition from "./data/position.json";
import seederTheme from "./data/theme.json";
export { seederAdminRole, seederAdmin, seederDesa, seederGroup, seederPosition, seederUserRole, seederUser, }
export { seederAdminRole, seederAdmin, seederDesa, seederGroup, seederPosition, seederUserRole, seederUser, seederTheme }

3
src/module/task/lib/type_task.ts
View File

@@ -68,5 +68,6 @@ export interface IDataFileTaskDivision {
id: string
name: string
extension: string,
nameInStorage: string
nameInStorage: string,
idStorage: string
}

46
src/module/task/ui/create_date_end_task.tsx
View File

@@ -1,6 +1,7 @@
"use client";
import { LayoutNavbarNew, WARNA } from "@/module/_global";
import {
ActionIcon,
Avatar,
Box,
Button,
@@ -19,9 +20,10 @@ import { useParams, useRouter } from "next/navigation";
import toast from "react-hot-toast";
import { IFormDateTask } from "../lib/type_task";
import moment from "moment";
import { HiChevronLeft } from "react-icons/hi2";
export default function ViewDateEndTask({ onClose }: { onClose: (val: IFormDateTask) => void }) {
export default function ViewDateEndTask({ onClose, onSet }: {onClose: (val: boolean) => void, onSet: (val: IFormDateTask) => void }) {
const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
const router = useRouter()
const param = useParams<{ id: string }>()
@@ -37,7 +39,7 @@ export default function ViewDateEndTask({ onClose }: { onClose: (val: IFormDateT
if (title == "")
return toast.error("Error! harus memasukkan judul tugas")
onClose(
onSet(
{
dateStart: value[0],
dateEnd: value[1],
@@ -49,7 +51,13 @@ export default function ViewDateEndTask({ onClose }: { onClose: (val: IFormDateT
return (
<Box>
<LayoutNavbarNew back={`/division/${param.id}/task/create`} title={"Tanggal Tugas"} menu />
<LayoutNavbarNew state={
<Box>
<ActionIcon variant="light" onClick={() => { onClose(true) }} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiChevronLeft size={20} color='white' />
</ActionIcon>
</Box>
} title={"Tanggal Tugas"} menu />
<Box p={20}>
<Group
justify="center"
@@ -112,22 +120,22 @@ export default function ViewDateEndTask({ onClose }: { onClose: (val: IFormDateT
/>
</Stack>
</Box>
<Box pos={'fixed'} bottom={0} p={rem(20)} w={"100%"} style={{
maxWidth: rem(550),
zIndex: 999,
backgroundColor: `${WARNA.bgWhite}`,
}}>
<Button
c={"white"}
bg={WARNA.biruTua}
size="lg"
radius={30}
fullWidth
onClick={() => { onSubmit() }}
>
Simpan
</Button>
</Box>
<Box pos={'fixed'} bottom={0} p={rem(20)} w={"100%"} style={{
maxWidth: rem(550),
zIndex: 999,
backgroundColor: `${WARNA.bgWhite}`,
}}>
<Button
c={"white"}
bg={WARNA.biruTua}
size="lg"
radius={30}
fullWidth
onClick={() => { onSubmit() }}
>
Simpan
</Button>
</Box>
</Box>
);
}

249
src/module/task/ui/create_task.tsx
View File

@@ -76,7 +76,7 @@ export default function CreateTask() {
if (response.success) {
toast.success(response.message)
// setTitle("")
setTitle("")
member.set([])
setFileForm([])
setListFile([])
@@ -92,7 +92,7 @@ export default function CreateTask() {
}
if (openTugas) return <ViewDateEndTask onClose={(val) => {
if (openTugas) return <ViewDateEndTask onClose={(val) => { setOpenTugas(false) }} onSet={(val) => {
setDataTask([...dataTask, val])
setOpenTugas(false)
}} />;
@@ -148,7 +148,10 @@ export default function CreateTask() {
border: `1px solid ${"#D6D8F6"}`,
borderRadius: 10,
}}
onClick={() => setOpenDrawer(true)}
onClick={() =>
// setOpenDrawer(true)
openRef.current?.()
}
>
<Text>Upload File</Text>
<IoIosArrowDropright size={25} />
@@ -168,103 +171,103 @@ export default function CreateTask() {
</Box>
</Stack>
<Box pb={100}>
{
dataTask.length > 0 &&
<Box pt={20}>
<Text fw={'bold'} c={WARNA.biruTua}>Tanggal & Tugas</Text>
{
dataTask.map((v, i) => {
return (
<Box key={i} onClick={() => {
setIndexDelTask(i)
setOpenDrawerTask(true)
}}>
<ResultsDateAndTask dateStart={v.dateStart} dateEnd={v.dateEnd} title={v.title} />
</Box>
)
})
}
</Box>
}
{
listFile.length > 0 &&
<Box pt={20}>
<Text fw={'bold'} c={WARNA.biruTua}>File</Text>
<Box bg={"white"} style={{
borderRadius: 10,
border: `1px solid ${"#D6D8F6"}`,
padding: 20
}}>
{
dataTask.length > 0 &&
<Box pt={20}>
<Text fw={'bold'} c={WARNA.biruTua}>Tanggal & Tugas</Text>
{
listFile.map((v, i) => {
dataTask.map((v, i) => {
return (
<Box key={i} onClick={() => {
setIndexDelFile(i)
setOpenDrawerFile(true)
setIndexDelTask(i)
setOpenDrawerTask(true)
}}>
<ResultsFile name={v.name} extension={v.extension} />
<ResultsDateAndTask dateStart={v.dateStart} dateEnd={v.dateEnd} title={v.title} />
</Box>
)
})
}
</Box>
</Box>
}
}
{
member.length > 0 &&
<Box pt={30}>
<Group justify="space-between">
<Text c={WARNA.biruTua}>Anggota Terpilih</Text>
<Text c={WARNA.biruTua}>Total {member.length} Anggota</Text>
</Group>
<Box pt={10}>
<Box mb={20}>
<Box
style={{
border: `1px solid ${"#C7D6E8"}`,
borderRadius: 10,
}}
px={20}
py={10}
>
{member.get().map((v: any, i: any) => {
{
listFile.length > 0 &&
<Box pt={20}>
<Text fw={'bold'} c={WARNA.biruTua}>File</Text>
<Box bg={"white"} style={{
borderRadius: 10,
border: `1px solid ${"#D6D8F6"}`,
padding: 20
}}>
{
listFile.map((v, i) => {
return (
<Box key={i}>
<Grid align='center' mt={10}
>
<Grid.Col span={9}>
<Group>
<Avatar src={`https://wibu-storage.wibudev.com/api/files/${v.img}`} alt="it's me" size={isMobile ? 'md' : 'lg'} />
<Box w={{
base: isMobile ? 130 : 140,
xl: 270
}}>
<Text c={WARNA.biruTua} fw={"bold"} lineClamp={1} fz={isMobile ? 14 : 16}>
{v.name}
</Text>
</Box>
</Group>
</Grid.Col>
<Grid.Col span={3}>
<Text c={WARNA.biruTua} fw={"bold"} ta={'end'} fz={isMobile ? 13 : 16}>
Anggota
</Text>
</Grid.Col>
</Grid>
<Box mt={10}>
<Divider size={"xs"} />
<Box key={i} onClick={() => {
setIndexDelFile(i)
setOpenDrawerFile(true)
}}>
<ResultsFile name={v.name} extension={v.extension} />
</Box>
)
})
}
</Box>
</Box>
}
{
member.length > 0 &&
<Box pt={30}>
<Group justify="space-between">
<Text c={WARNA.biruTua}>Anggota Terpilih</Text>
<Text c={WARNA.biruTua}>Total {member.length} Anggota</Text>
</Group>
<Box pt={10}>
<Box mb={20}>
<Box
style={{
border: `1px solid ${"#C7D6E8"}`,
borderRadius: 10,
}}
px={20}
py={10}
>
{member.get().map((v: any, i: any) => {
return (
<Box key={i}>
<Grid align='center' mt={10}
>
<Grid.Col span={9}>
<Group>
<Avatar src={`https://wibu-storage.wibudev.com/api/files/${v.img}`} alt="it's me" size={isMobile ? 'md' : 'lg'} />
<Box w={{
base: isMobile ? 130 : 140,
xl: 270
}}>
<Text c={WARNA.biruTua} fw={"bold"} lineClamp={1} fz={isMobile ? 14 : 16}>
{v.name}
</Text>
</Box>
</Group>
</Grid.Col>
<Grid.Col span={3}>
<Text c={WARNA.biruTua} fw={"bold"} ta={'end'} fz={isMobile ? 13 : 16}>
Anggota
</Text>
</Grid.Col>
</Grid>
<Box mt={10}>
<Divider size={"xs"} />
</Box>
</Box>
</Box>
);
})}
);
})}
</Box>
</Box>
</Box>
</Box>
</Box>
}
}
</Box>
</Box>
<Box pos={'fixed'} bottom={0} p={rem(20)} w={"100%"} style={{
@@ -290,50 +293,52 @@ export default function CreateTask() {
</Button>
</Box>
<Dropzone
openRef={openRef}
onDrop={async (files) => {
if (!files || _.isEmpty(files))
return toast.error('Tidak ada file yang dipilih')
setFileForm([...fileForm, files[0]])
setListFile([...listFile, { name: files[0].name, extension: files[0].type.split("/")[1] }])
}}
activateOnClick={false}
maxSize={3 * 1024 ** 2}
accept={['text/csv', 'image/png', 'image/jpeg', 'image/heic', 'application/pdf']}
onReject={(files) => {
return toast.error('File yang diizinkan: .csv, .png, .jpg, .heic, .pdf dengan ukuran maksimal 3 MB')
}}
></Dropzone>
{/* Drawer pilih file */}
<LayoutDrawer
{/* <LayoutDrawer
opened={openDrawer}
onClose={() => setOpenDrawer(false)}
title={"Pilih File"}
>
<Flex justify={"flex-start"} px={20}>
<Dropzone
openRef={openRef}
onDrop={async (files) => {
if (!files || _.isEmpty(files))
return toast.error('Tidak ada file yang dipilih')
setFileForm([...fileForm, files[0]])
setListFile([...listFile, { name: files[0].name, extension: files[0].type.split("/")[1] }])
}}
activateOnClick={false}
maxSize={3 * 1024 ** 2}
accept={['text/csv', 'image/png', 'image/jpeg', 'image/heic', 'application/pdf']}
onReject={(files) => {
return toast.error('File yang diizinkan: .csv, .png, .jpg, .heic, .pdf dengan ukuran maksimal 3 MB')
}}
>
<Box onClick={() => openRef.current?.()}>
<Box
bg={"#DCEED8"}
style={{
border: `1px solid ${"#D6D8F6"}`,
padding: 20,
borderRadius: 10,
}}
>
<Center>
<BsFiletypeCsv size={40} />
</Center>
</Box>
<Text mt={10} ta={"center"}>
Pilih file
</Text>
<Text ta={"center"}>diperangkat</Text>
<Box onClick={() => openRef.current?.()}>
<Box
bg={"#DCEED8"}
style={{
border: `1px solid ${"#D6D8F6"}`,
padding: 20,
borderRadius: 10,
}}
>
<Center>
<BsFiletypeCsv size={40} />
</Center>
</Box>
</Dropzone>
{/* <Box onClick={() => router.push("/task/create?page=file-save")}>
<Text mt={10} ta={"center"}>
Pilih file
</Text>
<Text ta={"center"}>diperangkat</Text>
</Box>
<Box onClick={() => router.push("/task/create?page=file-save")}>
<Box
bg={"#DCEED8"}
style={{
@@ -350,9 +355,9 @@ export default function CreateTask() {
Pilih file yang
</Text>
<Text ta={"center"}>sudah ada</Text>
</Box> */}
</Box>
</Flex>
</LayoutDrawer>
</LayoutDrawer> */}

26
src/module/task/ui/create_users_project.tsx
View File

@@ -26,7 +26,7 @@ import { globalMemberTask } from "../lib/val_task";
import { FaCheck } from "react-icons/fa6";
import { RiListCheck } from "react-icons/ri";
import { BsListCheck } from "react-icons/bs";
import { HiMagnifyingGlass } from "react-icons/hi2";
import { HiChevronLeft, HiMagnifyingGlass } from "react-icons/hi2";
import { IoArrowBackOutline, IoClose } from "react-icons/io5";
import { Carousel } from "@mantine/carousel";
@@ -119,21 +119,27 @@ export default function CreateUsersProject({ onClose }: { onClose: (val: any) =>
async function fetchGetMember(val: string) {
setSearchQuery(val)
try {
const res = await funGetSearchMemberDivision('?search=' + val, param.id);
if (res.success) {
setData(res.data)
} else {
toast.error(res.message);
}
const res = await funGetSearchMemberDivision('?search=' + val, param.id);
if (res.success) {
setData(res.data)
} else {
toast.error(res.message);
}
} catch (error) {
console.error(error);
console.error(error);
}
}
}
return (
<Box>
<LayoutNavbarNew
// back=""
state={
<Box>
<ActionIcon variant="light" onClick={() => { onClose(true) }} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiChevronLeft size={20} color='white' />
</ActionIcon>
</Box>
}
title="Pilih Anggota"
menu={<ActionIcon onClick={handleSearchClick} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="search">
<HiMagnifyingGlass size={20} color='white' />

5
src/module/task/ui/detail_list_file_task.tsx
View File

@@ -18,6 +18,7 @@ export default function ListFileDetailTask() {
const [openDrawer, setOpenDrawer] = useState(false)
const [isOpenModal, setOpenModal] = useState(false)
const [idData, setIdData] = useState('')
const [idDataStorage, setIdDataStorage] = useState('')
const [nameStorage, setNameStorage] = useState('')
const [nameData, setNameData] = useState('')
const [isOpenModalView, setOpenModalView] = useState(false)
@@ -52,6 +53,7 @@ export default function ListFileDetailTask() {
toast.success(res.message)
getOneData()
setIdData("")
setIdDataStorage("")
setOpenDrawer(false)
} else {
toast.error(res.message);
@@ -102,6 +104,7 @@ export default function ListFileDetailTask() {
setExtension(item.extension)
setNameStorage(item.nameInStorage)
setIdData(item.id)
setIdDataStorage(item.idStorage)
setOpenDrawer(true)
}}
>
@@ -167,7 +170,7 @@ export default function ListFileDetailTask() {
setOpenModal(false)
}} />
<LayoutModalViewFile opened={isOpenModalView} onClose={() => setOpenModalView(false)} file={nameStorage + '.' + isExtension} extension={isExtension} fitur='task' />
<LayoutModalViewFile opened={isOpenModalView} onClose={() => setOpenModalView(false)} file={idDataStorage} extension={isExtension} fitur='task' />
</Box>
)
}