feat : update member

This commit is contained in:
lukman
2024-08-09 17:27:34 +08:00
parent 5b4b780af5
commit 8b97a6f27d
19 changed files with 427 additions and 15 deletions

View File

@@ -0,0 +1,174 @@
import { prisma } from "@/module/_global";
import { funGetUserByCookies } from "@/module/auth";
import { createLogUser } from "@/module/user";
import _ from "lodash";
import { NextResponse } from "next/server";
// GET ONE MEMBER / USER
export async function GET(request: Request, context: { params: { id: string } }) {
try {
const { id } = context.params;
const user = await funGetUserByCookies()
if (user.id == undefined) {
return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 });
}
const users = await prisma.user.findUnique({
where: {
id: id,
},
select: {
id: true,
nik: true,
name: true,
phone: true,
email: true,
gender: true,
idGroup: true,
isActive: true,
idPosition: true,
UserRole: {
select: {
name: true,
id: true
}
},
Position: {
select: {
name: true,
id: true
},
},
Group: {
select: {
name: true,
id: true
},
},
},
});
const { ...userData } = users;
const group = users?.Group.name
const position = users?.Position.name
const idUserRole = users?.UserRole.id
const result = { ...userData, group, position, idUserRole };
const omitData = _.omit(result, ["Group", "Position", "UserRole"])
return NextResponse.json(
{
success: true,
message: "Berhasil mendapatkan anggota",
omitData,
},
{ status: 200 }
);
} catch (error) {
console.error(error);
return NextResponse.json({ success: false, message: "Gagal mendapatkan member, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });
}
}
// DELETE / ACTIVE & NON ACTIVE MEMBER / USER
export async function DELETE(request: Request, context: { params: { id: string } }) {
try {
const user = await funGetUserByCookies()
if (user.id == undefined) {
return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 });
}
const { id } = context.params;
const { isActive } = (await request.json());
const data = await prisma.user.count({
where: {
id: id,
},
});
if (data == 0) {
return NextResponse.json(
{
success: false,
message: "Gagal mendapatkan anggota, data tidak ditemukan",
},
{ status: 404 }
);
}
const result = await prisma.user.update({
where: {
id: id,
},
data: {
isActive: !isActive,
},
});
return NextResponse.json(
{
success: true,
message: "Berhasil mendapatkan anggota",
result,
},
{ status: 200 }
);
} catch (error) {
console.error(error);
return NextResponse.json({ success: false, message: "Gagal mendapatkan anggota, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });
}
}
// UPDATE MEMBER
export async function PUT(request: Request, context: { params: { id: string } }) {
try {
const user = await funGetUserByCookies()
if (user.id == undefined) {
return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 });
}
const { id } = context.params;
const data = await request.json();
const cek = await prisma.user.count({
where: {
nik: data.nik,
email: data.email,
phone: data.phone
},
});
if (cek == 0) {
const updates = await prisma.user.update({
where: {
id: id
},
data: {
nik: data.nik,
name: data.name,
phone: data.phone,
email: data.email,
gender: data.gender,
idGroup: data.idGroup,
idPosition: data.idPosition,
idUserRole: data.idUserRole,
},
});
// create log user
const log = await createLogUser({ act: 'UPDATE', desc: 'User mengupdate data user', table: 'user', data: data.id })
return Response.json(
{ success: true, message: "Sukses Update User", updates },
{ status: 200 }
);
} else {
return Response.json({ success: false, message: "User sudah ada" }, { status: 400 });
}
} catch (error) {
console.error(error);
return NextResponse.json({ success: false, message: "Gagal mendapatkan anggota, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });
}
}

125
src/app/api/user/route.ts Normal file
View File

@@ -0,0 +1,125 @@
import { prisma } from "@/module/_global";
import { funGetUserByCookies } from "@/module/auth";
import { createLogUser } from "@/module/user";
import _ from "lodash";
import { NextResponse } from "next/server";
// GET ALL MEMBER / USER
export async function GET(request: Request) {
try {
let fixGroup
const { searchParams } = new URL(request.url);
const name = searchParams.get('search')
const idGroup = searchParams.get("group");
const active = searchParams.get("active");
const user = await funGetUserByCookies()
if (user.id == undefined) {
return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 });
}
if (idGroup == "null" || idGroup == undefined) {
fixGroup = user.idGroup
} else {
fixGroup = idGroup
}
const users = await prisma.user.findMany({
where: {
isActive: active == "true" ? true : false,
idGroup: String(fixGroup),
name: {
contains: (name == undefined || name == null) ? "" : name,
mode: "insensitive",
}
},
select: {
id: true,
isActive: true,
nik: true,
name: true,
phone: true,
email: true,
gender: true,
Position: {
select: {
name: true,
},
},
Group: {
select: {
name: true,
},
},
},
});
const allData = users.map((v: any) => ({
..._.omit(v, ["Group"]),
group: v.Group.name
}))
return NextResponse.json({ success: true, message: "Berhasil member", data: allData, }, { status: 200 });
} catch (error) {
console.error(error);
return NextResponse.json({ success: false, message: "Gagal mendapatkan member, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });
}
}
// CREATE MEMBER / USER
export async function POST(request: Request) {
try {
const user = await funGetUserByCookies()
if (user.id == undefined) {
return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 });
}
const data = await request.json();
const village = "desa1"
const cek = await prisma.user.count({
where: {
nik: data.nik,
email: data.email,
phone: data.phone
},
});
if (cek == 0) {
const users = await prisma.user.create({
data: {
nik: data.nik,
name: data.name,
phone: data.phone,
email: data.email,
gender: data.gender,
idGroup: data.idGroup,
idVillage: village,
idPosition: data.idPosition,
idUserRole: data.idUserRole,
},
select: {
id: true,
nik: true,
name: true,
phone: true,
email: true,
gender: true,
},
});
// create log user
const log = await createLogUser({ act: 'CREATE', desc: 'User membuat data user baru', table: 'user', data: users.id })
return Response.json({ success: true, message: 'Sukses membuat user' }, { status: 200 });
} else {
return Response.json({ success: false, message: "User sudah ada" }, { status: 400 });
}
} catch (error) {
console.error(error);
return Response.json({ success: false, message: "Internal Server Error" }, { status: 500 });
}
}

View File

@@ -1,7 +1,7 @@
import ViewCreateMember from "./view/view_create_member";
import ViewDetailMember from "./view/view_detail_member";
import ViewEditMember from "./view/view_edit_member";
import ViewListMember from "./view/view_list_member";
import ViewCreateMember from "./ui/view_create_member";
import ViewDetailMember from "./ui/view_detail_member";
import ViewEditMember from "./ui/view_edit_member";
import ViewListMember from "./ui/view_list_member";
export { ViewListMember }
export { ViewCreateMember }

View File

@@ -0,0 +1,64 @@
import { IEditDataMember, IFormMember, IStatusmember } from "./type_member";
export const funGetAllmember = async (path?: string) => {
const response = await fetch(`/api/member${(path) ? path : ''}`, { next: { tags: ['member'] } });
return await response.json().catch(() => null);
}
export const funGetOneMember = async (path: string) => {
const response = await fetch(`/api/member/${path}`);
return await response.json().catch(() => null);
}
export const funCreateMember = async (data: IFormMember) => {
if (data.name.length < 3)
return { success: false, message: 'Minimal 3 karakter' }
if (data.email.length < 3)
return { success: false, message: 'Minimal 3 karakter' }
if (data.phone.length < 10)
return { success: false, message: 'Minimal 10 karakter' }
if (data.nik.length == 16)
return { success: false, message: 'NIK harus 16 karakter' }
const response = await fetch("/api/member", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(data),
});
return await response.json().catch(() => null);
}
export const funEditStatusMember = async (path: string, data: IStatusmember) => {
const response = await fetch(`/api/member/${path}`, {
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(data),
});
return await response.json().catch(() => null);
}
export const funEditMember = async (path: string, data: IEditDataMember) => {
if (data.name.length < 3)
return { success: false, message: 'Minimal 3 karakter' }
const response = await fetch(`/api/member/${path}`, {
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(data),
});
return await response.json().catch(() => null);
}

View File

@@ -0,0 +1,49 @@
export interface IListMember {
id: string,
isActive: boolean
nik: string,
name: string,
phone: string,
email: string,
gender: string,
group: string,
position: string,
}
export interface IFormMember {
nik: string;
name: string;
phone: string;
email: string;
gender: string;
idGroup: string;
idPosition: string;
idUserRole: string;
}
export interface IStatusmember {
isActive: boolean;
}
// EDIT MEMBER
export interface IEditDataMember {
id: string;
nik: string;
name: string;
phone: string;
email: string;
gender: string;
idGroup: string;
idPosition: string;
idUserRole: string;
}
export interface IDataPositionMember {
id: string;
name: string;
};
export interface IDataROleMember {
id: string;
name: string;
}

View File

@@ -5,7 +5,7 @@ import React from 'react';
import { HiMagnifyingGlass, HiMiniUser } from 'react-icons/hi2';
import { IoMdCheckmarkCircleOutline } from 'react-icons/io';
import { IoCloseCircleOutline } from 'react-icons/io5';
import TabListMember from './ui/tab_list_member';
import TabListMember from './tab_list_member';
export default function ListMember() {
const iconStyle = { width: rem(20), height: rem(20) };

View File

@@ -1,14 +1,14 @@
import { Box } from "@mantine/core";
import NavbarCreateMember from "../component/ui/navbar_create_member";
import NavbarCreateMember from "./navbar_create_member";
import { LayoutNavbarNew, WARNA } from "@/module/_global";
import CreateMember from "../component/create_member";
import CreateMember from "./create_member";
export default function ViewCreateMember() {
return (
<Box>
{/* <NavbarCreateMember /> */}
<LayoutNavbarNew back="" title="Tambah Anggota" menu={<></>} />
<CreateMember/>
<CreateMember />
</Box>
)
}

View File

@@ -1,8 +1,8 @@
import { Box, Group, Text } from "@mantine/core";
import { Box, Group, Text } from "@mantine/core";
import { FaSquarePhone } from "react-icons/fa6";
import { MdEmail } from "react-icons/md";
import { RiIdCardFill } from "react-icons/ri";
import NavbarDetailMember from "../component/ui/navbar_detail_member";
import NavbarDetailMember from "./navbar_detail_member";
import { IoMaleFemale } from "react-icons/io5";
export default function ViewDetailMember({ data }: { data: string }) {

View File

@@ -1,10 +1,10 @@
import { LayoutNavbarHome, LayoutNavbarNew, WARNA } from "@/module/_global";
import { Box, Stack, TextInput, Button } from "@mantine/core";
import { HiUser } from "react-icons/hi2";
import NavbarEditMember from "../component/ui/navbar_edit_member";
import EditMember from "../component/edit_member";
import NavbarEditMember from "./navbar_edit_member";
import EditMember from "./edit_member";
export default function ViewEditMember({data}: {data: string}) {
export default function ViewEditMember({ data }: { data: string }) {
return (
<Box>
<LayoutNavbarNew back="" title="Edit Anggota" menu={<></>} />

View File

@@ -1,6 +1,6 @@
import { Box } from "@mantine/core";
import NavbarListMember from "../component/ui/navbar_list_member";
import ListMember from "../component/list_member";
import NavbarListMember from "./navbar_list_member";
import ListMember from "./list_member";
export default function ViewListMember() {
return (