sartography/spiffworkflow-frontend
1
0
Fork 0
mirror of https://github.com/sartography/spiffworkflow-frontend.git synced 2025-02-24 12:18:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

removed debug comments w/ burnettk

Browse Source
This commit is contained in:
jasquat 2022-06-03 10:06:32 -04:00
parent 84348c2d8a
commit c568557254
1 changed files with 20 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/react_editor.js
View File

@ -5,31 +5,30 @@ import {
} from 'bpmn-js-properties-panel';
import React, { useEffect, useState } from "react";
// import "bpmn-js/dist/assets/diagram-js.css"
// import "bpmn-js/dist/assets/bpmn-js.css"
// import "bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css"
import "bpmn-js-properties-panel/dist/assets/properties-panel.css"
import './bpmn-js-properties-panel.css';
console.log("WE CALL HERE1");
const bpmnViewer = new BpmnModeler({
container: "#canvas",
keyboard: {
bindTo: document
},
propertiesPanel: {
parent: '#js-properties-panel'
},
additionalModules: [
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule
]
});
// instantiating this here so it doesn't get
// reinstantiate below when useEffect is called
// multiple times by react
//
// if we could reliabley store this in a var or state
// then we may not need this out here
const bpmnViewer = new BpmnModeler({
container: "#canvas",
keyboard: {
bindTo: document
},
propertiesPanel: {
parent: '#js-properties-panel'
},
additionalModules: [
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule
]
});
export default function ReactEditor(props) {
console.log("WE CALL HERE2");
// const containerRef = React.useRef();
// const container = containerRef.current;
const [diagramXML, setDiagramXML] = useState("");
const [loaded, setLoaded] = useState(false);
@ -37,22 +36,6 @@ export default function ReactEditor(props) {
if (loaded) {
return;
}
console.log("HERE1");
// console.log("loaded", loaded)
// const bpmnViewer = new BpmnModeler({
// container: "#canvas",
// keyboard: {
// bindTo: document
// },
// propertiesPanel: {
// parent: '#js-properties-panel'
// },
// additionalModules: [
// BpmnPropertiesPanelModule,
// BpmnPropertiesProviderModule
// ]
// });
console.log("HERE2");
bpmnViewer.on('import.done', (event) => {
const {
@ -65,19 +48,15 @@ export default function ReactEditor(props) {
bpmnViewer.get('canvas').zoom('fit-viewport');
});
console.log("HERE3");
if (diagramXML) {
console.log("HERE4");
return displayDiagram(bpmnViewer, diagramXML);
}
if (props.url && !diagramXML) {
console.log("HERE5");
return fetchDiagram(props.url);
}
console.log("HERE6");
return () => {
bpmnViewer.destroy();
@ -100,12 +79,9 @@ export default function ReactEditor(props) {
function displayDiagram(bpmnViewerToUse, diagramXMLToDisplay) {
setLoaded(true);
bpmnViewerToUse.importXML(diagramXMLToDisplay);
console.log("loadedSet", loaded)
}
// }, [props, diagramXML, container, loaded]);
}, [props, diagramXML, loaded]);
// console.log("WE RETURN")
return (
<div></div>
// <div className="content with-diagram" id="js-drop-zone">