sartography
/
spiffworkflow-frontend
mirror of https://github.com/sartography/spiffworkflow-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

more rows, add headers

This commit is contained in:
burnettk 2022-07-11 13:35:38 -04:00
parent 5fb30eafc9
commit 794c19d5d3
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/ProcessInstanceReportList.tsx
View File

@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
import { Table } from 'react-bootstrap';
import { useParams, Link } from 'react-router-dom';
import { BACKEND_BASE_URL, HOT_AUTH_TOKEN } from '../config';
import ProcessBreadcrumb from '../components/ProcessBreadcrumb';
export default function ProcessInstanceReportList() {
const params = useParams();
@ -54,10 +55,19 @@ export default function ProcessInstanceReportList() {
);
};
const headerStuff = (
<>
<ProcessBreadcrumb
processGroupId={params.process_group_id}
processModelId={params.process_model_id}
/>
<h2>Reports for Process Model: {params.process_model_id}</h2>
</>
);
if (processInstanceReports?.length > 0) {
return (
<main>
<h1>hello</h1>
{headerStuff}
{buildTable()}
</main>
);

9
src/routes/ProcessInstanceReportShow.tsx
View File

@ -6,10 +6,11 @@ import { BACKEND_BASE_URL, HOT_AUTH_TOKEN } from '../config';
import ProcessBreadcrumb from '../components/ProcessBreadcrumb';
import PaginationForTable, {
DEFAULT_PER_PAGE,
DEFAULT_PAGE,
} from '../components/PaginationForTable';
const PER_PAGE_FOR_PROCESS_INSTANCE_REPORT = 500;
export default function ProcessInstanceReport() {
const params = useParams();
const [searchParams] = useSearchParams();
@ -23,7 +24,7 @@ export default function ProcessInstanceReport() {
const page = searchParams.get('page') || DEFAULT_PAGE;
const perPage = parseInt(
// @ts-expect-error TS(2345) FIXME: Argument of type 'string | 50' is not assignable t... Remove this comment to see the full error message
searchParams.get('per_page') || DEFAULT_PER_PAGE,
searchParams.get('per_page') || PER_PAGE_FOR_PROCESS_INSTANCE_REPORT,
10
);
fetch(
@ -76,7 +77,7 @@ export default function ProcessInstanceReport() {
if (pagination) {
const perPage = parseInt(
// @ts-expect-error TS(2345) FIXME: Argument of type 'string | 50' is not assignable t... Remove this comment to see the full error message
searchParams.get('per_page') || DEFAULT_PER_PAGE,
searchParams.get('per_page') || PER_PAGE_FOR_PROCESS_INSTANCE_REPORT,
10
);
// @ts-expect-error TS(2345) FIXME: Argument of type 'string | 1' is not assignable to... Remove this comment to see the full error message
@ -89,7 +90,7 @@ export default function ProcessInstanceReport() {
// @ts-expect-error TS(2322) FIXME: Type 'string' is not assignable to type 'boolean |... Remove this comment to see the full error message
linkProcessModel="true"
/>
<h2>Process Instances for {params.process_model_id}</h2>
<h2>Process Instance Report: {params.report_identifier}</h2>
<PaginationForTable
page={page}
perPage={perPage}