ti-ka/ng-workflow

Simple workflow for Angular

Angular workflow

A simple and powerful engine for creating workflow in angular

Demo: https://dev.tika.me/ng-workflow/

• Note: This library is a work in progress. To contribute email: [email protected]

Usage:

<ng-workflow
        [lineColor]="'navy'"
        [nodes]="nodes"
        [connections]="connections"></ng-workflow>

Nodes is a collection of WorkflowNode object and connections is a collection of collection of Conenction object.

export class WorkflowNode {
    id?: number | string;
    title: string;
    x?: number;
    y?: number;
}

export class Connection {
    from: WorkflowNode;
    to: WorkflowNode;
    title?: string;
    fromSide?: 'top' | 'left' | 'bottom' | 'right' = 'right';
    toSide?: 'top' | 'left' | 'bottom' | 'right' = 'left';
    color?: string;
}