sartography/spiff-arena
1
0
Fork 0
mirror of https://github.com/sartography/spiff-arena.git synced 2025-02-28 00:50:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

get pagination for groups

Browse Source
This commit is contained in:
mike cullerton 2022-11-11 08:06:05 -05:00
parent 2c4b8f5ab2
commit 3cf379e18b
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
spiffworkflow-frontend/src/routes/ProcessGroupShow.tsx
View File

@ -19,14 +19,19 @@ export default function ProcessGroupShow() {
const [processGroup, setProcessGroup] = useState<ProcessGroup | null>(null); const [processGroup, setProcessGroup] = useState<ProcessGroup | null>(null);
const [processModels, setProcessModels] = useState([]); const [processModels, setProcessModels] = useState([]);
const [processGroups, setProcessGroups] = useState([]); const [processGroups, setProcessGroups] = useState([]);
const [pagination, setPagination] = useState(null); const [modelPagination, setModelPagination] = useState(null);
const [groupPagination, setGroupPagination] = useState(null);
useEffect(() => { useEffect(() => {
const { page, perPage } = getPageInfoFromSearchParams(searchParams); const { page, perPage } = getPageInfoFromSearchParams(searchParams);
const setProcessModelFromResult = (result: any) => { const setProcessModelFromResult = (result: any) => {
setProcessModels(result.results); setProcessModels(result.results);
setPagination(result.pagination); setModelPagination(result.pagination);
};
const setProcessGroupFromResult = (result: any) => {
setProcessGroups(result.results);
setGroupPagination(result.pagination);
}; };
const processResult = (result: any) => { const processResult = (result: any) => {
setProcessGroup(result); setProcessGroup(result);
@ -37,7 +42,10 @@ export default function ProcessGroupShow() {
path: `/process-models?process_group_identifier=${unmodifiedProcessGroupId}&per_page=${perPage}&page=${page}`, path: `/process-models?process_group_identifier=${unmodifiedProcessGroupId}&per_page=${perPage}&page=${page}`,
successCallback: setProcessModelFromResult, successCallback: setProcessModelFromResult,
}); });
setProcessGroups(result.process_groups); HttpService.makeCallToBackend({
path: `/process-groups?process_group_identifier=${unmodifiedProcessGroupId}&per_page=${perPage}&page=${page}`,
successCallback: setProcessGroupFromResult,
});
}; };
HttpService.makeCallToBackend({ HttpService.makeCallToBackend({
path: `/process-groups/${params.process_group_id}`, path: `/process-groups/${params.process_group_id}`,
@ -117,7 +125,7 @@ export default function ProcessGroupShow() {
); );
}; };
if (processGroup && pagination) { if (processGroup && groupPagination && modelPagination) {
const { page, perPage } = getPageInfoFromSearchParams(searchParams); const { page, perPage } = getPageInfoFromSearchParams(searchParams);
const modifiedProcessGroupId = modifyProcessModelPath(processGroup.id); const modifiedProcessGroupId = modifyProcessModelPath(processGroup.id);
return ( return (
@ -153,7 +161,7 @@ export default function ProcessGroupShow() {
<PaginationForTable <PaginationForTable
page={page} page={page}
perPage={perPage} perPage={perPage}
pagination={pagination} pagination={modelPagination}
tableToDisplay={buildModelTable()} tableToDisplay={buildModelTable()}
path={`/admin/process-groups/${processGroup.id}`} path={`/admin/process-groups/${processGroup.id}`}
/> />
@ -162,7 +170,7 @@ export default function ProcessGroupShow() {
<PaginationForTable <PaginationForTable
page={page} page={page}
perPage={perPage} perPage={perPage}
pagination={pagination} pagination={groupPagination}
tableToDisplay={buildGroupTable()} tableToDisplay={buildGroupTable()}
path={`/admin/process-groups/${processGroup.id}`} path={`/admin/process-groups/${processGroup.id}`}
/> />