itm/itmpwk.ac.id
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance AssignmentIndex; implement infinite scroll and simplify pagination handling

Browse Source
This commit is contained in:
Yoga Pangestu 2026-09-04 14:18:09 +07:00
parent 8fb596fb32
commit 892d14c13a
2 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/Http/Controllers/Admin/AcademicClasses/Assignment/AssignmentController.php
View File

@ -24,12 +24,12 @@ public function __construct(
public function index(PaginatedRequest $request): Response
{
return Inertia::render('admin/academic-classes/assignments/index', [
'assignments' => $this->service->paginated(
'assignments' => Inertia::scroll(fn () => $this->service->paginated(
$request->user(),
...$request->validatedWithDefaults(),
courseClassId: $request->validated('course_class_id'),
academicTermId: $this->academicTermService->getActive()?->id,
),
)),
'courseClasses' => $this->courseClassService->getAllForSelect($request->user()),
'filters' => $request->only(['course_class_id']),
]);

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

@ -192,16 +192,11 @@ export default function AssignmentIndex({
total: assignments.total,
};
const {
search,
handlePageChange,
handlePerPageChange,
handleSearchChange,
applyFilters,
} = useServerTable({
const { search, handleSearchChange, applyFilters } = useServerTable({
route: () => assignmentIndex.url(),
pagination,
filters,
resetKeys: ['assignments'],
});
function handleDelete() {
@ -324,10 +319,9 @@ export default function AssignmentIndex({
data={assignments.data}
searchKey="title"
pagination={pagination}
onPageChange={handlePageChange}
onPerPageChange={handlePerPageChange}
onSearchChange={handleSearchChange}
searchValue={search}
infiniteScroll={{ propName: 'assignments' }}
toolbar={toolbar}
/>
) : (
@ -337,10 +331,9 @@ export default function AssignmentIndex({
getRowId={(assignment) => assignment.id}
searchKey="title"
pagination={pagination}
onPageChange={handlePageChange}
onPerPageChange={handlePerPageChange}
onSearchChange={handleSearchChange}
searchValue={search}
infiniteScroll={{ propName: 'assignments' }}
toolbar={toolbar}
/>
)}