feat: add elements with active attribute as a node

Author: philipsens

frank-flow/src/frontend/cypress/Frank/src/main/configurations/Example1/Configuration.xml

@@ -1,10 +1,13 @@
 <Configuration 
     flow:direction="vertical"
     flow:forwardStyle="flowchart"
-    flow:gridSize="50"
+    flow:gridSize="50" xmlns:flow="urn:frank-flow"
     >
   <Adapter name="TestFrankFlow">
-    <Receiver name="TestFrankFlow">
+    <Receiver name="TestFrankFlow" active="false" flow:x="100" flow:y="100">
+      <JavaListener name="TestFrankFlow" flow:x="100" flow:y="100"/>
+    </Receiver>
+    <Receiver name="TestFrankFlow" flow:x="400" flow:y="100">
       <JavaListener name="TestFrankFlow" flow:x="100" flow:y="100"/>
     </Receiver>
     <Pipeline>

frank-flow/src/frontend/src/app/shared/models/flow-structure-node.model.ts

@@ -17,6 +17,7 @@ export class FlowStructureNode {
   public senders: FlowStructureNode[];
   public path: string;
   public isSelfClosing: boolean;
+  public active: boolean;
 
   constructor(
     line: number,
@@ -40,7 +41,8 @@ export class FlowStructureNode {
     this.path = path;
 
     this.name = this.getName();
-    this.uid = `${this.type}(${this.name})${this.path ? `@${this.path}` : ''}`;
+    this.active = this.getActive();
+    this.uid = this.getUid();
     this.positions = this.getPositions();
     this.senders = [];
   }
@@ -54,6 +56,19 @@ export class FlowStructureNode {
     return this.type;
   }
 
+  private getActive(): boolean {
+    const activeIsFalse = this.attributes['active']?.value === 'false';
+    const activeIsEmpty = this.attributes['active']?.value === '';
+
+    return !(activeIsFalse || activeIsEmpty);
+  }
+
+  private getUid(): string {
+    return `${this.type}(${!this.active ? `#${this.name}#` : this.name})${
+      this.path ? `@${this.path}` : ''
+    }`;
+  }
+
   private getPositions(): { x: number; y: number } {
     let x = 0;
     let y = 0;

frank-flow/src/frontend/src/app/shared/workers/xml-to-flow-structure.worker.ts

@@ -90,7 +90,9 @@ const charBeforeParserIsGreaterThanCharacter = () => {
 };
 
 parser.on('opentag', (tag: TagForOptions<{}>) => {
-  const path = unclosedNodes.map((node) => node.name).join('>');
+  const path = unclosedNodes
+    .map((node) => (!node.active ? `#${node.name}#` : node.name))
+    .join('>');
 
   const currentNode = new FlowStructureNode(
     tagStartLine,