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