status-im/spiff-arena
2
0
Fork 0
mirror of https://github.com/status-im/spiff-arena.git synced 2025-02-28 09:20:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

make Files half-width and add link to file

Browse Source
This commit is contained in:
burnettk 2022-11-09 21:24:51 -05:00
parent e87b954793
commit 0530c63c75
1 changed files with 81 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,6 +13,8 @@ import {
Accordion, Accordion,
AccordionItem, AccordionItem,
Button, Button,
Grid,
Column,
Stack, Stack,
ButtonSet, ButtonSet,
Modal, Modal,
@ -233,17 +235,22 @@ export default function ProcessModelShow() {
}); });
}; };
const navigateToFileEdit = (processModelFile: ProcessFile) => { const profileModelFileEditUrl = (processModelFile: ProcessFile) => {
if (processModel) { if (processModel) {
if (processModelFile.name.match(/\.(dmn|bpmn)$/)) { if (processModelFile.name.match(/\.(dmn|bpmn)$/)) {
navigate( return `/admin/process-models/${modifiedProcessModelId}/files/${processModelFile.name}`;
`/admin/process-models/${modifiedProcessModelId}/files/${processModelFile.name}`
);
} else if (processModelFile.name.match(/\.(json|md)$/)) {
navigate(
`/admin/process-models/${modifiedProcessModelId}/form/${processModelFile.name}`
);
} }
if (processModelFile.name.match(/\.(json|md)$/)) {
return `/admin/process-models/${modifiedProcessModelId}/form/${processModelFile.name}`;
}
}
return null;
};
const navigateToFileEdit = (processModelFile: ProcessFile) => {
const url = profileModelFileEditUrl(processModelFile);
if (url) {
navigate(url);
} }
}; };
@ -324,10 +331,15 @@ export default function ProcessModelShow() {
if (isPrimaryBpmnFile) { if (isPrimaryBpmnFile) {
primarySuffix = '- Primary File'; primarySuffix = '- Primary File';
} }
let fileLink = null;
const fileUrl = profileModelFileEditUrl(processModelFile);
if (fileUrl) {
fileLink = <Link to={fileUrl}>{processModelFile.name}</Link>;
}
constructedTag = ( constructedTag = (
<TableRow key={processModelFile.name}> <TableRow key={processModelFile.name}>
<TableCell key={`${processModelFile.name}-cell`}> <TableCell key={`${processModelFile.name}-cell`}>
{processModelFile.name} {fileLink}
{primarySuffix} {primarySuffix}
</TableCell> </TableCell>
{actionsTableCell} {actionsTableCell}
@ -440,7 +452,9 @@ export default function ProcessModelShow() {
return null; return null;
} }
return ( return (
<Accordion> <Grid fullWidth>
<Column md={4} lg={8}>
<Accordion align="end">
<AccordionItem <AccordionItem
data-qa="files-accordion" data-qa="files-accordion"
title={ title={
@ -497,6 +511,8 @@ export default function ProcessModelShow() {
{processModelFileList()} {processModelFileList()}
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>
</Column>
</Grid>
); );
}; };