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

also display the process model id in the call activity references modal w/ burnettk

This commit is contained in:
jasquat 2023-04-24 16:34:16 -04:00
parent 60684126af
commit d845745924
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
View File

@ -19,7 +19,7 @@ import {
import React, { useRef, useEffect, useState } from 'react'; import React, { useRef, useEffect, useState } from 'react';
// @ts-ignore // @ts-ignore
import { Button, Modal, UnorderedList, Link } from '@carbon/react'; import { Button, ButtonSet, Modal, UnorderedList, Link } from '@carbon/react';
import 'bpmn-js/dist/assets/diagram-js.css'; import 'bpmn-js/dist/assets/diagram-js.css';
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css'; import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
@ -578,6 +578,7 @@ export default function ReactDiagramEditor({
return ( return (
<Modal <Modal
open={showingReferences} open={showingReferences}
modalHeading="Process Model References"
onRequestClose={() => setShowingReferences(false)} onRequestClose={() => setShowingReferences(false)}
passiveModal passiveModal
> >
@ -591,7 +592,8 @@ export default function ReactDiagramEditor({
)}`} )}`}
> >
{`${ref.display_name}`} {`${ref.display_name}`}
</Link> </Link>{' '}
({ref.process_model_id})
</li> </li>
))} ))}
</UnorderedList> </UnorderedList>
@ -613,7 +615,7 @@ export default function ReactDiagramEditor({
const userActionOptions = () => { const userActionOptions = () => {
if (diagramType !== 'readonly') { if (diagramType !== 'readonly') {
return ( return (
<> <ButtonSet>
<Can <Can
I="PUT" I="PUT"
a={targetUris.processModelFileShowPath} a={targetUris.processModelFileShowPath}
@ -665,7 +667,8 @@ export default function ReactDiagramEditor({
</Button> </Button>
)} )}
</Can> </Can>
</> {getReferencesButton()}
</ButtonSet>
); );
} }
return null; return null;
@ -674,7 +677,6 @@ export default function ReactDiagramEditor({
return ( return (
<div> <div>
{userActionOptions()} {userActionOptions()}
{getReferencesButton()}
{showReferences()} {showReferences()}
</div> </div>
); );