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

Merge pull request #326 from bipproduction/amalia/05-nov-24

Browse Source 
Amalia/05 nov 24
This commit is contained in:
Amalia
2024-11-05 16:46:35 +08:00
committed by GitHub
parent 4431abde27 18835f47cc
commit 828813d793
7 changed files with 108 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -125,6 +125,11 @@ export async function GET(request: Request) {
updatedAt: true
}
}
},
orderBy: {
DivisionDocumentFolderFile: {
createdAt: 'desc'
}
}
})
@@ -169,7 +174,7 @@ export async function GET(request: Request) {
updatedAt: true
},
orderBy: {
name: 'asc'
createdAt: 'desc'
}
})
@@ -185,7 +190,7 @@ export async function GET(request: Request) {
allData.push(...formatDataShare)
}
const formatData = _.orderBy(allData, ['category', 'name'], ['desc', 'asc']);
const formatData = _.orderBy(allData, ['category', 'createdAt'], ['desc', 'asc']);
let pathNow = path
let jalur = []

4
src/app/page.tsx
View File

@@ -1,8 +1,4 @@
import { pwd_key_config } from "@/module/_global";
import { funDetectCookies, ViewLogin } from "@/module/auth";
import { unsealData } from "iron-session";
import _ from "lodash";
import { cookies } from "next/headers";
import { redirect } from "next/navigation";
export default async function Home() {

96
src/module/auth/login/view/view_login.tsx
View File

@@ -1,28 +1,14 @@
"use client"
import { LayoutLogin, WARNA } from "@/module/_global";
import {
Box,
Button,
Checkbox,
Image,
rem,
Stack,
Text,
TextInput,
Title,
} from "@mantine/core";
import { useRouter } from "next/navigation";
import React, { useState } from "react";
import { Box, Button, Stack, Text, TextInput } from "@mantine/core";
import { useFocusTrap } from "@mantine/hooks";
import { useState } from "react";
import toast from "react-hot-toast";
import ViewVerification from "../../varification/view/view_verification";
import { useFocusTrap } from "@mantine/hooks";
function ViewLogin() {
const focusTrapRef = useFocusTrap()
const router = useRouter()
const textInfo =
"Kami akan mengirimkan kode verifikasi melalui WhatsApp untuk mengonfirmasi nomor Anda.";
const textInfo = "Kami akan mengirimkan kode verifikasi melalui WhatsApp untuk mengonfirmasi nomor Anda.";
const [isPhone, setPhone] = useState("")
const [isOTP, setOTP] = useState<any>(null)
const [isValPhone, setValPhone] = useState<any>(null)
@@ -37,46 +23,50 @@ function ViewLogin() {
if (isPhone.toString().length <= 11)
return toast.error('Nomor telepon tidak valid')
const cek = await fetch('/api/auth/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ phone: isPhone })
})
const cekLogin = await cek.json()
if (cekLogin.success) {
const code = Math.floor(Math.random() * 1000) + 1000
try {
setLoading(true)
try {
const res = await fetch(`https://wa.wibudev.com/code?nom=${cekLogin.phone}&text=*DARMASABA*%0A%0A
JANGAN BERIKAN KODE RAHASIA ini kepada siapa pun TERMASUK PIHAK DARMASABA. Masukkan otentikasi: *${encodeURIComponent(code)}*`).then(
async (res) => {
if (res.status == 200) {
setValPhone(cekLogin.phone)
setOTP(code)
setUser(cekLogin.id)
setVerif(true)
setLoading(false)
toast.success('Kode verifikasi telah dikirim')
} else {
console.error(res.status)
toast.error('Internal Server Error')
setLoading(false)
const cek = await fetch('/api/auth/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ phone: isPhone })
})
const cekLogin = await cek.json()
if (cekLogin.success) {
const code = Math.floor(Math.random() * 1000) + 1000
try {
const res = await fetch(`https://wa.wibudev.com/code?nom=${cekLogin.phone}&text=*DARMASABA*%0A%0A
JANGAN BERIKAN KODE RAHASIA ini kepada siapa pun TERMASUK PIHAK DARMASABA. Masukkan otentikasi: *${encodeURIComponent(code)}*`).then(
async (res) => {
if (res.status == 200) {
setValPhone(cekLogin.phone)
setOTP(code)
setUser(cekLogin.id)
setVerif(true)
toast.success('Kode verifikasi telah dikirim')
} else {
console.error(res.status)
toast.error('Internal Server Error')
}
}
}
)
} catch (error) {
console.error(error)
toast.error('Internal Server Error')
}finally{
setLoading(false)
)
} catch (error) {
console.error(error)
toast.error('Internal Server Error')
}
} else {
return toast.error(cekLogin.message)
}
} else {
return toast.error(cekLogin.message)
} catch (error) {
console.error(error)
toast.error('Internal Server Error')
} finally {
setLoading(false)
}
}
if (isVerif) return <ViewVerification otp={isOTP} phone={isValPhone} user={isUser} />

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

@@ -8,11 +8,11 @@ import toast from "react-hot-toast";
import { FcFolder } from "react-icons/fc";
import { GoChevronRight } from "react-icons/go";
import { MdFolder } from "react-icons/md";
import { useWibuRealtime } from "wibu-realtime";
import { funCreateFolder, funGetAllDocument } from "../lib/api_document";
import { IDataDocument, IFormDetailMoreItem, IJalurItem, } from "../lib/type_document";
import { useWibuRealtime } from "wibu-realtime";
export default function DrawerCutDocuments({ category, onChoosePath, data, }: { category: string; data: IFormDetailMoreItem[]; onChoosePath: (val: string) => void; }) {
export default function DrawerCutDocuments({ category, loadingAction, onChoosePath, data, }: { category: string; loadingAction: boolean; data: IFormDetailMoreItem[]; onChoosePath: (val: string) => void; }) {
const [opened, setOpened] = useState(false);
const param = useParams<{ id: string }>();
const [path, setPath] = useState("home");
@@ -100,6 +100,7 @@ export default function DrawerCutDocuments({ category, onChoosePath, data, }: {
</Grid.Col>
<Grid.Col span={6}>
<Button
loading={loadingAction}
variant="filled"
fullWidth
color={tema.get().utama}

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

@@ -24,6 +24,7 @@ export default function DrawerMenuDocumentDivision() {
const openRef = useRef<() => void>(null)
const tema = useHookstate(TEMA)
const [loading, setLoading] = useState(false)
const [loadingCreate, setLoadingCreate] = useState(false)
const [dataRealTime, setDataRealtime] = useWibuRealtime({
WIBU_REALTIME_TOKEN: keyWibu,
project: "sdm"
@@ -36,6 +37,7 @@ export default function DrawerMenuDocumentDivision() {
async function onCreateFolder() {
try {
setLoadingCreate(true)
const res = await funCreateFolder(bodyFolder)
if (!res.success) {
toast.error(res.message)
@@ -48,11 +50,13 @@ export default function DrawerMenuDocumentDivision() {
} catch (error) {
console.error(error);
toast.error("Gagal membuat folder baru, coba lagi nanti");
} finally {
setLoadingCreate(false)
refresh.set(true)
setOpenModal(false)
setOpenDrawerDocument(false)
}
refresh.set(true)
setOpenModal(false)
setOpenDrawerDocument(false)
}
async function onUploadFile(data: any) {
@@ -204,7 +208,7 @@ export default function DrawerMenuDocumentDivision() {
<Button variant="subtle" fullWidth color='#969494' onClick={() => setOpenModal(false)}>Batalkan</Button>
</Grid.Col>
<Grid.Col span={6}>
<Button variant="subtle" fullWidth color={tema.get().utama} onClick={() => onCreateFolder()}>Membuat</Button>
<Button loading={loadingCreate} variant="subtle" fullWidth color={tema.get().utama} onClick={() => onCreateFolder()}>Membuat</Button>
</Grid.Col>
</Grid>
</Box>

36
src/module/document/ui/drawer_more.tsx
View File

@@ -2,15 +2,15 @@ import { keyWibu, LayoutDrawer, TEMA } from "@/module/_global";
import { useHookstate } from "@hookstate/core";
import { Box, Flex, SimpleGrid, Stack, Text } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import { useParams } from "next/navigation";
import { useParams, useSearchParams } from "next/navigation";
import { useState } from "react";
import toast from "react-hot-toast";
import { LuFolders, LuFolderSymlink } from "react-icons/lu";
import { useWibuRealtime } from "wibu-realtime";
import { funCopyDocument, funMoveDocument } from "../lib/api_document";
import { IDataDocument } from "../lib/type_document";
import { globalRefreshDocument } from "../lib/val_document";
import DrawerCutDocuments from "./drawer_cut_documents";
import { useWibuRealtime } from "wibu-realtime";
export default function DrawerMore({ data }: { data: IDataDocument[] }) {
const [isCut, setIsCut] = useState(false)
@@ -19,20 +19,31 @@ export default function DrawerMore({ data }: { data: IDataDocument[] }) {
const param = useParams<{ id: string }>()
const [forbidCopy, setForbidCopy] = useState(true)
const tema = useHookstate(TEMA)
const [loadingMove, setLoadingMove] = useState(false)
const [loadingCopy, setLoadingCopy] = useState(false)
const [dataRealTime, setDataRealtime] = useWibuRealtime({
WIBU_REALTIME_TOKEN: keyWibu,
project: "sdm"
})
const searchParams = useSearchParams()
const pathAwal = searchParams.get('path')
async function onMoveItem(path: string) {
try {
setLoadingMove(true)
const res = await funMoveDocument({ path, dataItem: data })
if (res.success) {
setDataRealtime([{
category: "division-document",
id: path,
}])
setDataRealtime([
{
category: "division-document",
id: path,
},
{
category: "division-document",
id: pathAwal,
}
])
toast.success(res.message)
refresh.set(true)
} else {
@@ -41,13 +52,16 @@ export default function DrawerMore({ data }: { data: IDataDocument[] }) {
} catch (error) {
console.error(error)
toast.error("Gagal memindahkan item, coba lagi nanti")
} finally {
setLoadingMove(false)
setIsCut(false)
}
setIsCut(false)
}
async function onCopyItem(path: string) {
try {
setLoadingCopy(true)
const res = await funCopyDocument({ idDivision: param.id, path, dataItem: data })
if (res.success) {
setDataRealtime([{
@@ -62,8 +76,10 @@ export default function DrawerMore({ data }: { data: IDataDocument[] }) {
} catch (error) {
console.error(error)
toast.error("Gagal memindahkan item, coba lagi nanti")
} finally {
setLoadingCopy(false)
setIsCopy(false)
}
setIsCopy(false)
}
@@ -108,11 +124,11 @@ export default function DrawerMore({ data }: { data: IDataDocument[] }) {
<LayoutDrawer opened={isCut} onClose={() => setIsCut(false)} title={'Pilih Lokasi Pemindahan'} size="lg">
<DrawerCutDocuments data={data} onChoosePath={(val) => { onMoveItem(val) }} category="move" />
<DrawerCutDocuments data={data} loadingAction={loadingMove} onChoosePath={(val) => { onMoveItem(val) }} category="move" />
</LayoutDrawer>
<LayoutDrawer opened={isCopy} onClose={() => setIsCopy(false)} title={'Pilih Lokasi Salin'} size="lg">
<DrawerCutDocuments data={data} onChoosePath={(val) => { onCopyItem(val) }} category="copy" />
<DrawerCutDocuments data={data} loadingAction={loadingCopy} onChoosePath={(val) => { onCopyItem(val) }} category="copy" />
</LayoutDrawer>
</Box>
);

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

@@ -18,13 +18,13 @@ import { HiMenu } from "react-icons/hi";
import { LuShare2 } from "react-icons/lu";
import { MdClose, MdOutlineMoreHoriz } from "react-icons/md";
import { RiListCheck } from "react-icons/ri";
import { useWibuRealtime } from "wibu-realtime";
import { funDeleteDocument, funGetAllDocument, funRenameDocument, } from "../lib/api_document";
import { IDataDocument, IJalurItem } from "../lib/type_document";
import { globalRefreshDocument } from "../lib/val_document";
import DrawerMenuDocumentDivision from "./drawer_menu_document_division";
import DrawerMore from "./drawer_more";
import DrawerShareDocument from "./drawer_share_document";
import { useWibuRealtime } from "wibu-realtime";
export default function NavbarDocumentDivision() {
const router = useRouter();
@@ -52,6 +52,8 @@ export default function NavbarDocumentDivision() {
const isMobile2 = useMediaQuery("(max-width: 496px)");
const tema = useHookstate(TEMA);
const [loading, setLoading] = useState(true);
const [loadingRename, setLoadingRename] = useState(false);
const [loadingDelete, setLoadingDelete] = useState(false);
const [dataRealTime, setDataRealtime] = useWibuRealtime({
WIBU_REALTIME_TOKEN: keyWibu,
project: "sdm"
@@ -138,8 +140,9 @@ export default function NavbarDocumentDivision() {
};
async function onConfirmDelete(val: boolean) {
if (val) {
try {
try {
if (val) {
setLoadingDelete(true)
const respon = await funDeleteDocument(selectedFiles);
if (respon.success) {
getOneData(false);
@@ -150,19 +153,20 @@ export default function NavbarDocumentDivision() {
} else {
toast.error(respon.message);
}
} catch (error) {
console.error(error);
toast.error("Gagal menghapus item, coba lagi nanti");
handleBatal();
}
handleBatal();
} catch (error) {
console.error(error);
toast.error("Gagal menghapus item, coba lagi nanti");
} finally {
setLoadingDelete(false)
setIsDelete(false);
}
setIsDelete(false);
}
async function onRenameSubmit() {
try {
setLoadingRename(true);
const res = await funRenameDocument(bodyRename);
if (res.success) {
setDataRealtime([{
@@ -176,11 +180,13 @@ export default function NavbarDocumentDivision() {
} catch (error) {
console.error(error);
toast.error("Gagal mengganti nama item, coba lagi nanti");
} finally {
setLoadingRename(false)
setSelectedFiles([]);
setDariSelectAll(false);
setRename(false);
}
setSelectedFiles([]);
setDariSelectAll(false);
setRename(false);
}
useShallowEffect(() => {
@@ -802,6 +808,7 @@ export default function NavbarDocumentDivision() {
{/* MODAL KONFIRMASI DELETE */}
<LayoutModal
loading={loadingDelete}
opened={isDelete}
onClose={() => setIsDelete(false)}
description="Apakah Anda yakin ingin menghapus item?"
@@ -861,6 +868,7 @@ export default function NavbarDocumentDivision() {
</Grid.Col>
<Grid.Col span={6}>
<Button
loading={loadingRename}
variant="subtle"
fullWidth
color={tema.get().utama}