sartography/spiff-arena
1
0
Fork 0
mirror of https://github.com/sartography/spiff-arena.git synced 2025-01-11 18:14:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

added a table for files w/ burnettk

Browse Source
This commit is contained in:
jasquat 2022-11-07 17:41:35 -05:00
parent ff7322f0b8
commit 9a83f1c486
1 changed files with 50 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
spiffworkflow-frontend/src/routes/ProcessModelShow.tsx
View File

@ -13,6 +13,12 @@ import {
ButtonSet, ButtonSet,
Modal, Modal,
FileUploader, FileUploader,
Table,
TableHead,
TableHeader,
TableRow,
TableCell,
TableBody,
// @ts-ignore // @ts-ignore
} from '@carbon/react'; } from '@carbon/react';
import ProcessBreadcrumb from '../components/ProcessBreadcrumb'; import ProcessBreadcrumb from '../components/ProcessBreadcrumb';
@ -167,7 +173,8 @@ export default function ProcessModelShow() {
primarySuffix = '- Primary File'; primarySuffix = '- Primary File';
} }
constructedTag = ( constructedTag = (
<li key={processModelFile.name}> <TableRow key={processModelFile.name}>
<TableCell key={`${processModelFile.name}-cell`}>
<Link <Link
to={`/admin/process-models/${ to={`/admin/process-models/${
(processModel as any).process_group_id (processModel as any).process_group_id
@ -176,11 +183,13 @@ export default function ProcessModelShow() {
{processModelFile.name} {processModelFile.name}
</Link> </Link>
{primarySuffix} {primarySuffix}
</li> </TableCell>
</TableRow>
); );
} else if (processModelFile.name.match(/\.(json|md)$/)) { } else if (processModelFile.name.match(/\.(json|md)$/)) {
constructedTag = ( constructedTag = (
<li key={processModelFile.name}> <TableRow key={processModelFile.name}>
<TableCell key={`${processModelFile.name}-cell`}>
<Link <Link
to={`/admin/process-models/${ to={`/admin/process-models/${
(processModel as any).process_group_id (processModel as any).process_group_id
@ -188,17 +197,37 @@ export default function ProcessModelShow() {
> >
{processModelFile.name} {processModelFile.name}
</Link> </Link>
</li> </TableCell>
</TableRow>
); );
} else { } else {
constructedTag = ( constructedTag = (
<li key={processModelFile.name}>{processModelFile.name}</li> <TableRow key={processModelFile.name}>
<TableCell key={`${processModelFile.name}-cell`}>
{processModelFile.name}
</TableCell>
</TableRow>
); );
} }
return constructedTag; return constructedTag;
}); });
return <ul>{tags}</ul>; // return <ul>{tags}</ul>;
const headers = ['name', 'Actions'];
return (
<Table size="lg" useZebraStyles={false}>
<TableHead>
<TableRow>
{headers.map((header) => (
<TableHeader id={header} key={header}>
{header}
</TableHeader>
))}
</TableRow>
</TableHead>
<TableBody>{tags}</TableBody>
</Table>
);
}; };
const processInstancesUl = () => { const processInstancesUl = () => {