Approval path

The route a request takes as hops over records, with returns, team handovers and retired steps marked.

CanopyPath2 approval routes over 5 stepsDocumentation for the approval path

1 demo

Approval routes Open this demo full screen

The route a request takes as hops over records, with returns, team handovers and retired steps marked.

Build one like it

The smallest complete version, in each language CanopyX supports for this view. The demo above is the same API with more data.

using CanopyX;
using CanopyX.Html;

var steps = new CanopyDataGridView("approval", "Approval route") {
    Path = new CanopyPath()
};
steps.Columns.Add(new CanopyColumn("title", "Step") { RowHeader = true });
steps.Columns.Add(new CanopyColumn("team", "Responsible team"));
foreach (var (id, title, team) in new[] {
    ("request", "Submit the change request", "Operations"),
    ("review", "Review the change and its rollback", "Review group"),
    ("approve", "Approve the scheduled change", "Change board")
}) {
    var row = new CanopyGridRow(id);
    row.Cells["title"] = title;
    row.Cells["team"] = team;
    steps.Rows.Add(row);
}

var route = new CanopyPathChain("standard", "Standard approval");
route.Hops.Add(new CanopyPathHop("request", "Request prepared"));
route.Hops.Add(new CanopyPathHop("review", "Two reviewers") {
    Badges = { new CanopyBadge("Required", CanopyTone.Info) }
});
route.Hops.Add(new CanopyPathHop("approve", "Approval recorded"));
steps.Path.Chains.Add(route);
steps.SaveHtmlPage("path.html");

Run this snippet (approval path, C#)Its output, generated with the site.

Try this in the demo

Hops
Read the Standard approval route from left to right.
Each hop is a record from the grid with its own note and badges from the host.
Returns
Follow the last hop of Return for another review.
A cycle marker links back to the request it returns to, instead of drawing a loop.
Keyboard
Press Tab to reach a hop, then Enter.
The record behind the hop opens in the record panel.