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

upd: view file project

Browse Source 
Deskripsi
- install package pdf
- layout modal file
- ganti route api image

No Issues
This commit is contained in:
amel
2024-09-03 16:24:18 +08:00
parent 10d9cd54f9
commit 6638d719f3
31 changed files with 461 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/module/project/ui/add_member_detail_project.tsx
View File

@@ -133,7 +133,7 @@ export default function AddMemberDetailProject() {
<Box mb={15} key={i} onClick={() => (!found) ? handleFileClick(i) : null}>
<Flex justify={"space-between"} align={"center"}>
<Group>
<Avatar src={`/api/file/img?cat=user&file=${v.img}`} alt="it's me" size="lg" />
<Avatar src={`/api/file/img?jenis=image&cat=user&file=${v.img}`} alt="it's me" size="lg" />
<Stack align="flex-start" justify="flex-start">
<Text style={{
cursor: 'pointer',

2
src/module/project/ui/create_project.tsx
View File

@@ -297,7 +297,7 @@ export default function CreateProject() {
key={i}
>
<Group>
<Avatar src={`/api/file/img?cat=user&file=${v.img}`} alt="it's me" size="lg" />
<Avatar src={`/api/file/img?jenis=image&cat=user&file=${v.img}`} alt="it's me" size="lg" />
<Box>
<Text c={WARNA.biruTua} fw={"bold"}>
{v.name}

2
src/module/project/ui/create_users_project.tsx
View File

@@ -114,7 +114,7 @@ export default function CreateUsersProject({ grup, onClose }: { grup?: string, o
onClick={() => handleFileClick(index)}
>
<Center>
<Avatar src={`/api/file/img?cat=user&file=${v.img}`} alt="it's me" size="xl" />
<Avatar src={`/api/file/img?jenis=image&cat=user&file=${v.img}`} alt="it's me" size="xl" />
</Center>
<Text mt={20} ta="center">
{v.name}

2
src/module/project/ui/list_anggota_detail_project.tsx
View File

@@ -100,7 +100,7 @@ export default function ListAnggotaDetailProject() {
}}
>
<Group>
<Avatar src={`/api/file/img?cat=user&file=${v.img}`} alt="it's me" size="lg" />
<Avatar src={`/api/file/img?jenis=image&cat=user&file=${v.img}`} alt="it's me" size="lg" />
<Box>
<Text c={WARNA.biruTua} fw={"bold"}>
{v.name}

21
src/module/project/ui/list_file_detail_project.tsx
View File

@@ -1,5 +1,5 @@
'use client'
import { LayoutDrawer, WARNA } from '@/module/_global';
import { LayoutDrawer, LayoutModalViewFile, WARNA } from '@/module/_global';
import { Box, Center, Flex, Grid, Group, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
import React, { useState } from 'react';
import toast from 'react-hot-toast';
@@ -19,6 +19,8 @@ export default function ListFileDetailProject() {
const [nameData, setNameData] = useState('')
const [openDrawer, setOpenDrawer] = useState(false)
const [isOpenModal, setOpenModal] = useState(false)
const [isOpenModalView, setOpenModalView] = useState(false)
const [isExtension, setExtension] = useState('')
async function getOneData() {
try {
@@ -98,6 +100,7 @@ export default function ListFileDetailProject() {
onClick={() => {
setNameData(item.name + '.' + item.extension)
setExtension(item.extension)
setIdData(item.id)
setOpenDrawer(true)
}}
@@ -105,15 +108,15 @@ export default function ListFileDetailProject() {
<Grid gutter={"sm"} justify='flex-start' align='flex-start'>
<Grid.Col span={"auto"}>
<Center >
{item.extension == "pdf" && <BsFiletypePdf size={30} />}
{item.extension == "csv" && <BsFiletypeCsv size={30} />}
{item.extension == "png" && <BsFiletypePng size={30} />}
{item.extension == "jpg" || item.extension == "jpeg" && <BsFiletypeJpg size={30} />}
{item.extension == "heic" && <BsFiletypeHeic size={30} />}
{item.extension == "pdf" && <BsFiletypePdf size={30} />}
{item.extension == "csv" && <BsFiletypeCsv size={30} />}
{item.extension == "png" && <BsFiletypePng size={30} />}
{item.extension == "jpg" || item.extension == "jpeg" && <BsFiletypeJpg size={30} />}
{item.extension == "heic" && <BsFiletypeHeic size={30} />}
</Center>
</Grid.Col>
<Grid.Col span={10}>
<Text>{item.name + '.' + item.extension}</Text>
<Text>{item.name + '.' + item.extension}</Text>
</Grid.Col>
</Grid>
<Group>
@@ -132,7 +135,7 @@ export default function ListFileDetailProject() {
<SimpleGrid
cols={{ base: 3, sm: 3, lg: 3 }}
>
<Flex onClick={() => { }} justify={'center'} align={'center'} direction={'column'} >
<Flex onClick={() => { setOpenModalView(true) }} justify={'center'} align={'center'} direction={'column'} >
<Box>
<BsFileTextFill size={30} color={WARNA.biruTua} />
</Box>
@@ -163,6 +166,8 @@ export default function ListFileDetailProject() {
}
setOpenModal(false)
}} />
<LayoutModalViewFile opened={isOpenModalView} onClose={() => setOpenModalView(false)} file={idData + '.' + isExtension} extension={isExtension} fitur='project' />
</Box>
</>
);