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

fix spacing on model edit and new w/ burnettk

Browse Source
This commit is contained in:
jasquat 2025-02-11 12:02:13 -05:00
parent 874134f578
commit 8f7a880ff8
No known key found for this signature in database
4 changed files with 38 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
spiffworkflow-frontend/src/a-spiffui-v3/views/ProcessModelEdit.tsx
View File

@ -1,7 +1,6 @@
import { useState, useEffect } from 'react';
import { useParams } from 'react-router-dom';
// @ts-ignore
import { Typography, Container } from '@mui/material'; // Import MUI components
import { Box, Typography } from '@mui/material'; // Import MUI components
import ProcessBreadcrumb from '../components/ProcessBreadcrumb';
import HttpService from '../services/HttpService';
import ProcessModelForm from '../components/ProcessModelForm';
@ -23,7 +22,7 @@ export default function ProcessModelEdit() {
if (processModel) {
setPageTitle([`Editing ${processModel.display_name}`]);
return (
<Container>
<Box>
<ProcessBreadcrumb
hotCrumbs={[
['Process Groups', '/process-groups'],
@ -34,16 +33,18 @@ export default function ProcessModelEdit() {
},
]}
/>
<Typography variant="h4" component="h1">
<Typography variant="h2">
Edit Process Model: {(processModel as any).id}
</Typography>
<ProcessModelForm
mode="edit"
processGroupId={params.process_group_id}
processModel={processModel}
setProcessModel={setProcessModel}
/>
</Container>
<Box mt={2}>
<ProcessModelForm
mode="edit"
processGroupId={params.process_group_id}
processModel={processModel}
setProcessModel={setProcessModel}
/>
</Box>
</Box>
);
}
return null;

20
spiffworkflow-frontend/src/a-spiffui-v3/views/ProcessModelNew.tsx
View File

@ -33,15 +33,17 @@ export default function ProcessModelNew() {
},
]}
/>
<Typography variant="h1">Add Process Model</Typography>
<ProcessModelForm
mode="new"
processGroupId={unModifyProcessIdentifierForPathParam(
params.process_group_id || '',
)}
processModel={processModel}
setProcessModel={setProcessModel}
/>
<Typography variant="h2">Add Process Model</Typography>
<Box mt={2}>
<ProcessModelForm
mode="new"
processGroupId={unModifyProcessIdentifierForPathParam(
params.process_group_id || '',
)}
processModel={processModel}
setProcessModel={setProcessModel}
/>
</Box>
</Box>
);
}

24
spiffworkflow-frontend/src/routes/ProcessModelEdit.tsx
View File

@ -1,6 +1,6 @@
import { useState, useEffect } from 'react';
import { useParams } from 'react-router-dom';
// @ts-ignore
import { Box, Typography } from '@mui/material';
import ProcessBreadcrumb from '../components/ProcessBreadcrumb';
import HttpService from '../services/HttpService';
import ProcessModelForm from '../components/ProcessModelForm';
@ -22,7 +22,7 @@ export default function ProcessModelEdit() {
if (processModel) {
setPageTitle([`Editing ${processModel.display_name}`]);
return (
<>
<Box>
<ProcessBreadcrumb
hotCrumbs={[
['Process Groups', '/process-groups'],
@ -33,14 +33,18 @@ export default function ProcessModelEdit() {
},
]}
/>
<h1>Edit Process Model: {(processModel as any).id}</h1>
<ProcessModelForm
mode="edit"
processGroupId={params.process_group_id}
processModel={processModel}
setProcessModel={setProcessModel}
/>
</>
<Typography variant="h1">
Edit Process Model: {(processModel as any).id}
</Typography>
<Box mt={2}>
<ProcessModelForm
mode="edit"
processGroupId={params.process_group_id}
processModel={processModel}
setProcessModel={setProcessModel}
/>
</Box>
</Box>
);
}
return null;

2
spiffworkflow-frontend/src/routes/SpiffUIV3.tsx
View File

@ -305,7 +305,7 @@ export default function SpiffUIV3() {
element={<SecretShow />}
/>
<Route
path="/process-models/new"
path="/process-models/:process_group_id/new"
element={<ProcessModelNew />}
/>
<Route