Hi, I want to get the parent id of each step in the sequence. Like in this example

Check the getStepParents method of the <code class="n

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

<a class="user-mention notranslate" data-hovercard-type="user" data-hover

How to get parent id of steps? about sequential-workflow-designer HOT 4 CLOSED

nocode-js commented on May 23, 2024

How to get parent id of steps?

from sequential-workflow-designer.

Comments (4)

b4rtaz commented on May 23, 2024 1

Check the getStepParents method of the Designer class.

const step: Step = ...;
const parents = designer.getStepParents(step);
const parent = parents[parents.length - 1];

This method returns a path to a passed step. To get parent you need to read one before last item.

from sequential-workflow-designer.

b4rtaz commented on May 23, 2024

BTW: your suggestion would cause that the model would contain data redundancy. What is completely wrong. Now the model contains all information what you need. You can easily get an access to previous/next/parent/child step, but it requires a definition search.

from sequential-workflow-designer.

b4rtaz commented on May 23, 2024

@lechuhuuha is the problem solved?

from sequential-workflow-designer.

lechuhuuha commented on May 23, 2024

@lechuhuuha is the problem solved?

Thanks
i just loop in the sequence and get the next index of step then its work perfect

Here is the code

designer = sequentialWorkflowDesigner.Designer.create(placeholder, startDefinition, configuration);
designer.onDefinitionChanged.subscribe(newDefinition => {
	refreshValidationStatus();
	if (!newDefinition && !newDefinition.sequence) {
		return;
	}

	const modifiedArray = [];
	processBranches(newDefinition.sequence, modifiedArray);

	console.clear();
	console.log(JSON.stringify(modifiedArray, null, 2));
	// console.log('the definition has changed', newDefinition.sequence);
});

function processBranches(branches, modifiedArray) {
	branches.forEach((element, index) => {
		const modifiedElement = { ...element };
		const childIndex = `${index + 1}`;

		if (branches[childIndex]) {
			modifiedElement.child = branches[childIndex].id;
		}

		modifiedArray.push(modifiedElement);

		if (modifiedElement.componentType === 'switch') {
			const yesBranch = modifiedElement.branches.yes;
			const noBranch = modifiedElement.branches.no;

			if (yesBranch.length > 0) {
				processBranches(yesBranch, modifiedArray);
			}
			if (noBranch.length > 0) {
				processBranches(noBranch, modifiedArray);
			}
		}
	});
}