SamProject/sam-react-prod
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(WEB): 권한 관리 UI 개선 및 API 연동

Browse Source 
- PermissionDetailClient 역할별 권한 설정 기능 강화
- 권한 관리 메인 페이지 API 연동 완료
- 타입 정의 확장 및 actions 추가
- 시스템 역할/사용자 역할 구분 UI
This commit is contained in:
권혁성
2025-12-30 17:17:39 +09:00
parent f400f01db7
commit 1fcefb1d2b
4 changed files with 869 additions and 598 deletions
Download Patch File Download Diff File Expand all files Collapse all files

839
src/components/settings/PermissionManagement/PermissionDetailClient.tsx
View File

File diff suppressed because it is too large Load Diff

221
src/components/settings/PermissionManagement/actions.ts Normal file
View File

@@ -0,0 +1,221 @@
'use server';
import { revalidatePath } from 'next/cache';
import { apiClient } from '@/lib/api/client';
import type { Role, RoleStats, PermissionMatrix, MenuTreeItem, ApiResponse, PaginatedResponse } from './types';
// ========== Role CRUD ==========
/**
* 역할 목록 조회
*/
export async function fetchRoles(params?: {
page?: number;
size?: number;
q?: string;
is_hidden?: boolean;
}): Promise<ApiResponse<PaginatedResponse<Role>>> {
try {
const response = await apiClient.get<PaginatedResponse<Role>>('/v1/roles', { params });
return { success: true, data: response };
} catch (error) {
console.error('Failed to fetch roles:', error);
return { success: false, error: error instanceof Error ? error.message : '역할 목록 조회 실패' };
}
}
/**
* 역할 상세 조회
*/
export async function fetchRole(id: number): Promise<ApiResponse<Role>> {
try {
const response = await apiClient.get<Role>(`/v1/roles/${id}`);
return { success: true, data: response };
} catch (error) {
console.error('Failed to fetch role:', error);
return { success: false, error: error instanceof Error ? error.message : '역할 조회 실패' };
}
}
/**
* 역할 생성
*/
export async function createRole(data: {
name: string;
description?: string;
is_hidden?: boolean;
}): Promise<ApiResponse<Role>> {
try {
const response = await apiClient.post<Role>('/v1/roles', data);
revalidatePath('/settings/permissions');
return { success: true, data: response };
} catch (error) {
console.error('Failed to create role:', error);
return { success: false, error: error instanceof Error ? error.message : '역할 생성 실패' };
}
}
/**
* 역할 수정
*/
export async function updateRole(
id: number,
data: {
name?: string;
description?: string;
is_hidden?: boolean;
}
): Promise<ApiResponse<Role>> {
try {
const response = await apiClient.patch<Role>(`/v1/roles/${id}`, data);
revalidatePath('/settings/permissions');
revalidatePath(`/settings/permissions/${id}`);
return { success: true, data: response };
} catch (error) {
console.error('Failed to update role:', error);
return { success: false, error: error instanceof Error ? error.message : '역할 수정 실패' };
}
}
/**
* 역할 삭제
*/
export async function deleteRole(id: number): Promise<ApiResponse<void>> {
try {
await apiClient.delete(`/v1/roles/${id}`);
revalidatePath('/settings/permissions');
return { success: true };
} catch (error) {
console.error('Failed to delete role:', error);
return { success: false, error: error instanceof Error ? error.message : '역할 삭제 실패' };
}
}
/**
* 역할 통계 조회
*/
export async function fetchRoleStats(): Promise<ApiResponse<RoleStats>> {
try {
const response = await apiClient.get<RoleStats>('/v1/roles/stats');
return { success: true, data: response };
} catch (error) {
console.error('Failed to fetch role stats:', error);
return { success: false, error: error instanceof Error ? error.message : '역할 통계 조회 실패' };
}
}
/**
* 활성 역할 목록 (드롭다운용)
*/
export async function fetchActiveRoles(): Promise<ApiResponse<Role[]>> {
try {
const response = await apiClient.get<Role[]>('/v1/roles/active');
return { success: true, data: response };
} catch (error) {
console.error('Failed to fetch active roles:', error);
return { success: false, error: error instanceof Error ? error.message : '활성 역할 목록 조회 실패' };
}
}
// ========== Permission Matrix ==========
/**
* 권한 매트릭스용 메뉴 트리 조회
*/
export async function fetchPermissionMenus(): Promise<ApiResponse<{
menus: MenuTreeItem[];
permission_types: string[];
}>> {
try {
const response = await apiClient.get<{
menus: MenuTreeItem[];
permission_types: string[];
}>('/v1/role-permissions/menus');
return { success: true, data: response };
} catch (error) {
console.error('Failed to fetch permission menus:', error);
return { success: false, error: error instanceof Error ? error.message : '메뉴 트리 조회 실패' };
}
}
/**
* 역할의 권한 매트릭스 조회
*/
export async function fetchPermissionMatrix(roleId: number): Promise<ApiResponse<PermissionMatrix>> {
try {
const response = await apiClient.get<PermissionMatrix>(`/v1/roles/${roleId}/permissions/matrix`);
return { success: true, data: response };
} catch (error) {
console.error('Failed to fetch permission matrix:', error);
return { success: false, error: error instanceof Error ? error.message : '권한 매트릭스 조회 실패' };
}
}
/**
* 특정 메뉴의 특정 권한 토글
*/
export async function togglePermission(
roleId: number,
menuId: number,
permissionType: string
): Promise<ApiResponse<{
granted: boolean;
propagated_to: number[];
}>> {
try {
const response = await apiClient.post<{
granted: boolean;
propagated_to: number[];
}>(`/v1/roles/${roleId}/permissions/toggle`, {
menu_id: menuId,
permission_type: permissionType,
});
revalidatePath(`/settings/permissions/${roleId}`);
return { success: true, data: response };
} catch (error) {
console.error('Failed to toggle permission:', error);
return { success: false, error: error instanceof Error ? error.message : '권한 토글 실패' };
}
}
/**
* 모든 권한 허용
*/
export async function allowAllPermissions(roleId: number): Promise<ApiResponse<{ count: number }>> {
try {
const response = await apiClient.post<{ count: number }>(`/v1/roles/${roleId}/permissions/allow-all`);
revalidatePath(`/settings/permissions/${roleId}`);
return { success: true, data: response };
} catch (error) {
console.error('Failed to allow all permissions:', error);
return { success: false, error: error instanceof Error ? error.message : '전체 허용 실패' };
}
}
/**
* 모든 권한 거부
*/
export async function denyAllPermissions(roleId: number): Promise<ApiResponse<{ count: number }>> {
try {
const response = await apiClient.post<{ count: number }>(`/v1/roles/${roleId}/permissions/deny-all`);
revalidatePath(`/settings/permissions/${roleId}`);
return { success: true, data: response };
} catch (error) {
console.error('Failed to deny all permissions:', error);
return { success: false, error: error instanceof Error ? error.message : '전체 거부 실패' };
}
}
/**
* 기본 권한으로 초기화 (view만 허용)
*/
export async function resetPermissions(roleId: number): Promise<ApiResponse<{ count: number }>> {
try {
const response = await apiClient.post<{ count: number }>(`/v1/roles/${roleId}/permissions/reset`);
revalidatePath(`/settings/permissions/${roleId}`);
return { success: true, data: response };
} catch (error) {
console.error('Failed to reset permissions:', error);
return { success: false, error: error instanceof Error ? error.message : '권한 초기화 실패' };
}
}

308
src/components/settings/PermissionManagement/index.tsx
View File

@@ -11,6 +11,8 @@ import {
Settings,
Eye,
EyeOff,
Users,
Loader2,
} from 'lucide-react';
import { Button } from '@/components/ui/button';
import { Checkbox } from '@/components/ui/checkbox';
@@ -33,77 +35,9 @@ import {
AlertDialogHeader,
AlertDialogTitle,
} from '@/components/ui/alert-dialog';
import type { Permission } from './types';
// localStorage 키
const PERMISSIONS_STORAGE_KEY = 'buddy_permissions';
/**
* 기본 권한 데이터 (PDF 54페이지 기준)
*/
const defaultPermissions: Permission[] = [
{
id: 1,
name: '관리자',
status: 'active',
menuPermissions: [],
createdAt: '2025-01-01T00:00:00Z',
},
{
id: 2,
name: '일반사용자',
status: 'active',
menuPermissions: [],
createdAt: '2025-01-15T00:00:00Z',
},
{
id: 3,
name: '인사담당자',
status: 'active',
menuPermissions: [],
createdAt: '2025-02-01T00:00:00Z',
},
{
id: 4,
name: '결재담당자',
status: 'active',
menuPermissions: [],
createdAt: '2025-02-15T00:00:00Z',
},
{
id: 5,
name: '게스트',
status: 'hidden',
menuPermissions: [],
createdAt: '2025-03-01T00:00:00Z',
},
];
// localStorage에서 권한 데이터 로드
const loadPermissions = (): Permission[] => {
if (typeof window === 'undefined') return defaultPermissions;
try {
const stored = localStorage.getItem(PERMISSIONS_STORAGE_KEY);
if (stored) {
return JSON.parse(stored);
}
} catch (error) {
console.error('Failed to load permissions:', error);
}
return defaultPermissions;
};
// localStorage에 권한 데이터 저장
const savePermissions = (permissions: Permission[]) => {
if (typeof window === 'undefined') return;
try {
localStorage.setItem(PERMISSIONS_STORAGE_KEY, JSON.stringify(permissions));
} catch (error) {
console.error('Failed to save permissions:', error);
}
};
import { toast } from 'sonner';
import type { Role, RoleStats } from './types';
import { fetchRoles, fetchRoleStats, deleteRole } from './actions';
export function PermissionManagement() {
const router = useRouter();
@@ -114,30 +48,49 @@ export function PermissionManagement() {
const [currentPage, setCurrentPage] = useState(1);
const itemsPerPage = 20;
// 권한 데이터
const [permissions, setPermissions] = useState<Permission[]>(defaultPermissions);
// 역할 데이터
const [roles, setRoles] = useState<Role[]>([]);
const [stats, setStats] = useState<RoleStats | null>(null);
const [isLoading, setIsLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
// 삭제 확인 다이얼로그
const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
const [permissionToDelete, setPermissionToDelete] = useState<Permission | null>(null);
const [roleToDelete, setRoleToDelete] = useState<Role | null>(null);
const [isBulkDelete, setIsBulkDelete] = useState(false);
const [isDeleting, setIsDeleting] = useState(false);
// localStorage에서 초기 데이터 로드
useEffect(() => {
setPermissions(loadPermissions());
// API에서 데이터 로드
const loadData = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
const [rolesResult, statsResult] = await Promise.all([
fetchRoles({ size: 1000 }), // 전체 로드 후 클라이언트 필터링
fetchRoleStats(),
]);
if (rolesResult.success && rolesResult.data) {
setRoles(rolesResult.data.data);
} else {
setError(rolesResult.error || '역할 목록 조회 실패');
}
if (statsResult.success && statsResult.data) {
setStats(statsResult.data);
}
} catch (err) {
setError(err instanceof Error ? err.message : '데이터 로드 실패');
} finally {
setIsLoading(false);
}
}, []);
// 권한 변경 감지 (상세 페이지에서 변경 시)
// 초기 데이터 로드
useEffect(() => {
const handlePermissionsUpdated = (event: CustomEvent<Permission[]>) => {
setPermissions(event.detail);
};
window.addEventListener('permissionsUpdated', handlePermissionsUpdated as EventListener);
return () => {
window.removeEventListener('permissionsUpdated', handlePermissionsUpdated as EventListener);
};
}, []);
loadData();
}, [loadData]);
// ===== 탭 상태 =====
const [activeTab, setActiveTab] = useState('all');
@@ -162,24 +115,25 @@ export function PermissionManagement() {
// ===== 필터링된 데이터 =====
const filteredData = useMemo(() => {
let result = permissions;
let result = roles;
// 탭 필터
if (activeTab === 'active') {
result = result.filter(item => item.status === 'active');
if (activeTab === 'visible') {
result = result.filter(item => !item.is_hidden);
} else if (activeTab === 'hidden') {
result = result.filter(item => item.status === 'hidden');
result = result.filter(item => item.is_hidden);
}
// 검색 필터
if (searchQuery) {
result = result.filter(item =>
item.name.toLowerCase().includes(searchQuery.toLowerCase())
item.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
(item.description?.toLowerCase().includes(searchQuery.toLowerCase()))
);
}
return result;
}, [permissions, searchQuery, activeTab]);
}, [roles, searchQuery, activeTab]);
const paginatedData = useMemo(() => {
const startIndex = (currentPage - 1) * itemsPerPage;
@@ -190,24 +144,21 @@ export function PermissionManagement() {
// ===== 핸들러 =====
const handleAdd = () => {
// 새 권한 등록 페이지로 이동 (저장 전까지 목록에 추가 안됨)
router.push('/settings/permissions/new');
};
const handleEdit = (permission: Permission, e?: React.MouseEvent) => {
const handleEdit = (role: Role, e?: React.MouseEvent) => {
e?.stopPropagation();
// 상세 페이지로 라우팅
router.push(`/settings/permissions/${permission.id}`);
router.push(`/settings/permissions/${role.id}`);
};
const handleViewDetail = (permission: Permission) => {
// 상세 페이지로 라우팅
router.push(`/settings/permissions/${permission.id}`);
const handleViewDetail = (role: Role) => {
router.push(`/settings/permissions/${role.id}`);
};
const handleDelete = (permission: Permission, e?: React.MouseEvent) => {
const handleDelete = (role: Role, e?: React.MouseEvent) => {
e?.stopPropagation();
setPermissionToDelete(permission);
setRoleToDelete(role);
setIsBulkDelete(false);
setDeleteDialogOpen(true);
};
@@ -218,20 +169,41 @@ export function PermissionManagement() {
setDeleteDialogOpen(true);
};
const confirmDelete = () => {
let updatedPermissions: Permission[];
if (isBulkDelete) {
updatedPermissions = permissions.filter(p => !selectedItems.has(p.id.toString()));
setSelectedItems(new Set());
} else if (permissionToDelete) {
updatedPermissions = permissions.filter(p => p.id !== permissionToDelete.id);
} else {
return;
const confirmDelete = async () => {
setIsDeleting(true);
try {
if (isBulkDelete) {
// 일괄 삭제
const deletePromises = Array.from(selectedItems).map(id => deleteRole(parseInt(id)));
const results = await Promise.all(deletePromises);
const failedCount = results.filter(r => !r.success).length;
if (failedCount > 0) {
toast.error(`${failedCount}개 역할 삭제 실패`);
} else {
toast.success(`${selectedItems.size}개 역할 삭제 완료`);
}
setSelectedItems(new Set());
} else if (roleToDelete) {
// 단일 삭제
const result = await deleteRole(roleToDelete.id);
if (result.success) {
toast.success(`"${roleToDelete.name}" 역할 삭제 완료`);
} else {
toast.error(result.error || '역할 삭제 실패');
}
}
// 데이터 새로고침
await loadData();
} catch (err) {
toast.error(err instanceof Error ? err.message : '삭제 중 오류 발생');
} finally {
setIsDeleting(false);
setDeleteDialogOpen(false);
setRoleToDelete(null);
}
setPermissions(updatedPermissions);
savePermissions(updatedPermissions);
setDeleteDialogOpen(false);
setPermissionToDelete(null);
};
// ===== 날짜 포맷 =====
@@ -241,63 +213,65 @@ export function PermissionManagement() {
// ===== 탭 설정 =====
const tabs: TabOption[] = useMemo(() => {
const activeCount = permissions.filter(p => p.status === 'active').length;
const hiddenCount = permissions.filter(p => p.status === 'hidden').length;
const visibleCount = roles.filter(r => !r.is_hidden).length;
const hiddenCount = roles.filter(r => r.is_hidden).length;
return [
{ value: 'all', label: '전체', count: permissions.length, color: 'blue' },
{ value: 'active', label: '공개', count: activeCount, color: 'green' },
{ value: 'all', label: '전체', count: roles.length, color: 'blue' },
{ value: 'visible', label: '공개', count: visibleCount, color: 'green' },
{ value: 'hidden', label: '숨김', count: hiddenCount, color: 'gray' },
];
}, [permissions]);
}, [roles]);
// ===== 통계 카드 =====
const statCards: StatCard[] = useMemo(() => {
const totalCount = permissions.length;
const activeCount = permissions.filter(p => p.status === 'active').length;
const hiddenCount = permissions.filter(p => p.status === 'hidden').length;
return [
{
label: '전체 권한',
value: totalCount,
label: '전체 역할',
value: stats?.total_roles ?? roles.length,
icon: Shield,
iconColor: 'text-blue-500',
},
{
label: '공개',
value: activeCount,
value: stats?.visible_roles ?? roles.filter(r => !r.is_hidden).length,
icon: Eye,
iconColor: 'text-green-500',
},
{
label: '숨김',
value: hiddenCount,
value: stats?.hidden_roles ?? roles.filter(r => r.is_hidden).length,
icon: EyeOff,
iconColor: 'text-gray-500',
},
{
label: '사용 중',
value: stats?.roles_with_users ?? 0,
icon: Users,
iconColor: 'text-purple-500',
},
];
}, [permissions]);
}, [roles, stats]);
// ===== 테이블 컬럼 =====
const tableColumns: TableColumn[] = useMemo(() => {
const baseColumns: TableColumn[] = [
{ key: 'index', label: '번호', className: 'text-center w-[80px]' },
{ key: 'name', label: '권한', className: 'flex-1' },
{ key: 'status', label: '상태', className: 'text-center flex-1' },
{ key: 'createdAt', label: '등록일시', className: 'text-center flex-1' },
{ key: 'name', label: '역할', className: 'flex-1' },
{ key: 'description', label: '설명', className: 'flex-1' },
{ key: 'status', label: '상태', className: 'text-center w-[100px]' },
{ key: 'createdAt', label: '등록일', className: 'text-center w-[120px]' },
];
// 체크박스 선택 시에만 작업 컬럼 표시
if (selectedItems.size > 0) {
baseColumns.push({ key: 'action', label: '작업', className: 'text-center flex-1' });
baseColumns.push({ key: 'action', label: '작업', className: 'text-center w-[150px]' });
}
return baseColumns;
}, [selectedItems.size]);
// ===== 테이블 행 렌더링 =====
const renderTableRow = useCallback((item: Permission, index: number, globalIndex: number) => {
const renderTableRow = useCallback((item: Role, index: number, globalIndex: number) => {
const isSelected = selectedItems.has(item.id.toString());
const hasSelection = selectedItems.size > 0;
@@ -317,12 +291,13 @@ export function PermissionManagement() {
{globalIndex}
</TableCell>
<TableCell className="font-medium">{item.name}</TableCell>
<TableCell className="text-muted-foreground">{item.description || '-'}</TableCell>
<TableCell className="text-center">
<Badge variant={item.status === 'active' ? 'default' : 'secondary'}>
{item.status === 'active' ? '공개' : '숨김'}
<Badge variant={item.is_hidden ? 'secondary' : 'default'}>
{item.is_hidden ? '숨김' : '공개'}
</Badge>
</TableCell>
<TableCell className="text-center">{formatDate(item.createdAt)}</TableCell>
<TableCell className="text-center">{formatDate(item.created_at)}</TableCell>
{hasSelection && (
<TableCell className="text-center" onClick={(e) => e.stopPropagation()}>
<div className="flex justify-center gap-1">
@@ -362,7 +337,7 @@ export function PermissionManagement() {
// ===== 모바일 카드 렌더링 =====
const renderMobileCard = useCallback((
item: Permission,
item: Role,
index: number,
globalIndex: number,
isSelected: boolean,
@@ -373,16 +348,16 @@ export function PermissionManagement() {
id={item.id.toString()}
title={item.name}
headerBadges={
<Badge variant={item.status === 'active' ? 'default' : 'secondary'}>
{item.status === 'active' ? '공개' : '숨김'}
<Badge variant={item.is_hidden ? 'secondary' : 'default'}>
{item.is_hidden ? '숨김' : '공개'}
</Badge>
}
isSelected={isSelected}
onToggleSelection={onToggle}
infoGrid={
<div className="grid grid-cols-2 gap-3">
<InfoField label="상태" value={item.status === 'active' ? '공개' : '숨김'} />
<InfoField label="등록일" value={formatDate(item.createdAt)} />
<InfoField label="설명" value={item.description || '-'} />
<InfoField label="등록일" value={formatDate(item.created_at)} />
</div>
}
actions={
@@ -420,23 +395,42 @@ export function PermissionManagement() {
)}
<Button onClick={handleAdd}>
<Plus className="h-4 w-4 mr-2" />
권한 등록
역할 등록
</Button>
</div>
);
// ===== 로딩/에러 상태 =====
if (isLoading) {
return (
<div className="flex items-center justify-center h-96">
<Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
<span className="ml-2 text-muted-foreground">데이터를 불러오는 중...</span>
</div>
);
}
if (error) {
return (
<div className="flex flex-col items-center justify-center h-96 gap-4">
<p className="text-destructive">{error}</p>
<Button onClick={loadData}>다시 시도</Button>
</div>
);
}
// ===== 목록 화면 =====
return (
<>
<IntegratedListTemplateV2
title="권한관리"
description="사용자 권한을 관리합니다"
description="역할 기반 권한을 관리합니다"
icon={Shield}
headerActions={headerActions}
stats={statCards}
searchValue={searchQuery}
onSearchChange={setSearchQuery}
searchPlaceholder="권한명 검색..."
searchPlaceholder="역할명, 설명 검색..."
tabs={tabs}
activeTab={activeTab}
onTabChange={setActiveTab}
@@ -447,7 +441,7 @@ export function PermissionManagement() {
selectedItems={selectedItems}
onToggleSelection={toggleSelection}
onToggleSelectAll={toggleSelectAll}
getItemId={(item: Permission) => item.id.toString()}
getItemId={(item: Role) => item.id.toString()}
onBulkDelete={handleBulkDelete}
renderTableRow={renderTableRow}
renderMobileCard={renderMobileCard}
@@ -464,25 +458,33 @@ export function PermissionManagement() {
<AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>권한 삭제</AlertDialogTitle>
<AlertDialogTitle>역할 삭제</AlertDialogTitle>
<AlertDialogDescription>
{isBulkDelete
? `선택한 ${selectedItems.size}개의 권한을 삭제하시겠습니까?`
: `"${permissionToDelete?.name}" 권한을 삭제하시겠습니까?`
? `선택한 ${selectedItems.size}개의 역할을 삭제하시겠습니까?`
: `"${roleToDelete?.name}" 역할을 삭제하시겠습니까?`
}
<br />
<span className="text-destructive">
이 권한을 사용 중인 사원이 있으면 해당 사원의 권한이 초기화됩니다.
이 역할을 사용 중인 사원이 있으면 해당 사원의 역할이 초기화됩니다.
</span>
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>취소</AlertDialogCancel>
<AlertDialogCancel disabled={isDeleting}>취소</AlertDialogCancel>
<AlertDialogAction
onClick={confirmDelete}
disabled={isDeleting}
className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
>
삭제
{isDeleting ? (
<>
<Loader2 className="h-4 w-4 mr-2 animate-spin" />
삭제 중...
</>
) : (
'삭제'
)}
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>

99
src/components/settings/PermissionManagement/types.ts
View File

@@ -1,11 +1,83 @@
/**
* 권한 타입 정의 (PDF 54-55페이지 기준)
* 권한 관리 타입 정의
*/
// 권한 유형
// ========== API 응답 공통 타입 ==========
export interface ApiResponse<T> {
success: boolean;
data?: T;
error?: string;
}
export interface PaginatedResponse<T> {
data: T[];
meta: {
current_page: number;
last_page: number;
per_page: number;
total: number;
};
}
// ========== Role (역할) 타입 ==========
export interface Role {
id: number;
name: string;
description?: string;
is_hidden: boolean;
guard_name: string;
created_at: string;
updated_at: string;
permissions_count?: number;
users_count?: number;
}
export interface RoleStats {
total_roles: number;
visible_roles: number;
hidden_roles: number;
roles_with_users: number;
}
// ========== Permission (권한) 타입 ==========
export type PermissionType = 'view' | 'create' | 'update' | 'delete' | 'approve' | 'export' | 'manage';
// 메뉴별 권한 설정
// 메뉴 트리 아이템 (권한 매트릭스용)
export interface MenuTreeItem {
id: number;
name: string;
code: string;
parent_id: number | null;
depth: number;
sort_order: number;
children?: MenuTreeItem[];
}
// 권한 매트릭스 응답
export interface PermissionMatrix {
role_id: number;
role_name: string;
menus: MenuPermissionItem[];
permission_types: PermissionType[];
}
// 메뉴별 권한 상태
export interface MenuPermissionItem {
menu_id: number;
menu_name: string;
menu_code: string;
depth: number;
permissions: {
[key in PermissionType]?: boolean;
};
}
// ========== Legacy 타입 (기존 호환성) ==========
// 메뉴별 권한 설정 (기존 호환)
export interface MenuPermission {
menuId: string;
menuName: string;
@@ -15,7 +87,7 @@ export interface MenuPermission {
};
}
// 권한 그룹
// 권한 그룹 (기존 호환, Role로 대체 권장)
export interface Permission {
id: number;
name: string;
@@ -25,6 +97,17 @@ export interface Permission {
updatedAt?: string;
}
// ========== Dialog Props ==========
export interface RoleDialogProps {
isOpen: boolean;
onOpenChange: (open: boolean) => void;
mode: 'add' | 'edit';
role?: Role;
onSubmit: (data: { name: string; description?: string; is_hidden: boolean }) => void;
}
// 기존 호환성
export interface PermissionDialogProps {
isOpen: boolean;
onOpenChange: (open: boolean) => void;
@@ -33,6 +116,8 @@ export interface PermissionDialogProps {
onSubmit: (data: { name: string; status: 'active' | 'hidden' }) => void;
}
// ========== 상수 ==========
// 권한 라벨 매핑
export const PERMISSION_LABELS: Record<PermissionType, string> = {
view: '조회',
@@ -43,3 +128,9 @@ export const PERMISSION_LABELS: Record<PermissionType, string> = {
export: '내보내기',
manage: '관리',
};
// 역할 상태 라벨
export const ROLE_STATUS_LABELS = {
visible: '공개',
hidden: '숨김',
} as const;