sartography/spiff-arena
1
0
Fork 0
mirror of https://github.com/sartography/spiff-arena.git synced 2025-02-23 14:48:35 +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

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

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

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

@ -33,7 +33,8 @@ export default function ProcessModelNew() {
}, },
]} ]}
/> />
<Typography variant="h1">Add Process Model</Typography> <Typography variant="h2">Add Process Model</Typography>
<Box mt={2}>
<ProcessModelForm <ProcessModelForm
mode="new" mode="new"
processGroupId={unModifyProcessIdentifierForPathParam( processGroupId={unModifyProcessIdentifierForPathParam(
@ -43,5 +44,6 @@ export default function ProcessModelNew() {
setProcessModel={setProcessModel} setProcessModel={setProcessModel}
/> />
</Box> </Box>
</Box>
); );
} }

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

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

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

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