Versions Compared

Old Version 10

changes.mady.by.user Olesya Tantsyura

Saved on

compared with

New Version 11

changes.mady.by.user Olesya Tantsyura

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

1. Description

A graphical Low-Code editor for creating Flows that can be used for any maintenance scenario.

Note
titleNote

Minimum screen resolution requirements: 1280x768 or more!

Represented by space to build, as well as:

  1. Top panel bar (Fig.1(1));
  2. Panel bar of components (Fig.1(2));
  3. Space for build (Fig.1(3)).

Fig. 1. Webitel Flow Diagram

1.1. Top

panel

bar

This panel bar displays the name of the Flow and also contains the following elements:

  1. Edit tool (Fig.2);
  2. Go to start;
  3. Jsonify to console;
  4. Save;
  5. Close.

Image Modified

Fig. 2. Top panelbar

1.1.1. Edit tool

It is designed to change the name and the tags of the Flow.

Click the button opens the Update name modal window (Fig.3).

Fig. 3. Update name modal window

1.1.2. Go to start

Click the Go to start button returns the schematic to where the Start component is in the middle of the space for the build.

1.1.3. Jsonify to console

The Jsonify to console button is designed to display the JSON code that matches the generated flow schema in the console. To view it, you need to open the console.

1.1.4. Save

It is designed to save changes in the flow schema.

Clicking the arrow opens the possibility of selecting the Save as option (Fig.4).

Image Modified

Fig.4. Save as

When you select Save as a modal window Update name (Fig. 3) opens. You can change the flow scheme's name in this modal window.

1.1.5. Close

The Close button closes the flow schema without saving changes.

1.2.

Panel

bar of components

This panel bar displays a list of components from which you can create flow schemes and a search field. The flow type is displayed at the top of the panelbar.

There are such components:

Child pages (Children Display)

Info

There can be only one Start component, and when creating a new Flow, it is located in the space for building. It is the start of the Flow.

Each component has its settings panelbar.

The setting panel bar opens on the right side of the page when you click a component block in the space for building.

Note

The list of displayed components depends on the type of Flow selected when creating it!

1.3. Space for build

This is the main workspace for building a Flow.

You can clone or delete the selected block by right-clicking on a component block.

You can change the scale of the constructed flow using the mouse wheel.

In the lower right corner is a mini-map of the scheme with a zoom scale for ease of use. The scale is 50% by default, and after clicking on Go to start button.

2. Opportunities

2.1. Add a Component to a Flow

panel panel panel

Goal

Add a Component to a Flow

Preconditions
  1. Access to the Admin application;
  2. Access to the Flow partition in the Admin application;
  3. Permission to create in the Flow partition.

Steps


  1. Open Webitel Flow Diagram - create a new Flow or edit an existing one.

  2. Please select the required component in the components
  1. bar by clicking the left mouse button. A component block appears in the middle of the space for a build.
  2. Connect the out branch of the block, whose conditions must be fulfilled first, with the in branch of the block, the condition of which must be fulfilled next.
  3. Left-click on the added block. The settings
  1. bar for this component opens. The component settings
  1. bar can be viewed on the page of a specific component.
  2. Enter the required data.
  3. Click the Save button.

Result

Data saved. The component is added to the Flow.

3. Additional materials

3.1. Instructions

3.1.1. Flow examples

Child pages (Children Display)
pageFlow examples


Table of Contents