Reset all CSS classes on third selected shape

process-analytics · Feb 8, 2023 · 396c8ed · 396c8ed
1 parent efec3a7
commit 396c8ed
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/demo/visualize-path/js/monitoring-use-case.js b/demo/visualize-path/js/monitoring-use-case.js
@@ -46,6 +46,13 @@ class PathUseCase extends UseCase {
 
         this._allShapes.forEach(item => {
             item.htmlElement.onclick = () => {
+                if(this._state.firstSelectedShape && this._state.secondSelectedShape){
+                    this._bpmnVisualization.bpmnElementsRegistry.removeCssClasses([...this._allShapes, ...this._allEdges].map(shapeOrEdge => shapeOrEdge.bpmnSemantic.id), ['disableAll', 'possibleNext', 'highlight']);
+                    this._state.firstSelectedShape = undefined;
+                    this._state.secondSelectedShape = undefined;
+                    this._state.edge = undefined;
+                }
+
                 if (!this._state.firstSelectedShape) {
                     [...this._allShapes, ...this._allEdges].filter(shapeOrEdge => shapeOrEdge !== item).forEach(shapeOrEdge => this._bpmnVisualization.bpmnElementsRegistry.addCssClasses(shapeOrEdge.bpmnSemantic.id, 'disableAll'));
                     this._bpmnVisualization.bpmnElementsRegistry.addCssClasses(item.bpmnSemantic.id, 'highlight');