import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, router } from '@inertiajs/react'; import { cn } from "@/lib/utils"; import { Shield, Plus, Pencil, Trash2, Users } from 'lucide-react'; import { Button } from '@/Components/ui/button'; import { Badge } from '@/Components/ui/badge'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/Components/ui/table"; import { format } from 'date-fns'; import { toast } from 'sonner'; import { Can } from '@/Components/Permission/Can'; import { useState } from 'react'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@/Components/ui/dialog"; interface User { id: number; name: string; username: string; } interface Role { id: number; name: string; display_name: string; users_count: number; permissions_count: number; created_at: string; users?: User[]; } interface Props { roles: Role[]; } export default function RoleIndex({ roles }: Props) { const [selectedRole, setSelectedRole] = useState(null); const handleDelete = (id: number, name: string) => { if (confirm(`確定要刪除角色「${name}」嗎？此操作無法復原。`)) { router.delete(route('roles.destroy', id), { onSuccess: () => toast.success('角色已刪除'), }); } }; return (

角色與權限

設定系統角色與功能存取權限

# 名稱代號權限數量使用者人數建立時間操作 {roles.map((role, index) => ( {index + 1}

{role.display_name}

{role.name} {role.permissions_count} 項權限 {format(new Date(role.created_at), 'yyyy/MM/dd')} {role.name !== 'super-admin' && (

)} ))}

{/* 成員名單對話框 */} ); }