itm/siakad-itm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement permission checks for academic terms, courses, departments, and user management

Browse Source 
- Added permission checks for creating, updating, and deleting academic terms, courses, and departments.
- Updated the routes to enforce permissions for various actions in the admin panel.
- Enhanced user management by adding permissions for administrators, lecturers, and students.
- Refactored components to conditionally render actions based on user permissions.
- Updated the auth type to include optional permissions array for user roles.
This commit is contained in:
Yoga Pangestu 2026-08-30 23:27:31 +07:00
parent e9acf29c20
commit 5994f38f01
42 changed files with 720 additions and 250 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/Http/Middleware/HandleInertiaRequests.php
View File

@ -42,6 +42,7 @@ public function share(Request $request): array
'name' => config('app.name'), 'name' => config('app.name'),
'auth' => [ 'auth' => [
'user' => $request->user()?->load('roles:id,name'), 'user' => $request->user()?->load('roles:id,name'),
'permissions' => $request->user()?->getAllPermissions()->pluck('name')->values() ?? [],
], ],
'sidebarOpen' => ! $request->hasCookie('sidebar_state') || $request->cookie('sidebar_state') === 'true', 'sidebarOpen' => ! $request->hasCookie('sidebar_state') || $request->cookie('sidebar_state') === 'true',
'unreadNotificationsCount' => fn () => $request->user() 'unreadNotificationsCount' => fn () => $request->user()

2
bootstrap/app.php
View File

@ -7,6 +7,7 @@
use Illuminate\Foundation\Configuration\Middleware; use Illuminate\Foundation\Configuration\Middleware;
use Illuminate\Http\Middleware\AddLinkHeadersForPreloadedAssets; use Illuminate\Http\Middleware\AddLinkHeadersForPreloadedAssets;
use Illuminate\Http\Request; use Illuminate\Http\Request;
use Spatie\Permission\Middleware\PermissionMiddleware;
use Spatie\Permission\Middleware\RoleMiddleware; use Spatie\Permission\Middleware\RoleMiddleware;
return Application::configure(basePath: dirname(__DIR__)) return Application::configure(basePath: dirname(__DIR__))
@ -26,6 +27,7 @@
$middleware->alias([ $middleware->alias([
'role' => RoleMiddleware::class, 'role' => RoleMiddleware::class,
'permission' => PermissionMiddleware::class,
]); ]);
}) })
->withExceptions(function (Exceptions $exceptions): void { ->withExceptions(function (Exceptions $exceptions): void {

79
database/seeders/RolePermissionSeeder.php
View File

@ -13,17 +13,55 @@ public function run(): void
{ {
app()[PermissionRegistrar::class]->forgetCachedPermissions(); app()[PermissionRegistrar::class]->forgetCachedPermissions();
$permissionNames = [ $master = [
'view-dashboard', 'view-academic-terms', 'create-academic-terms', 'update-academic-terms', 'delete-academic-terms', 'update-academic-terms-status',
'view-academic-terms', 'view-departments', 'create-departments', 'update-departments', 'delete-departments',
'create-academic-terms', 'view-courses', 'create-courses', 'update-courses', 'delete-courses',
'update-academic-terms', ];
'delete-academic-terms',
$academicClasses = [
'view-materials', 'create-materials', 'update-materials', 'delete-materials',
'view-assignments', 'create-assignments', 'update-assignments', 'delete-assignments',
'view-assignment-submissions', 'create-assignment-submissions', 'update-assignment-submissions', 'delete-assignment-submissions',
'view-schedules', 'create-schedules', 'update-schedules', 'delete-schedules',
'view-attendances', 'create-attendances', 'delete-attendances',
];
$manage = [
'view-course-classes', 'create-course-classes', 'update-course-classes', 'delete-course-classes',
'view-course-class-enrollments', 'create-course-class-enrollments', 'delete-course-class-enrollments',
'view-course-registrations', 'create-course-registrations', 'approve-course-registrations', 'reject-course-registrations',
'view-announcements', 'create-announcements', 'update-announcements', 'delete-announcements',
];
$finances = [
'view-tuition-invoices', 'create-tuition-invoices', 'update-tuition-invoices', 'delete-tuition-invoices',
'view-tuition-payments', 'create-tuition-payments', 'update-tuition-payments', 'delete-tuition-payments',
];
$services = [
'view-letter-requests', 'create-letter-requests', 'update-letter-requests', 'delete-letter-requests',
'view-academic-advising-logs', 'create-academic-advising-logs', 'update-academic-advising-logs', 'delete-academic-advising-logs',
];
$users = [
'view-lecturers', 'create-lecturers', 'update-lecturers', 'delete-lecturers', 'reset-lecturers-password', 'update-lecturers-status', 'export-lecturers',
'view-students', 'create-students', 'update-students', 'delete-students', 'reset-students-password', 'update-students-academic-status', 'update-students-account-status', 'export-students',
'view-administrators', 'create-administrators', 'update-administrators', 'delete-administrators', 'reset-administrators-password', 'update-administrators-status',
];
$permissionNames = [
'view-dashboard',
...$master,
...$academicClasses,
...$manage,
...$finances,
...$services,
...$users,
]; ];
$permissions = [];
foreach ($permissionNames as $name) { foreach ($permissionNames as $name) {
$permissions[] = Permission::firstOrCreate(['name' => $name, 'guard_name' => 'web']); Permission::firstOrCreate(['name' => $name, 'guard_name' => 'web']);
} }
app()[PermissionRegistrar::class]->forgetCachedPermissions(); app()[PermissionRegistrar::class]->forgetCachedPermissions();
@ -33,19 +71,30 @@ public function run(): void
'dosen' => ['view-dashboard'], 'dosen' => ['view-dashboard'],
'staff-admin' => [ 'staff-admin' => [
'view-dashboard', 'view-dashboard',
'view-academic-terms', ...$master,
'create-academic-terms', ...$academicClasses,
'update-academic-terms', ...$manage,
'delete-academic-terms', ...$services,
...$users,
],
'staff-keuangan' => [
'view-dashboard',
...$finances,
],
'kaprodi' => [
'view-dashboard',
'view-academic-terms',
'view-courses',
'view-course-classes',
'view-course-registrations',
'view-students',
], ],
'staff-keuangan' => ['view-dashboard'],
'kaprodi' => ['view-dashboard', 'view-academic-terms'],
'developer' => $permissionNames, 'developer' => $permissionNames,
]; ];
foreach ($roles as $roleName => $rolePermissions) { foreach ($roles as $roleName => $rolePermissions) {
$role = Role::firstOrCreate(['name' => $roleName, 'guard_name' => 'web']); $role = Role::firstOrCreate(['name' => $roleName, 'guard_name' => 'web']);
$role->givePermissionTo($rolePermissions); $role->syncPermissions($rolePermissions);
} }
} }
} }

8
resources/js/components/active-status-switch.tsx
View File

@ -3,15 +3,21 @@ import { Switch } from '@/components/ui/switch';
type ActiveStatusSwitchProps = { type ActiveStatusSwitchProps = {
isActive: boolean; isActive: boolean;
onChange: (isActive: boolean) => void; onChange: (isActive: boolean) => void;
disabled?: boolean;
}; };
export function ActiveStatusSwitch({ export function ActiveStatusSwitch({
isActive, isActive,
onChange, onChange,
disabled,
}: ActiveStatusSwitchProps) { }: ActiveStatusSwitchProps) {
return ( return (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Switch checked={isActive} onCheckedChange={onChange} /> <Switch
checked={isActive}
onCheckedChange={onChange}
disabled={disabled}
/>
<span className="text-sm text-muted-foreground"> <span className="text-sm text-muted-foreground">
{isActive ? 'Aktif' : 'Nonaktif'} {isActive ? 'Aktif' : 'Nonaktif'}
</span> </span>

7
resources/js/components/student-status-badge.tsx
View File

@ -13,6 +13,7 @@ type StudentStatusBadgeProps = {
status: string | null | undefined; status: string | null | undefined;
statuses: StatusOption[]; statuses: StatusOption[];
onChange: (status: string) => void; onChange: (status: string) => void;
disabled?: boolean;
}; };
const StudentStatusVariants: Record< const StudentStatusVariants: Record<
@ -29,6 +30,7 @@ export function StudentStatusBadge({
status, status,
statuses, statuses,
onChange, onChange,
disabled,
}: StudentStatusBadgeProps) { }: StudentStatusBadgeProps) {
const label = const label =
statuses.find((option) => option.value === status)?.label ?? statuses.find((option) => option.value === status)?.label ??
@ -38,10 +40,11 @@ export function StudentStatusBadge({
return ( return (
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild disabled={disabled}>
<button <button
type="button" type="button"
className="cursor-pointer rounded-full border-0 bg-transparent p-0 outline-none focus-visible:ring-2 focus-visible:ring-ring" disabled={disabled}
className="cursor-pointer rounded-full border-0 bg-transparent p-0 outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default disabled:opacity-70"
> >
<Badge variant={variant}>{label}</Badge> <Badge variant={variant}>{label}</Badge>
</button> </button>

17
resources/js/hooks/use-permissions.ts Normal file
View File

@ -0,0 +1,17 @@
import { usePage } from '@inertiajs/react';
import type { Auth } from '@/types/auth';
export function usePermissions() {
const { auth } = usePage<{ auth: Auth }>().props;
const permissions = auth?.permissions ?? [];
function hasPermission(name: string): boolean {
return permissions.includes(name);
}
function hasAnyPermission(names: string[]): boolean {
return names.some((name) => permissions.includes(name));
}
return { permissions, hasPermission, hasAnyPermission };
}

14
resources/js/pages/admin/academic-classes/assignments/columns.tsx
View File

@ -10,12 +10,21 @@ export type { Assignment } from '@/types/assignment';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (assignment: Assignment) => void; handleEdit: (assignment: Assignment) => void;
handleDeleteClick: (assignment: Assignment) => void; handleDeleteClick: (assignment: Assignment) => void;
canUpdate: boolean;
canDelete: boolean;
canViewSubmissions: boolean;
}; };
export function createAssignmentColumns( export function createAssignmentColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<Assignment>[] { ): ColumnDef<Assignment>[] {
const { handleEdit, handleDeleteClick } = params; const {
handleEdit,
handleDeleteClick,
canUpdate,
canDelete,
canViewSubmissions,
} = params;
return [ return [
{ {
@ -103,11 +112,13 @@ export function createAssignmentColumns(
{ {
label: 'Pengumpulan', label: 'Pengumpulan',
icon: <ClipboardList className="h-4 w-4" />, icon: <ClipboardList className="h-4 w-4" />,
show: canViewSubmissions,
href: submissionsIndex.url(assignment.id), href: submissionsIndex.url(assignment.id),
}, },
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(assignment), onClick: () => handleEdit(assignment),
}, },
{ {
@ -115,6 +126,7 @@ export function createAssignmentColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(assignment), onClick: () => handleDeleteClick(assignment),
}, },
]} ]}

29
resources/js/pages/admin/academic-classes/assignments/index.tsx
View File

@ -22,6 +22,7 @@ import {
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea'; import { Textarea } from '@/components/ui/textarea';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as assignmentIndex, index as assignmentIndex,
@ -65,6 +66,11 @@ export default function AssignmentIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<Assignment | null>(null); const [editing, setEditing] = useState<Assignment | null>(null);
const [deleting, setDeleting] = useState<Assignment | null>(null); const [deleting, setDeleting] = useState<Assignment | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-assignments');
const canUpdate = hasPermission('update-assignments');
const canDelete = hasPermission('delete-assignments');
const canViewSubmissions = hasPermission('view-assignment-submissions');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -109,6 +115,9 @@ export default function AssignmentIndex({
const columns = createAssignmentColumns({ const columns = createAssignmentColumns({
handleEdit: (assignment) => setEditing(assignment), handleEdit: (assignment) => setEditing(assignment),
handleDeleteClick: (assignment) => setDeleting(assignment), handleDeleteClick: (assignment) => setDeleting(assignment),
canUpdate,
canDelete,
canViewSubmissions,
}); });
return ( return (
@ -141,15 +150,17 @@ export default function AssignmentIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

23
resources/js/pages/admin/academic-classes/assignments/submissions.tsx
View File

@ -24,6 +24,7 @@ import {
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea'; import { Textarea } from '@/components/ui/textarea';
import { usePermissions } from '@/hooks/use-permissions';
import { index as assignmentIndex } from '@/routes/admin/academic-classes/assignments'; import { index as assignmentIndex } from '@/routes/admin/academic-classes/assignments';
import { import {
destroy, destroy,
@ -48,6 +49,10 @@ export default function SubmissionIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<Submission | null>(null); const [editing, setEditing] = useState<Submission | null>(null);
const [deleting, setDeleting] = useState<Submission | null>(null); const [deleting, setDeleting] = useState<Submission | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-assignment-submissions');
const canUpdate = hasPermission('update-assignment-submissions');
const canDelete = hasPermission('delete-assignment-submissions');
function handleDelete() { function handleDelete() {
if (!deleting) { if (!deleting) {
@ -137,6 +142,7 @@ export default function SubmissionIndex({
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => setEditing(row.original), onClick: () => setEditing(row.original),
}, },
{ {
@ -144,6 +150,7 @@ export default function SubmissionIndex({
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => setDeleting(row.original), onClick: () => setDeleting(row.original),
}, },
]} ]}
@ -193,13 +200,15 @@ export default function SubmissionIndex({
<h2 className="text-lg font-semibold"> <h2 className="text-lg font-semibold">
Daftar Pengumpulan Daftar Pengumpulan
</h2> </h2>
<Button {canCreate && (
onClick={() => setCreateOpen(true)} <Button
disabled={availableStudents.length === 0} onClick={() => setCreateOpen(true)}
> disabled={availableStudents.length === 0}
<Plus className="h-4 w-4" /> >
Tambah Pengumpulan <Plus className="h-4 w-4" />
</Button> Tambah Pengumpulan
</Button>
)}
</div> </div>
<DataTable columns={columns} data={submissions} /> <DataTable columns={columns} data={submissions} />

36
resources/js/pages/admin/academic-classes/attendances/index.tsx
View File

@ -23,6 +23,7 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { usePermissions } from '@/hooks/use-permissions';
import { destroy, session } from '@/routes/admin/academic-classes/attendances'; import { destroy, session } from '@/routes/admin/academic-classes/attendances';
import type { import type {
AttendanceCourseClass, AttendanceCourseClass,
@ -41,6 +42,9 @@ function courseClassLabel(courseClass: AttendanceCourseClass): string {
export default function AttendanceIndex({ sessions, courseClasses }: Props) { export default function AttendanceIndex({ sessions, courseClasses }: Props) {
const [newSessionOpen, setNewSessionOpen] = useState(false); const [newSessionOpen, setNewSessionOpen] = useState(false);
const [deleting, setDeleting] = useState<AttendanceSession | null>(null); const [deleting, setDeleting] = useState<AttendanceSession | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-attendances');
const canDelete = hasPermission('delete-attendances');
function handleDelete() { function handleDelete() {
if (!deleting || deleting.meeting_number === null) { if (!deleting || deleting.meeting_number === null) {
@ -61,10 +65,12 @@ export default function AttendanceIndex({ sessions, courseClasses }: Props) {
<PageHeader <PageHeader
title="Kehadiran" title="Kehadiran"
actions={ actions={
<Button onClick={() => setNewSessionOpen(true)}> canCreate && (
<Plus className="h-4 w-4" /> <Button onClick={() => setNewSessionOpen(true)}>
Ambil Kehadiran <Plus className="h-4 w-4" />
</Button> Ambil Kehadiran
</Button>
)
} }
/> />
@ -129,16 +135,18 @@ export default function AttendanceIndex({ sessions, courseClasses }: Props) {
</span> </span>
)} )}
</Button> </Button>
<Button {canDelete && (
variant="ghost" <Button
size="sm" variant="ghost"
disabled={!canOpen} size="sm"
onClick={() => disabled={!canOpen}
setDeleting(item) onClick={() =>
} setDeleting(item)
> }
<Trash2 className="h-4 w-4 text-destructive" /> >
</Button> <Trash2 className="h-4 w-4 text-destructive" />
</Button>
)}
</div> </div>
</CardContent> </CardContent>
</Card> </Card>

5
resources/js/pages/admin/academic-classes/attendances/session.tsx
View File

@ -7,6 +7,7 @@ import { PageHeader } from '@/components/page-header';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { usePermissions } from '@/hooks/use-permissions';
import { import {
index as attendanceIndex, index as attendanceIndex,
store, store,
@ -45,6 +46,8 @@ export default function AttendanceSession({
), ),
); );
const [saving, setSaving] = useState(false); const [saving, setSaving] = useState(false);
const { hasPermission } = usePermissions();
const canSave = hasPermission('create-attendances');
function setAll(status: AttendanceStatus) { function setAll(status: AttendanceStatus) {
setStatuses( setStatuses(
@ -198,7 +201,7 @@ export default function AttendanceSession({
</div> </div>
)} )}
{roster.length > 0 && ( {roster.length > 0 && canSave && (
<div className="flex justify-end"> <div className="flex justify-end">
<Button <Button
onClick={handleSave} onClick={handleSave}

6
resources/js/pages/admin/academic-classes/materials/columns.tsx
View File

@ -9,12 +9,14 @@ export type { Material } from '@/types/material';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (material: Material) => void; handleEdit: (material: Material) => void;
handleDeleteClick: (material: Material) => void; handleDeleteClick: (material: Material) => void;
canUpdate: boolean;
canDelete: boolean;
}; };
export function createMaterialColumns( export function createMaterialColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<Material>[] { ): ColumnDef<Material>[] {
const { handleEdit, handleDeleteClick } = params; const { handleEdit, handleDeleteClick, canUpdate, canDelete } = params;
return [ return [
{ {
@ -100,6 +102,7 @@ export function createMaterialColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(material), onClick: () => handleEdit(material),
}, },
{ {
@ -107,6 +110,7 @@ export function createMaterialColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(material), onClick: () => handleDeleteClick(material),
}, },
]} ]}

27
resources/js/pages/admin/academic-classes/materials/index.tsx
View File

@ -21,6 +21,7 @@ import {
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea'; import { Textarea } from '@/components/ui/textarea';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as materialIndex, index as materialIndex,
@ -64,6 +65,10 @@ export default function MaterialIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<Material | null>(null); const [editing, setEditing] = useState<Material | null>(null);
const [deleting, setDeleting] = useState<Material | null>(null); const [deleting, setDeleting] = useState<Material | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-materials');
const canUpdate = hasPermission('update-materials');
const canDelete = hasPermission('delete-materials');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -108,6 +113,8 @@ export default function MaterialIndex({
const columns = createMaterialColumns({ const columns = createMaterialColumns({
handleEdit: (material) => setEditing(material), handleEdit: (material) => setEditing(material),
handleDeleteClick: (material) => setDeleting(material), handleDeleteClick: (material) => setDeleting(material),
canUpdate,
canDelete,
}); });
return ( return (
@ -140,15 +147,17 @@ export default function MaterialIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

27
resources/js/pages/admin/academic-classes/schedules/index.tsx
View File

@ -18,6 +18,7 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { usePermissions } from '@/hooks/use-permissions';
import { cn } from '@/lib/utils'; import { cn } from '@/lib/utils';
import { import {
destroy, destroy,
@ -58,6 +59,10 @@ export default function ScheduleIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<Schedule | null>(null); const [editing, setEditing] = useState<Schedule | null>(null);
const [deleting, setDeleting] = useState<Schedule | null>(null); const [deleting, setDeleting] = useState<Schedule | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-schedules');
const canUpdate = hasPermission('update-schedules');
const canDelete = hasPermission('delete-schedules');
function handleDelete() { function handleDelete() {
if (!deleting) { if (!deleting) {
@ -89,15 +94,17 @@ export default function ScheduleIndex({
<PageHeader <PageHeader
title="Jadwal" title="Jadwal"
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />
@ -177,6 +184,7 @@ export default function ScheduleIndex({
icon: ( icon: (
<Pencil className="h-3.5 w-3.5" /> <Pencil className="h-3.5 w-3.5" />
), ),
show: canUpdate,
onClick: onClick:
() => () =>
setEditing( setEditing(
@ -188,6 +196,7 @@ export default function ScheduleIndex({
icon: ( icon: (
<Trash2 className="h-3.5 w-3.5 text-destructive" /> <Trash2 className="h-3.5 w-3.5 text-destructive" />
), ),
show: canDelete,
onClick: onClick:
() => () =>
setDeleting( setDeleting(

14
resources/js/pages/admin/finances/tuition-invoices/columns.tsx
View File

@ -14,12 +14,21 @@ export type { TuitionInvoice } from '@/types/tuition-invoice';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (invoice: TuitionInvoice) => void; handleEdit: (invoice: TuitionInvoice) => void;
handleDeleteClick: (invoice: TuitionInvoice) => void; handleDeleteClick: (invoice: TuitionInvoice) => void;
canUpdate: boolean;
canDelete: boolean;
canViewPayments: boolean;
}; };
export function createTuitionInvoiceColumns( export function createTuitionInvoiceColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<TuitionInvoice>[] { ): ColumnDef<TuitionInvoice>[] {
const { handleEdit, handleDeleteClick } = params; const {
handleEdit,
handleDeleteClick,
canUpdate,
canDelete,
canViewPayments,
} = params;
return [ return [
{ {
@ -133,11 +142,13 @@ export function createTuitionInvoiceColumns(
{ {
label: 'Pembayaran', label: 'Pembayaran',
icon: <CreditCard className="h-4 w-4" />, icon: <CreditCard className="h-4 w-4" />,
show: canViewPayments,
href: paymentsIndex.url(invoice.id), href: paymentsIndex.url(invoice.id),
}, },
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(invoice), onClick: () => handleEdit(invoice),
}, },
{ {
@ -145,6 +156,7 @@ export function createTuitionInvoiceColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(invoice), onClick: () => handleDeleteClick(invoice),
}, },
]} ]}

29
resources/js/pages/admin/finances/tuition-invoices/index.tsx
View File

@ -47,6 +47,7 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { formatRupiah } from '@/lib/currency'; import { formatRupiah } from '@/lib/currency';
import { import {
@ -115,6 +116,11 @@ export default function TuitionInvoiceIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<TuitionInvoice | null>(null); const [editing, setEditing] = useState<TuitionInvoice | null>(null);
const [deleting, setDeleting] = useState<TuitionInvoice | null>(null); const [deleting, setDeleting] = useState<TuitionInvoice | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-tuition-invoices');
const canUpdate = hasPermission('update-tuition-invoices');
const canDelete = hasPermission('delete-tuition-invoices');
const canViewPayments = hasPermission('view-tuition-payments');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -175,6 +181,9 @@ export default function TuitionInvoiceIndex({
const columns = createTuitionInvoiceColumns({ const columns = createTuitionInvoiceColumns({
handleEdit: (invoice) => setEditing(invoice), handleEdit: (invoice) => setEditing(invoice),
handleDeleteClick: (invoice) => setDeleting(invoice), handleDeleteClick: (invoice) => setDeleting(invoice),
canUpdate,
canDelete,
canViewPayments,
}); });
return ( return (
@ -192,15 +201,17 @@ export default function TuitionInvoiceIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

9
resources/js/pages/admin/finances/tuition-invoices/payments.tsx
View File

@ -18,6 +18,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
import { Textarea } from '@/components/ui/textarea'; import { Textarea } from '@/components/ui/textarea';
import { usePermissions } from '@/hooks/use-permissions';
import { formatRupiah } from '@/lib/currency'; import { formatRupiah } from '@/lib/currency';
import { index as tuitionInvoiceIndex } from '@/routes/admin/finances/tuition-invoices'; import { index as tuitionInvoiceIndex } from '@/routes/admin/finances/tuition-invoices';
import { import {
@ -43,6 +44,10 @@ export default function TuitionPaymentIndex({ invoice, payments }: Props) {
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<TuitionPayment | null>(null); const [editing, setEditing] = useState<TuitionPayment | null>(null);
const [deleting, setDeleting] = useState<TuitionPayment | null>(null); const [deleting, setDeleting] = useState<TuitionPayment | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-tuition-payments');
const canUpdate = hasPermission('update-tuition-payments');
const canDelete = hasPermission('delete-tuition-payments');
function handleDelete() { function handleDelete() {
if (!deleting) { if (!deleting) {
@ -156,6 +161,7 @@ export default function TuitionPaymentIndex({ invoice, payments }: Props) {
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => setEditing(row.original), onClick: () => setEditing(row.original),
}, },
{ {
@ -163,6 +169,7 @@ export default function TuitionPaymentIndex({ invoice, payments }: Props) {
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => setDeleting(row.original), onClick: () => setDeleting(row.original),
}, },
]} ]}
@ -231,7 +238,7 @@ export default function TuitionPaymentIndex({ invoice, payments }: Props) {
<h2 className="text-lg font-semibold"> <h2 className="text-lg font-semibold">
Riwayat Pembayaran Riwayat Pembayaran
</h2> </h2>
{!isFullyPaid && ( {!isFullyPaid && canCreate && (
<Button onClick={() => setCreateOpen(true)}> <Button onClick={() => setCreateOpen(true)}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Tambah Pembayaran Tambah Pembayaran

6
resources/js/pages/admin/manage/announcements/columns.tsx
View File

@ -10,12 +10,14 @@ export type { Announcement } from '@/types/announcement';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (announcement: Announcement) => void; handleEdit: (announcement: Announcement) => void;
handleDeleteClick: (announcement: Announcement) => void; handleDeleteClick: (announcement: Announcement) => void;
canUpdate: boolean;
canDelete: boolean;
}; };
export function createAnnouncementColumns( export function createAnnouncementColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<Announcement>[] { ): ColumnDef<Announcement>[] {
const { handleEdit, handleDeleteClick } = params; const { handleEdit, handleDeleteClick, canUpdate, canDelete } = params;
return [ return [
{ {
@ -82,6 +84,7 @@ export function createAnnouncementColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(row.original), onClick: () => handleEdit(row.original),
}, },
{ {
@ -89,6 +92,7 @@ export function createAnnouncementColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(row.original), onClick: () => handleDeleteClick(row.original),
}, },
]} ]}

27
resources/js/pages/admin/manage/announcements/index.tsx
View File

@ -20,6 +20,7 @@ import {
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea'; import { Textarea } from '@/components/ui/textarea';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as announcementIndex, index as announcementIndex,
@ -58,6 +59,10 @@ export default function AnnouncementIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<Announcement | null>(null); const [editing, setEditing] = useState<Announcement | null>(null);
const [deleting, setDeleting] = useState<Announcement | null>(null); const [deleting, setDeleting] = useState<Announcement | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-announcements');
const canUpdate = hasPermission('update-announcements');
const canDelete = hasPermission('delete-announcements');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -102,6 +107,8 @@ export default function AnnouncementIndex({
const columns = createAnnouncementColumns({ const columns = createAnnouncementColumns({
handleEdit: (announcement) => setEditing(announcement), handleEdit: (announcement) => setEditing(announcement),
handleDeleteClick: (announcement) => setDeleting(announcement), handleDeleteClick: (announcement) => setDeleting(announcement),
canUpdate,
canDelete,
}); });
return ( return (
@ -119,15 +126,17 @@ export default function AnnouncementIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

14
resources/js/pages/admin/manage/course-classes/columns.tsx
View File

@ -12,12 +12,21 @@ export type { CourseClass } from '@/types/course-class';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (courseClass: CourseClass) => void; handleEdit: (courseClass: CourseClass) => void;
handleDeleteClick: (courseClass: CourseClass) => void; handleDeleteClick: (courseClass: CourseClass) => void;
canUpdate: boolean;
canDelete: boolean;
canViewEnrollments: boolean;
}; };
export function createCourseClassColumns( export function createCourseClassColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<CourseClass>[] { ): ColumnDef<CourseClass>[] {
const { handleEdit, handleDeleteClick } = params; const {
handleEdit,
handleDeleteClick,
canUpdate,
canDelete,
canViewEnrollments,
} = params;
return [ return [
{ {
@ -97,11 +106,13 @@ export function createCourseClassColumns(
{ {
label: 'Peserta', label: 'Peserta',
icon: <Users className="h-4 w-4" />, icon: <Users className="h-4 w-4" />,
show: canViewEnrollments,
href: enrollmentsIndex.url(courseClass.id), href: enrollmentsIndex.url(courseClass.id),
}, },
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(courseClass), onClick: () => handleEdit(courseClass),
}, },
{ {
@ -109,6 +120,7 @@ export function createCourseClassColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(courseClass), onClick: () => handleDeleteClick(courseClass),
}, },
]} ]}

15
resources/js/pages/admin/manage/course-classes/enrollments.tsx
View File

@ -13,6 +13,7 @@ import { Button } from '@/components/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Checkbox } from '@/components/ui/checkbox'; import { Checkbox } from '@/components/ui/checkbox';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { usePermissions } from '@/hooks/use-permissions';
import { index as courseClassIndex } from '@/routes/admin/manage/course-classes'; import { index as courseClassIndex } from '@/routes/admin/manage/course-classes';
import { import {
destroy, destroy,
@ -39,6 +40,9 @@ export default function ClassEnrollmentIndex({
}: Props) { }: Props) {
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [deleting, setDeleting] = useState<ClassEnrollment | null>(null); const [deleting, setDeleting] = useState<ClassEnrollment | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-course-class-enrollments');
const canDelete = hasPermission('delete-course-class-enrollments');
function handleDelete() { function handleDelete() {
if (!deleting) { if (!deleting) {
@ -93,6 +97,7 @@ export default function ClassEnrollmentIndex({
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => setDeleting(row.original), onClick: () => setDeleting(row.original),
}, },
]} ]}
@ -152,10 +157,12 @@ export default function ClassEnrollmentIndex({
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h2 className="text-lg font-semibold">Daftar Mahasiswa</h2> <h2 className="text-lg font-semibold">Daftar Mahasiswa</h2>
<Button onClick={() => setCreateOpen(true)}> {canCreate && (
<UserPlus className="h-4 w-4" /> <Button onClick={() => setCreateOpen(true)}>
Tambah Mahasiswa <UserPlus className="h-4 w-4" />
</Button> Tambah Mahasiswa
</Button>
)}
</div> </div>
<DataTable columns={columns} data={enrollments} /> <DataTable columns={columns} data={enrollments} />

29
resources/js/pages/admin/manage/course-classes/index.tsx
View File

@ -26,6 +26,7 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as courseClassIndex, index as courseClassIndex,
@ -76,6 +77,11 @@ export default function CourseClassIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<CourseClass | null>(null); const [editing, setEditing] = useState<CourseClass | null>(null);
const [deleting, setDeleting] = useState<CourseClass | null>(null); const [deleting, setDeleting] = useState<CourseClass | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-course-classes');
const canUpdate = hasPermission('update-course-classes');
const canDelete = hasPermission('delete-course-classes');
const canViewEnrollments = hasPermission('view-course-class-enrollments');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -128,6 +134,9 @@ export default function CourseClassIndex({
const columns = createCourseClassColumns({ const columns = createCourseClassColumns({
handleEdit: (courseClass) => setEditing(courseClass), handleEdit: (courseClass) => setEditing(courseClass),
handleDeleteClick: (courseClass) => setDeleting(courseClass), handleDeleteClick: (courseClass) => setDeleting(courseClass),
canUpdate,
canDelete,
canViewEnrollments,
}); });
return ( return (
@ -160,15 +169,17 @@ export default function CourseClassIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

12
resources/js/pages/admin/manage/course-registrations/columns.tsx
View File

@ -11,12 +11,14 @@ export type { CourseRegistrationSubmission } from '@/types/course-registration';
type CreateColumnsParams = { type CreateColumnsParams = {
handleApprove: (submission: CourseRegistrationSubmission) => void; handleApprove: (submission: CourseRegistrationSubmission) => void;
handleRejectClick: (submission: CourseRegistrationSubmission) => void; handleRejectClick: (submission: CourseRegistrationSubmission) => void;
canApprove: boolean;
canReject: boolean;
}; };
export function createCourseRegistrationColumns( export function createCourseRegistrationColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<CourseRegistrationSubmission>[] { ): ColumnDef<CourseRegistrationSubmission>[] {
const { handleApprove, handleRejectClick } = params; const { handleApprove, handleRejectClick, canApprove, canReject } = params;
return [ return [
{ {
@ -105,14 +107,18 @@ export function createCourseRegistrationColumns(
label: 'Setujui', label: 'Setujui',
icon: <Check className="h-4 w-4" />, icon: <Check className="h-4 w-4" />,
iconClassName: 'text-primary', iconClassName: 'text-primary',
show: submission.status === 'submitted', show:
submission.status === 'submitted' &&
canApprove,
onClick: () => handleApprove(submission), onClick: () => handleApprove(submission),
}, },
{ {
label: 'Tolak', label: 'Tolak',
icon: <X className="h-4 w-4" />, icon: <X className="h-4 w-4" />,
iconClassName: 'text-destructive', iconClassName: 'text-destructive',
show: submission.status === 'submitted', show:
submission.status === 'submitted' &&
canReject,
onClick: () => handleRejectClick(submission), onClick: () => handleRejectClick(submission),
}, },
]} ]}

27
resources/js/pages/admin/manage/course-registrations/index.tsx
View File

@ -27,6 +27,7 @@ import {
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea'; import { Textarea } from '@/components/ui/textarea';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as courseRegistrationIndex, index as courseRegistrationIndex,
@ -92,6 +93,10 @@ export default function CourseRegistrationIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [rejecting, setRejecting] = const [rejecting, setRejecting] =
useState<CourseRegistrationSubmission | null>(null); useState<CourseRegistrationSubmission | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-course-registrations');
const canApprove = hasPermission('approve-course-registrations');
const canReject = hasPermission('reject-course-registrations');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -138,6 +143,8 @@ export default function CourseRegistrationIndex({
const columns = createCourseRegistrationColumns({ const columns = createCourseRegistrationColumns({
handleApprove, handleApprove,
handleRejectClick: (submission) => setRejecting(submission), handleRejectClick: (submission) => setRejecting(submission),
canApprove,
canReject,
}); });
return ( return (
@ -155,15 +162,17 @@ export default function CourseRegistrationIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

15
resources/js/pages/admin/master/academic-terms/columns.tsx
View File

@ -12,12 +12,22 @@ type CreateColumnsParams = {
handleEdit: (academicTerm: AcademicTerm) => void; handleEdit: (academicTerm: AcademicTerm) => void;
handleDeleteClick: (academicTerm: AcademicTerm) => void; handleDeleteClick: (academicTerm: AcademicTerm) => void;
handleStatusChange: (academicTerm: AcademicTerm, isActive: boolean) => void; handleStatusChange: (academicTerm: AcademicTerm, isActive: boolean) => void;
canUpdate: boolean;
canDelete: boolean;
canUpdateStatus: boolean;
}; };
export function createAcademicTermColumns( export function createAcademicTermColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<AcademicTerm>[] { ): ColumnDef<AcademicTerm>[] {
const { handleEdit, handleDeleteClick, handleStatusChange } = params; const {
handleEdit,
handleDeleteClick,
handleStatusChange,
canUpdate,
canDelete,
canUpdateStatus,
} = params;
return [ return [
{ {
@ -73,6 +83,7 @@ export function createAcademicTermColumns(
onChange={(isActive) => onChange={(isActive) =>
handleStatusChange(academicTerm, isActive) handleStatusChange(academicTerm, isActive)
} }
disabled={!canUpdateStatus}
/> />
</div> </div>
); );
@ -94,6 +105,7 @@ export function createAcademicTermColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(academicTerm), onClick: () => handleEdit(academicTerm),
}, },
{ {
@ -101,6 +113,7 @@ export function createAcademicTermColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(academicTerm), onClick: () => handleDeleteClick(academicTerm),
}, },
]} ]}

29
resources/js/pages/admin/master/academic-terms/index.tsx
View File

@ -15,6 +15,7 @@ import { Checkbox } from '@/components/ui/checkbox';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as academicTermIndex, index as academicTermIndex,
@ -69,6 +70,11 @@ export default function AcademicTermIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<AcademicTerm | null>(null); const [editing, setEditing] = useState<AcademicTerm | null>(null);
const [deleting, setDeleting] = useState<AcademicTerm | null>(null); const [deleting, setDeleting] = useState<AcademicTerm | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-academic-terms');
const canUpdate = hasPermission('update-academic-terms');
const canDelete = hasPermission('delete-academic-terms');
const canUpdateStatus = hasPermission('update-academic-terms-status');
const pagination: PaginationState = { const pagination: PaginationState = {
current_page: academicTerms.current_page, current_page: academicTerms.current_page,
@ -111,6 +117,9 @@ export default function AcademicTermIndex({
handleEdit: (academicTerm) => setEditing(academicTerm), handleEdit: (academicTerm) => setEditing(academicTerm),
handleDeleteClick: (academicTerm) => setDeleting(academicTerm), handleDeleteClick: (academicTerm) => setDeleting(academicTerm),
handleStatusChange, handleStatusChange,
canUpdate,
canDelete,
canUpdateStatus,
}); });
return ( return (
@ -143,15 +152,17 @@ export default function AcademicTermIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

6
resources/js/pages/admin/master/courses/columns.tsx
View File

@ -9,12 +9,14 @@ export type { Course } from '@/types/course';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (course: Course) => void; handleEdit: (course: Course) => void;
handleDeleteClick: (course: Course) => void; handleDeleteClick: (course: Course) => void;
canUpdate: boolean;
canDelete: boolean;
}; };
export function createCourseColumns( export function createCourseColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<Course>[] { ): ColumnDef<Course>[] {
const { handleEdit, handleDeleteClick } = params; const { handleEdit, handleDeleteClick, canUpdate, canDelete } = params;
return [ return [
{ {
@ -87,6 +89,7 @@ export function createCourseColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(course), onClick: () => handleEdit(course),
}, },
{ {
@ -94,6 +97,7 @@ export function createCourseColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(course), onClick: () => handleDeleteClick(course),
}, },
]} ]}

27
resources/js/pages/admin/master/courses/index.tsx
View File

@ -19,6 +19,7 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as courseIndex, index as courseIndex,
@ -59,6 +60,10 @@ export default function CourseIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<Course | null>(null); const [editing, setEditing] = useState<Course | null>(null);
const [deleting, setDeleting] = useState<Course | null>(null); const [deleting, setDeleting] = useState<Course | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-courses');
const canUpdate = hasPermission('update-courses');
const canDelete = hasPermission('delete-courses');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -111,6 +116,8 @@ export default function CourseIndex({
const columns = createCourseColumns({ const columns = createCourseColumns({
handleEdit: (course) => setEditing(course), handleEdit: (course) => setEditing(course),
handleDeleteClick: (course) => setDeleting(course), handleDeleteClick: (course) => setDeleting(course),
canUpdate,
canDelete,
}); });
return ( return (
@ -143,15 +150,17 @@ export default function CourseIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

6
resources/js/pages/admin/master/departments/columns.tsx
View File

@ -9,12 +9,14 @@ export type { Department } from '@/types/department';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (department: Department) => void; handleEdit: (department: Department) => void;
handleDeleteClick: (department: Department) => void; handleDeleteClick: (department: Department) => void;
canUpdate: boolean;
canDelete: boolean;
}; };
export function createDepartmentColumns( export function createDepartmentColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<Department>[] { ): ColumnDef<Department>[] {
const { handleEdit, handleDeleteClick } = params; const { handleEdit, handleDeleteClick, canUpdate, canDelete } = params;
return [ return [
{ {
@ -69,6 +71,7 @@ export function createDepartmentColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(department), onClick: () => handleEdit(department),
}, },
{ {
@ -76,6 +79,7 @@ export function createDepartmentColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(department), onClick: () => handleDeleteClick(department),
}, },
]} ]}

27
resources/js/pages/admin/master/departments/index.tsx
View File

@ -17,6 +17,7 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as departmentIndex, index as departmentIndex,
@ -43,6 +44,10 @@ export default function DepartmentIndex({ departments, highlight }: Props) {
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<Department | null>(null); const [editing, setEditing] = useState<Department | null>(null);
const [deleting, setDeleting] = useState<Department | null>(null); const [deleting, setDeleting] = useState<Department | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-departments');
const canUpdate = hasPermission('update-departments');
const canDelete = hasPermission('delete-departments');
const pagination: PaginationState = { const pagination: PaginationState = {
current_page: departments.current_page, current_page: departments.current_page,
@ -74,6 +79,8 @@ export default function DepartmentIndex({ departments, highlight }: Props) {
const columns = createDepartmentColumns({ const columns = createDepartmentColumns({
handleEdit: (department) => setEditing(department), handleEdit: (department) => setEditing(department),
handleDeleteClick: (department) => setDeleting(department), handleDeleteClick: (department) => setDeleting(department),
canUpdate,
canDelete,
}); });
return ( return (
@ -106,15 +113,17 @@ export default function DepartmentIndex({ departments, highlight }: Props) {
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

6
resources/js/pages/admin/services/academic-advising-logs/columns.tsx
View File

@ -9,12 +9,14 @@ export type { AcademicAdvisingLog } from '@/types/academic-advising-log';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (log: AcademicAdvisingLog) => void; handleEdit: (log: AcademicAdvisingLog) => void;
handleDeleteClick: (log: AcademicAdvisingLog) => void; handleDeleteClick: (log: AcademicAdvisingLog) => void;
canUpdate: boolean;
canDelete: boolean;
}; };
export function createAcademicAdvisingLogColumns( export function createAcademicAdvisingLogColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<AcademicAdvisingLog>[] { ): ColumnDef<AcademicAdvisingLog>[] {
const { handleEdit, handleDeleteClick } = params; const { handleEdit, handleDeleteClick, canUpdate, canDelete } = params;
return [ return [
{ {
@ -83,6 +85,7 @@ export function createAcademicAdvisingLogColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(row.original), onClick: () => handleEdit(row.original),
}, },
{ {
@ -90,6 +93,7 @@ export function createAcademicAdvisingLogColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(row.original), onClick: () => handleDeleteClick(row.original),
}, },
]} ]}

27
resources/js/pages/admin/services/academic-advising-logs/index.tsx
View File

@ -21,6 +21,7 @@ import {
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea'; import { Textarea } from '@/components/ui/textarea';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as academicAdvisingLogIndex, index as academicAdvisingLogIndex,
@ -69,6 +70,10 @@ export default function AcademicAdvisingLogIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<AcademicAdvisingLog | null>(null); const [editing, setEditing] = useState<AcademicAdvisingLog | null>(null);
const [deleting, setDeleting] = useState<AcademicAdvisingLog | null>(null); const [deleting, setDeleting] = useState<AcademicAdvisingLog | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-academic-advising-logs');
const canUpdate = hasPermission('update-academic-advising-logs');
const canDelete = hasPermission('delete-academic-advising-logs');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -113,6 +118,8 @@ export default function AcademicAdvisingLogIndex({
const columns = createAcademicAdvisingLogColumns({ const columns = createAcademicAdvisingLogColumns({
handleEdit: (log) => setEditing(log), handleEdit: (log) => setEditing(log),
handleDeleteClick: (log) => setDeleting(log), handleDeleteClick: (log) => setDeleting(log),
canUpdate,
canDelete,
}); });
return ( return (
@ -130,15 +137,17 @@ export default function AcademicAdvisingLogIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

6
resources/js/pages/admin/services/letter-requests/columns.tsx
View File

@ -11,12 +11,14 @@ export type { LetterRequest } from '@/types/letter-request';
type CreateColumnsParams = { type CreateColumnsParams = {
handleEdit: (letterRequest: LetterRequest) => void; handleEdit: (letterRequest: LetterRequest) => void;
handleDeleteClick: (letterRequest: LetterRequest) => void; handleDeleteClick: (letterRequest: LetterRequest) => void;
canUpdate: boolean;
canDelete: boolean;
}; };
export function createLetterRequestColumns( export function createLetterRequestColumns(
params: CreateColumnsParams, params: CreateColumnsParams,
): ColumnDef<LetterRequest>[] { ): ColumnDef<LetterRequest>[] {
const { handleEdit, handleDeleteClick } = params; const { handleEdit, handleDeleteClick, canUpdate, canDelete } = params;
return [ return [
{ {
@ -143,6 +145,7 @@ export function createLetterRequestColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(row.original), onClick: () => handleEdit(row.original),
}, },
{ {
@ -150,6 +153,7 @@ export function createLetterRequestColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(row.original), onClick: () => handleDeleteClick(row.original),
}, },
]} ]}

27
resources/js/pages/admin/services/letter-requests/index.tsx
View File

@ -21,6 +21,7 @@ import {
SelectValue, SelectValue,
} from '@/components/ui/select'; } from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea'; import { Textarea } from '@/components/ui/textarea';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as letterRequestIndex, index as letterRequestIndex,
@ -63,6 +64,10 @@ export default function LetterRequestIndex({
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<LetterRequest | null>(null); const [editing, setEditing] = useState<LetterRequest | null>(null);
const [deleting, setDeleting] = useState<LetterRequest | null>(null); const [deleting, setDeleting] = useState<LetterRequest | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-letter-requests');
const canUpdate = hasPermission('update-letter-requests');
const canDelete = hasPermission('delete-letter-requests');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -107,6 +112,8 @@ export default function LetterRequestIndex({
const columns = createLetterRequestColumns({ const columns = createLetterRequestColumns({
handleEdit: (letterRequest) => setEditing(letterRequest), handleEdit: (letterRequest) => setEditing(letterRequest),
handleDeleteClick: (letterRequest) => setDeleting(letterRequest), handleDeleteClick: (letterRequest) => setDeleting(letterRequest),
canUpdate,
canDelete,
}); });
return ( return (
@ -124,15 +131,17 @@ export default function LetterRequestIndex({
) )
} }
actions={ actions={
<Button asChild> canCreate && (
<button <Button asChild>
type="button" <button
onClick={() => setCreateOpen(true)} type="button"
> onClick={() => setCreateOpen(true)}
<Plus className="h-4 w-4" /> >
Tambah <Plus className="h-4 w-4" />
</button> Tambah
</Button> </button>
</Button>
)
} }
/> />

12
resources/js/pages/admin/users/administrators/columns.tsx
View File

@ -18,6 +18,10 @@ type CreateColumnsParams = {
handleDeleteClick: (admin: Administrator) => void; handleDeleteClick: (admin: Administrator) => void;
handleResetPassword: (admin: Administrator) => void; handleResetPassword: (admin: Administrator) => void;
handleUserStatusChange: (admin: Administrator, isActive: boolean) => void; handleUserStatusChange: (admin: Administrator, isActive: boolean) => void;
canUpdate: boolean;
canResetPassword: boolean;
canDelete: boolean;
canUpdateStatus: boolean;
}; };
export function createAdministratorColumns( export function createAdministratorColumns(
@ -28,6 +32,10 @@ export function createAdministratorColumns(
handleDeleteClick, handleDeleteClick,
handleResetPassword, handleResetPassword,
handleUserStatusChange, handleUserStatusChange,
canUpdate,
canResetPassword,
canDelete,
canUpdateStatus,
} = params; } = params;
return [ return [
@ -74,6 +82,7 @@ export function createAdministratorColumns(
onChange={(isActive) => onChange={(isActive) =>
handleUserStatusChange(row.original, isActive) handleUserStatusChange(row.original, isActive)
} }
disabled={!canUpdateStatus}
/> />
), ),
}, },
@ -93,11 +102,13 @@ export function createAdministratorColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(admin), onClick: () => handleEdit(admin),
}, },
{ {
label: 'Reset Kata Sandi', label: 'Reset Kata Sandi',
icon: <Key className="h-4 w-4" />, icon: <Key className="h-4 w-4" />,
show: canResetPassword,
onClick: () => handleResetPassword(admin), onClick: () => handleResetPassword(admin),
}, },
{ {
@ -105,6 +116,7 @@ export function createAdministratorColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(admin), onClick: () => handleDeleteClick(admin),
}, },
]} ]}

21
resources/js/pages/admin/users/administrators/index.tsx
View File

@ -9,6 +9,7 @@ import type { FilterField } from '@/components/filter-dialog';
import { FilterDialog } from '@/components/filter-dialog'; import { FilterDialog } from '@/components/filter-dialog';
import { PageHeader } from '@/components/page-header'; import { PageHeader } from '@/components/page-header';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as administratorsIndex, index as administratorsIndex,
@ -48,6 +49,8 @@ const filterFields: FilterField[] = [
export default function AdministratorIndex({ administrators, filters }: Props) { export default function AdministratorIndex({ administrators, filters }: Props) {
const [deleting, setDeleting] = useState<Administrator | null>(null); const [deleting, setDeleting] = useState<Administrator | null>(null);
const [resetting, setResetting] = useState<Administrator | null>(null); const [resetting, setResetting] = useState<Administrator | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-administrators');
const pagination: PaginationState = { const pagination: PaginationState = {
current_page: administrators.current_page, current_page: administrators.current_page,
@ -107,6 +110,10 @@ export default function AdministratorIndex({ administrators, filters }: Props) {
handleDeleteClick: (admin) => setDeleting(admin), handleDeleteClick: (admin) => setDeleting(admin),
handleResetPassword: (admin) => setResetting(admin), handleResetPassword: (admin) => setResetting(admin),
handleUserStatusChange, handleUserStatusChange,
canUpdate: hasPermission('update-administrators'),
canResetPassword: hasPermission('reset-administrators-password'),
canDelete: hasPermission('delete-administrators'),
canUpdateStatus: hasPermission('update-administrators-status'),
}); });
return ( return (
@ -117,12 +124,14 @@ export default function AdministratorIndex({ administrators, filters }: Props) {
<PageHeader <PageHeader
title="Administrator" title="Administrator"
actions={ actions={
<Button asChild> canCreate && (
<Link href={create.url()}> <Button asChild>
<Plus className="h-4 w-4" /> <Link href={create.url()}>
Tambah <Plus className="h-4 w-4" />
</Link> Tambah
</Button> </Link>
</Button>
)
} }
/> />

12
resources/js/pages/admin/users/lecturers/columns.tsx
View File

@ -21,6 +21,10 @@ type CreateColumnsParams = {
handleDeleteClick: (lecturer: Lecturer) => void; handleDeleteClick: (lecturer: Lecturer) => void;
handleResetPassword: (lecturer: Lecturer) => void; handleResetPassword: (lecturer: Lecturer) => void;
handleUserStatusChange: (lecturer: Lecturer, isActive: boolean) => void; handleUserStatusChange: (lecturer: Lecturer, isActive: boolean) => void;
canUpdate: boolean;
canDelete: boolean;
canResetPassword: boolean;
canUpdateStatus: boolean;
}; };
export function createLecturerColumns( export function createLecturerColumns(
@ -31,6 +35,10 @@ export function createLecturerColumns(
handleDeleteClick, handleDeleteClick,
handleResetPassword, handleResetPassword,
handleUserStatusChange, handleUserStatusChange,
canUpdate,
canDelete,
canResetPassword,
canUpdateStatus,
} = params; } = params;
return [ return [
@ -92,6 +100,7 @@ export function createLecturerColumns(
onChange={(isActive) => onChange={(isActive) =>
handleUserStatusChange(row.original, isActive) handleUserStatusChange(row.original, isActive)
} }
disabled={!canUpdateStatus}
/> />
), ),
}, },
@ -111,11 +120,13 @@ export function createLecturerColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(lecturer), onClick: () => handleEdit(lecturer),
}, },
{ {
label: 'Reset Kata Sandi', label: 'Reset Kata Sandi',
icon: <Key className="h-4 w-4" />, icon: <Key className="h-4 w-4" />,
show: canResetPassword,
onClick: () => handleResetPassword(lecturer), onClick: () => handleResetPassword(lecturer),
}, },
{ {
@ -123,6 +134,7 @@ export function createLecturerColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(lecturer), onClick: () => handleDeleteClick(lecturer),
}, },
]} ]}

48
resources/js/pages/admin/users/lecturers/index.tsx
View File

@ -9,6 +9,7 @@ import type { FilterField } from '@/components/filter-dialog';
import { FilterDialog } from '@/components/filter-dialog'; import { FilterDialog } from '@/components/filter-dialog';
import { PageHeader } from '@/components/page-header'; import { PageHeader } from '@/components/page-header';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
index as lecturersIndex, index as lecturersIndex,
@ -47,6 +48,13 @@ export default function LecturerIndex({
}: Props) { }: Props) {
const [deleting, setDeleting] = useState<Lecturer | null>(null); const [deleting, setDeleting] = useState<Lecturer | null>(null);
const [resetting, setResetting] = useState<Lecturer | null>(null); const [resetting, setResetting] = useState<Lecturer | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-lecturers');
const canUpdate = hasPermission('update-lecturers');
const canDelete = hasPermission('delete-lecturers');
const canResetPassword = hasPermission('reset-lecturers-password');
const canUpdateStatus = hasPermission('update-lecturers-status');
const canExport = hasPermission('export-lecturers');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -125,6 +133,10 @@ export default function LecturerIndex({
handleDeleteClick: (lecturer) => setDeleting(lecturer), handleDeleteClick: (lecturer) => setDeleting(lecturer),
handleResetPassword: (lecturer) => setResetting(lecturer), handleResetPassword: (lecturer) => setResetting(lecturer),
handleUserStatusChange, handleUserStatusChange,
canUpdate,
canDelete,
canResetPassword,
canUpdateStatus,
}); });
return ( return (
@ -136,22 +148,26 @@ export default function LecturerIndex({
title="Dosen" title="Dosen"
actions={ actions={
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Button variant="outline" asChild> {canExport && (
<a <Button variant="outline" asChild>
href={exportLecturers.url({ <a
query: { search, ...filters }, href={exportLecturers.url({
})} query: { search, ...filters },
> })}
<FileSpreadsheet className="h-4 w-4" /> >
Export <FileSpreadsheet className="h-4 w-4" />
</a> Export
</Button> </a>
<Button asChild> </Button>
<Link href={create.url()}> )}
<Plus className="h-4 w-4" /> {canCreate && (
Tambah <Button asChild>
</Link> <Link href={create.url()}>
</Button> <Plus className="h-4 w-4" />
Tambah
</Link>
</Button>
)}
</div> </div>
} }
/> />

15
resources/js/pages/admin/users/students/columns.tsx
View File

@ -29,6 +29,11 @@ type CreateColumnsParams = {
handleStatusChange: (student: Student, status: string) => void; handleStatusChange: (student: Student, status: string) => void;
handleUserStatusChange: (student: Student, isActive: boolean) => void; handleUserStatusChange: (student: Student, isActive: boolean) => void;
statuses: StatusOption[]; statuses: StatusOption[];
canUpdate: boolean;
canDelete: boolean;
canResetPassword: boolean;
canUpdateAcademicStatus: boolean;
canUpdateAccountStatus: boolean;
}; };
export function createStudentColumns( export function createStudentColumns(
@ -41,6 +46,11 @@ export function createStudentColumns(
handleStatusChange, handleStatusChange,
handleUserStatusChange, handleUserStatusChange,
statuses, statuses,
canUpdate,
canDelete,
canResetPassword,
canUpdateAcademicStatus,
canUpdateAccountStatus,
} = params; } = params;
return [ return [
@ -93,6 +103,7 @@ export function createStudentColumns(
onChange={(status) => onChange={(status) =>
handleStatusChange(row.original, status) handleStatusChange(row.original, status)
} }
disabled={!canUpdateAcademicStatus}
/> />
), ),
}, },
@ -117,6 +128,7 @@ export function createStudentColumns(
onChange={(isActive) => onChange={(isActive) =>
handleUserStatusChange(row.original, isActive) handleUserStatusChange(row.original, isActive)
} }
disabled={!canUpdateAccountStatus}
/> />
), ),
}, },
@ -136,11 +148,13 @@ export function createStudentColumns(
{ {
label: 'Edit', label: 'Edit',
icon: <Pencil className="h-4 w-4" />, icon: <Pencil className="h-4 w-4" />,
show: canUpdate,
onClick: () => handleEdit(student), onClick: () => handleEdit(student),
}, },
{ {
label: 'Reset Kata Sandi', label: 'Reset Kata Sandi',
icon: <Key className="h-4 w-4" />, icon: <Key className="h-4 w-4" />,
show: canResetPassword,
onClick: () => handleResetPassword(student), onClick: () => handleResetPassword(student),
}, },
{ {
@ -148,6 +162,7 @@ export function createStudentColumns(
icon: ( icon: (
<Trash2 className="h-4 w-4 text-destructive" /> <Trash2 className="h-4 w-4 text-destructive" />
), ),
show: canDelete,
onClick: () => handleDeleteClick(student), onClick: () => handleDeleteClick(student),
}, },
]} ]}

54
resources/js/pages/admin/users/students/index.tsx
View File

@ -10,6 +10,7 @@ import { FilterDialog } from '@/components/filter-dialog';
import { PageHeader } from '@/components/page-header'; import { PageHeader } from '@/components/page-header';
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'; import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table'; import { useServerTable } from '@/hooks/use-server-table';
import { import {
create, create,
@ -56,6 +57,18 @@ export default function StudentIndex({
}: Props) { }: Props) {
const [deleting, setDeleting] = useState<Student | null>(null); const [deleting, setDeleting] = useState<Student | null>(null);
const [resetting, setResetting] = useState<Student | null>(null); const [resetting, setResetting] = useState<Student | null>(null);
const { hasPermission } = usePermissions();
const canCreate = hasPermission('create-students');
const canUpdate = hasPermission('update-students');
const canDelete = hasPermission('delete-students');
const canResetPassword = hasPermission('reset-students-password');
const canUpdateAcademicStatus = hasPermission(
'update-students-academic-status',
);
const canUpdateAccountStatus = hasPermission(
'update-students-account-status',
);
const canExport = hasPermission('export-students');
const filterFields: FilterField[] = [ const filterFields: FilterField[] = [
{ {
@ -157,6 +170,11 @@ export default function StudentIndex({
handleStatusChange, handleStatusChange,
handleUserStatusChange, handleUserStatusChange,
statuses, statuses,
canUpdate,
canDelete,
canResetPassword,
canUpdateAcademicStatus,
canUpdateAccountStatus,
}); });
return ( return (
@ -168,22 +186,26 @@ export default function StudentIndex({
title="Mahasiswa" title="Mahasiswa"
actions={ actions={
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Button variant="outline" asChild> {canExport && (
<a <Button variant="outline" asChild>
href={exportStudents.url({ <a
query: { search, ...filters }, href={exportStudents.url({
})} query: { search, ...filters },
> })}
<FileSpreadsheet className="h-4 w-4" /> >
Export <FileSpreadsheet className="h-4 w-4" />
</a> Export
</Button> </a>
<Button asChild> </Button>
<Link href={create.url()}> )}
<Plus className="h-4 w-4" /> {canCreate && (
Tambah <Button asChild>
</Link> <Link href={create.url()}>
</Button> <Plus className="h-4 w-4" />
Tambah
</Link>
</Button>
)}
</div> </div>
} }
/> />

1
resources/js/types/auth.ts
View File

@ -14,4 +14,5 @@ export type User = {
export type Auth = { export type Auth = {
user: User; user: User;
permissions?: string[];
}; };

168
routes/admin.php
View File

@ -26,62 +26,105 @@
Route::middleware(['auth', 'verified'])->group(function () { Route::middleware(['auth', 'verified'])->group(function () {
Route::prefix('admin/master')->name('admin.master.')->group(function () { Route::prefix('admin/master')->name('admin.master.')->group(function () {
Route::resource('academic-terms', AcademicTermController::class)->except(['create', 'edit', 'show']); Route::resource('academic-terms', AcademicTermController::class)
Route::patch('academic-terms/{academic_term}/status', [AcademicTermController::class, 'updateStatus'])->name('academic-terms.update_status'); ->except(['create', 'edit', 'show'])
Route::resource('departments', DepartmentController::class)->except(['create', 'edit', 'show']); ->middlewareFor(['index'], 'permission:view-academic-terms')
Route::resource('courses', CourseController::class)->except(['create', 'edit', 'show']); ->middlewareFor(['store'], 'permission:create-academic-terms')
->middlewareFor(['update'], 'permission:update-academic-terms')
->middlewareFor(['destroy'], 'permission:delete-academic-terms');
Route::patch('academic-terms/{academic_term}/status', [AcademicTermController::class, 'updateStatus'])->name('academic-terms.update_status')->middleware('permission:update-academic-terms-status');
Route::resource('departments', DepartmentController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-departments')
->middlewareFor(['store'], 'permission:create-departments')
->middlewareFor(['update'], 'permission:update-departments')
->middlewareFor(['destroy'], 'permission:delete-departments');
Route::resource('courses', CourseController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-courses')
->middlewareFor(['store'], 'permission:create-courses')
->middlewareFor(['update'], 'permission:update-courses')
->middlewareFor(['destroy'], 'permission:delete-courses');
}); });
Route::prefix('admin/academic-classes')->name('admin.academic-classes.')->group(function () { Route::prefix('admin/academic-classes')->name('admin.academic-classes.')->group(function () {
Route::resource('materials', MaterialController::class)->except(['create', 'edit', 'show']); Route::resource('materials', MaterialController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-materials')
->middlewareFor(['store'], 'permission:create-materials')
->middlewareFor(['update'], 'permission:update-materials')
->middlewareFor(['destroy'], 'permission:delete-materials');
Route::resource('assignments', AssignmentController::class)->except(['create', 'edit', 'show']); Route::resource('assignments', AssignmentController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-assignments')
->middlewareFor(['store'], 'permission:create-assignments')
->middlewareFor(['update'], 'permission:update-assignments')
->middlewareFor(['destroy'], 'permission:delete-assignments');
Route::prefix('assignments/{assignment}/submissions')->name('assignments.submissions.')->group(function () { Route::prefix('assignments/{assignment}/submissions')->name('assignments.submissions.')->group(function () {
Route::get('/', [SubmissionController::class, 'index'])->name('index'); Route::get('/', [SubmissionController::class, 'index'])->name('index')->middleware('permission:view-assignment-submissions');
Route::post('/', [SubmissionController::class, 'store'])->name('store'); Route::post('/', [SubmissionController::class, 'store'])->name('store')->middleware('permission:create-assignment-submissions');
Route::put('{submission}', [SubmissionController::class, 'update'])->name('update'); Route::put('{submission}', [SubmissionController::class, 'update'])->name('update')->middleware('permission:update-assignment-submissions');
Route::delete('{submission}', [SubmissionController::class, 'destroy'])->name('destroy'); Route::delete('{submission}', [SubmissionController::class, 'destroy'])->name('destroy')->middleware('permission:delete-assignment-submissions');
}); });
Route::resource('schedules', ScheduleController::class)->except(['create', 'edit', 'show']); Route::resource('schedules', ScheduleController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-schedules')
->middlewareFor(['store'], 'permission:create-schedules')
->middlewareFor(['update'], 'permission:update-schedules')
->middlewareFor(['destroy'], 'permission:delete-schedules');
Route::prefix('attendances')->name('attendances.')->group(function () { Route::prefix('attendances')->name('attendances.')->group(function () {
Route::get('/', [AttendanceController::class, 'index'])->name('index'); Route::get('/', [AttendanceController::class, 'index'])->name('index')->middleware('permission:view-attendances');
Route::get('{course_class}/{meeting_number}', [AttendanceController::class, 'session']) Route::get('{course_class}/{meeting_number}', [AttendanceController::class, 'session'])
->whereNumber('meeting_number') ->whereNumber('meeting_number')
->name('session'); ->name('session')
->middleware('permission:view-attendances');
Route::post('{course_class}/{meeting_number}', [AttendanceController::class, 'store']) Route::post('{course_class}/{meeting_number}', [AttendanceController::class, 'store'])
->whereNumber('meeting_number') ->whereNumber('meeting_number')
->name('store'); ->name('store')
->middleware('permission:create-attendances');
Route::delete('{course_class}/{meeting_number}', [AttendanceController::class, 'destroy']) Route::delete('{course_class}/{meeting_number}', [AttendanceController::class, 'destroy'])
->whereNumber('meeting_number') ->whereNumber('meeting_number')
->name('destroy'); ->name('destroy')
->middleware('permission:delete-attendances');
}); });
}); });
Route::prefix('admin/manage')->name('admin.manage.')->group(function () { Route::prefix('admin/manage')->name('admin.manage.')->group(function () {
Route::resource('course-registrations', CourseRegistrationController::class)->only(['index', 'store']); Route::resource('course-registrations', CourseRegistrationController::class)
->only(['index', 'store'])
->middlewareFor(['index'], 'permission:view-course-registrations')
->middlewareFor(['store'], 'permission:create-course-registrations');
Route::prefix('course-registrations/{submission}')->name('course-registrations.')->group(function () { Route::prefix('course-registrations/{submission}')->name('course-registrations.')->group(function () {
Route::get('/', [CourseRegistrationController::class, 'show'])->name('show'); Route::get('/', [CourseRegistrationController::class, 'show'])->name('show')->middleware('permission:view-course-registrations');
Route::patch('approve', [CourseRegistrationController::class, 'approve'])->name('approve'); Route::patch('approve', [CourseRegistrationController::class, 'approve'])->name('approve')->middleware('permission:approve-course-registrations');
Route::patch('reject', [CourseRegistrationController::class, 'reject'])->name('reject'); Route::patch('reject', [CourseRegistrationController::class, 'reject'])->name('reject')->middleware('permission:reject-course-registrations');
}); });
Route::resource('course-classes', CourseClassController::class)->except(['create', 'edit', 'show']); Route::resource('course-classes', CourseClassController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-course-classes')
->middlewareFor(['store'], 'permission:create-course-classes')
->middlewareFor(['update'], 'permission:update-course-classes')
->middlewareFor(['destroy'], 'permission:delete-course-classes');
Route::prefix('course-classes/{course_class}/enrollments')->name('course-classes.enrollments.')->group(function () { Route::prefix('course-classes/{course_class}/enrollments')->name('course-classes.enrollments.')->group(function () {
Route::get('/', [ClassEnrollmentController::class, 'index'])->name('index'); Route::get('/', [ClassEnrollmentController::class, 'index'])->name('index')->middleware('permission:view-course-class-enrollments');
Route::post('/', [ClassEnrollmentController::class, 'store'])->name('store'); Route::post('/', [ClassEnrollmentController::class, 'store'])->name('store')->middleware('permission:create-course-class-enrollments');
Route::delete('{enrollment}', [ClassEnrollmentController::class, 'destroy'])->name('destroy'); Route::delete('{enrollment}', [ClassEnrollmentController::class, 'destroy'])->name('destroy')->middleware('permission:delete-course-class-enrollments');
}); });
Route::prefix('announcements')->name('announcements.')->group(function () { Route::prefix('announcements')->name('announcements.')->group(function () {
Route::get('/', [AnnouncementController::class, 'index'])->name('index'); Route::get('/', [AnnouncementController::class, 'index'])->name('index')->middleware('permission:view-announcements');
Route::post('/', [AnnouncementController::class, 'store'])->name('store'); Route::post('/', [AnnouncementController::class, 'store'])->name('store')->middleware('permission:create-announcements');
Route::put('{announcement}', [AnnouncementController::class, 'update'])->name('update'); Route::put('{announcement}', [AnnouncementController::class, 'update'])->name('update')->middleware('permission:update-announcements');
Route::delete('{announcement}', [AnnouncementController::class, 'destroy'])->name('destroy'); Route::delete('{announcement}', [AnnouncementController::class, 'destroy'])->name('destroy')->middleware('permission:delete-announcements');
}); });
}); });
@ -107,20 +150,35 @@
}); });
Route::prefix('admin/finances')->name('admin.finances.')->group(function () { Route::prefix('admin/finances')->name('admin.finances.')->group(function () {
Route::resource('tuition-invoices', TuitionInvoiceController::class)->except(['create', 'edit', 'show']); Route::resource('tuition-invoices', TuitionInvoiceController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-tuition-invoices')
->middlewareFor(['store'], 'permission:create-tuition-invoices')
->middlewareFor(['update'], 'permission:update-tuition-invoices')
->middlewareFor(['destroy'], 'permission:delete-tuition-invoices');
Route::prefix('tuition-invoices/{tuition_invoice}/payments')->name('tuition-invoices.payments.')->group(function () { Route::prefix('tuition-invoices/{tuition_invoice}/payments')->name('tuition-invoices.payments.')->group(function () {
Route::get('/', [TuitionPaymentController::class, 'index'])->name('index'); Route::get('/', [TuitionPaymentController::class, 'index'])->name('index')->middleware('permission:view-tuition-payments');
Route::post('/', [TuitionPaymentController::class, 'store'])->name('store'); Route::post('/', [TuitionPaymentController::class, 'store'])->name('store')->middleware('permission:create-tuition-payments');
Route::put('{payment}', [TuitionPaymentController::class, 'update'])->name('update'); Route::put('{payment}', [TuitionPaymentController::class, 'update'])->name('update')->middleware('permission:update-tuition-payments');
Route::delete('{payment}', [TuitionPaymentController::class, 'destroy'])->name('destroy'); Route::delete('{payment}', [TuitionPaymentController::class, 'destroy'])->name('destroy')->middleware('permission:delete-tuition-payments');
}); });
}); });
Route::prefix('admin/services')->name('admin.services.')->group(function () { Route::prefix('admin/services')->name('admin.services.')->group(function () {
Route::resource('letter-requests', LetterRequestController::class)->except(['create', 'edit', 'show']); Route::resource('letter-requests', LetterRequestController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-letter-requests')
->middlewareFor(['store'], 'permission:create-letter-requests')
->middlewareFor(['update'], 'permission:update-letter-requests')
->middlewareFor(['destroy'], 'permission:delete-letter-requests');
Route::resource('academic-advising-logs', AcademicAdvisingLogController::class)->except(['create', 'edit', 'show']); Route::resource('academic-advising-logs', AcademicAdvisingLogController::class)
->except(['create', 'edit', 'show'])
->middlewareFor(['index'], 'permission:view-academic-advising-logs')
->middlewareFor(['store'], 'permission:create-academic-advising-logs')
->middlewareFor(['update'], 'permission:update-academic-advising-logs')
->middlewareFor(['destroy'], 'permission:delete-academic-advising-logs');
}); });
Route::prefix('admin/settings')->name('admin.settings.')->group(function () { Route::prefix('admin/settings')->name('admin.settings.')->group(function () {
@ -145,19 +203,37 @@
->names('admin.feedback'); ->names('admin.feedback');
Route::prefix('admin/users')->name('admin.users.')->group(function () { Route::prefix('admin/users')->name('admin.users.')->group(function () {
Route::resource('lecturers', LecturerController::class)->except(['show'])->parameters(['lecturers' => 'user']); Route::resource('lecturers', LecturerController::class)
Route::patch('lecturers/{user}/reset-password', [LecturerController::class, 'resetPassword'])->name('lecturers.reset_password'); ->except(['show'])
Route::patch('lecturers/{user}/user-status', [LecturerController::class, 'updateUserStatus'])->name('lecturers.update_user_status'); ->parameters(['lecturers' => 'user'])
Route::get('lecturers/export', [LecturerController::class, 'export'])->name('lecturers.export'); ->middlewareFor(['index'], 'permission:view-lecturers')
->middlewareFor(['create', 'store'], 'permission:create-lecturers')
->middlewareFor(['edit', 'update'], 'permission:update-lecturers')
->middlewareFor(['destroy'], 'permission:delete-lecturers');
Route::patch('lecturers/{user}/reset-password', [LecturerController::class, 'resetPassword'])->name('lecturers.reset_password')->middleware('permission:reset-lecturers-password');
Route::patch('lecturers/{user}/user-status', [LecturerController::class, 'updateUserStatus'])->name('lecturers.update_user_status')->middleware('permission:update-lecturers-status');
Route::get('lecturers/export', [LecturerController::class, 'export'])->name('lecturers.export')->middleware('permission:export-lecturers');
Route::resource('students', StudentController::class)->except(['show'])->parameters(['students' => 'user']); Route::resource('students', StudentController::class)
Route::patch('students/{user}/reset-password', [StudentController::class, 'resetPassword'])->name('students.reset_password'); ->except(['show'])
Route::patch('students/{user}/status', [StudentController::class, 'updateStatus'])->name('students.update_status'); ->parameters(['students' => 'user'])
Route::patch('students/{user}/user-status', [StudentController::class, 'updateUserStatus'])->name('students.update_user_status'); ->middlewareFor(['index'], 'permission:view-students')
Route::get('students/export', [StudentController::class, 'export'])->name('students.export'); ->middlewareFor(['create', 'store'], 'permission:create-students')
->middlewareFor(['edit', 'update'], 'permission:update-students')
->middlewareFor(['destroy'], 'permission:delete-students');
Route::patch('students/{user}/reset-password', [StudentController::class, 'resetPassword'])->name('students.reset_password')->middleware('permission:reset-students-password');
Route::patch('students/{user}/status', [StudentController::class, 'updateStatus'])->name('students.update_status')->middleware('permission:update-students-academic-status');
Route::patch('students/{user}/user-status', [StudentController::class, 'updateUserStatus'])->name('students.update_user_status')->middleware('permission:update-students-account-status');
Route::get('students/export', [StudentController::class, 'export'])->name('students.export')->middleware('permission:export-students');
Route::resource('administrators', AdministratorController::class)->except(['show'])->parameters(['administrators' => 'user']); Route::resource('administrators', AdministratorController::class)
Route::patch('administrators/{user}/reset-password', [AdministratorController::class, 'resetPassword'])->name('administrators.reset_password'); ->except(['show'])
Route::patch('administrators/{user}/user-status', [AdministratorController::class, 'updateUserStatus'])->name('administrators.update_user_status'); ->parameters(['administrators' => 'user'])
->middlewareFor(['index'], 'permission:view-administrators')
->middlewareFor(['create', 'store'], 'permission:create-administrators')
->middlewareFor(['edit', 'update'], 'permission:update-administrators')
->middlewareFor(['destroy'], 'permission:delete-administrators');
Route::patch('administrators/{user}/reset-password', [AdministratorController::class, 'resetPassword'])->name('administrators.reset_password')->middleware('permission:reset-administrators-password');
Route::patch('administrators/{user}/user-status', [AdministratorController::class, 'updateUserStatus'])->name('administrators.update_user_status')->middleware('permission:update-administrators-status');
}); });
}); });