search

Knotx / knotx-fragments-chrome-extension

Extends the Developer Tools, adding a panel that displays Fragments data associated with the selected DOM element.
Apache License 2.0
0 stars 2 forks source link

status (graph) panel #11

Closed MichuP closed 4 years ago

MichuP commented 4 years ago

Description The purpose of this is to create the status panel of the plugin, on which the graph and log info will be shown.

Acceptance criteria

  1. The status panel contains: 1.1 the graph, 1.2 a panel containing the raw log 1.3 a toggle allowing to show only the path of the graph that was processed (default view) or the entire graph
  2. The graph has the following visualisation logic: 2.1 Nodes processed successfully are green, error nodes are red. Nodes that were unprocessed are grey and the transition arrows to them are dashed. All other nodes (fallbacks, custom) are blue. 2.2 The composite nodes green when all nodes within composite are green. They are red when at least one node of the composite was red. In cases that the 2.3 When clicking on a specific node it gets "highlighted" (for example a thicker border) 2.4 For the paths that processing happened and they ended in status other than success (red or blue), there should be an additional node (for example a dotted node with exclamation mark) indicating that this path was not handled properly (see examples for more clarity).
  3. Clicking on a node shows a log of that node in the panel (AC 1.2). For now, all raw data available should be shown. There should be a possibility to change the log panel depending on the log action type (different "views" for different types). Clicking on the "composite node" should show a log as well.

Examples A typical "happy path": image

A path that had an error in it, however it was handled properly: image

A path ending with an error that was not handled: image

image

A path where a fallback was not handled: image

Link to JIRA RND-773

SzajekSzymon commented 4 years ago

Please add those information to documentation.

tomaszmichalak commented 4 years ago

Documented: https://github.com/Knotx/knotx-fragments/tree/master/handler/consumer