- Created by Olesya Tantsyura, last modified on Sept 28, 2022
You are viewing an old version of this page. View the current version.
Compare with Current View Page History
« Previous Version 8 Next »
1. Description
The page is intended for creating Flow. Displays information about all Flow in the domain.
Flow can be used for any service scenario. Service scenarios: Inbound calls, IVR, Outbound job queue, etc.
It consists of the following elements:
- Creation tool (Fig.1(1));
- Filtration block (Fig.1(2));
- Search field (Fig.1(3));
- Upload tool (Fig.1(4));
- Refresh button (Fig.1(5));
- Registry (Fig.1(6));
- Pagination (Fig.1(7)).
Fig. 1. Flow page
1.1. Creation tool
Use the Add button to create a new Flow (Fig.1(1)). The Create new flow modal window (Fig.2) opens after clicking the button. The following option for creating Flow are available:
- Diagram;
- Code.
And types of schemes:
- Voice;
- Chat;
- Forms;
- Service.
The choice of flow type affects the availability of components when you create a flow using a diagram.
Fig. 2. Create new flow modal window
1.1.1. Diagram
Create a new Flow using the Webitel Flow Diagram tool.
Select Diagram in the Create new flow modal window, choose flow type, and click the Create button.
The Webitel Flow Diagram opens after clicking the button.
1.1.2. Code
Create a new Flow using JSON schema in the code editor. Select Code in the Create new flow modal window and click the Create button. The choice of flow type is informational.
The General tab opens after clicking the button.
1.2. Filtration block
It is designed to filter the data displayed in the registry.
It consists of:
- Filter elements (Fig.3(1));
- Reset filters button (Fig.3(2));
- Expand filters button (Fig.3(3)).
Fig. 3. Filtration block
1.2.1. Filter elements
It is possible to filter by tags - the Tags field and types - checkboxes.
1.2.2. Reset filters button
Represented as a button , all previously selected filters are reset when clicked.
1.2.3. Expand filters button
Represented as a button, all fields for filtering are revealed when clicked.
Note
The number of fields displayed may vary depending on the browser window size. Use the button to expand all fields.
1.3. Search field
The search is performed on the Name column.
It consists of an input field and a close button () displayed when the cursor is placed in the input field. To search by part of a word or a number, use the * symbol. You can also use the * character to replace any number of characters.
1.4. Upload tool
It is used to upload flow schema from a JSON file. Clicking the button (Fig.1(4)) opens a file selection window. Select the desired file on your device and click the Open button (depending on the OS, the file selection window may differ). The Import JSON modal window opens (Fig.4).
Fig. 4. File selection window
The Import JSON modal window opens (Fig.5).
1.4.1. Import JSON modal window
The modal window consists of the following elements:
- Create new? checkbox;
- Name field;
- Add button;
- Close button.
Fig. 5. Import JSON modal window
1.4.1.1. Create new? checkbox
It is designed to update the flow schemе without replacing the file by deleting it.
- when you click the Add button, a new flow schemе is created (the name must be unique);
- when you click the Add button, a flow scheme with the same name in the registry will be updated - replaced with the one imported.
1.4.1.2. Name field
Here, enter the flow scheme name if you want to change it.
1.4.1.3. Add button
The flow scheme is added to the register after clicking the Add button. The editor is Code.
1.4.1.4. Close button
After clicking the "Close" button, the modal window is closed, and the flow scheme is not loaded.
1.5. Refresh button
Updating the register table is performed by clicking on the refresh button -
(Fig.1 (5)).1.6. Registry
Реестр представляет собой список записей существующих объектов этого раздела, каждая из которых состоит из набора полей:
- Чекбокс;
- Колонка "Имя";
- Колонка "Редактор";
- Инструмент для скачивания (Рис. 4 (1));
- Инструмент удаления (Рис. 4 (2));
- Инструмент редактирования (Рис. 4 (3)).
Рис. 4. Реестр записей на странице "Схема"
1.5.1. Чекбокс
Используется для выбора нескольких записей. После выбора одной, или нескольких, записей появляется дополнительная кнопка удаления (Рис.5 (1)). При наведении курсора на этот инструмент появляется информация о количестве выбранных для удаления записей (Рис.5 (2)).
Рис. 5. Удаление нескольких записей
1.5.2. Колонка "Имя"
Здесь отображается имена схемы.
1.5.3. Колонка "Редактор"
Отображает, какой редактор был использован при создании схемы: Код или Диаграмма (Рис. 6).
Рис. 6. Редактор в реестре записей на странице "Схема"
1.5.4. Инструмент для скачивания
При нажатии на кнопку скачивается json-файл с информацией о схеме.
1.5.5. Инструмент удаления
Используется для удаления объекта с подтверждением через модальное окно (Рис.7). При наведении на кнопку удаления () отображается информация с названием инструмента - . После нажатия кнопки удаления появляется модальное окно с подтверждением. Нажатие кнопки "Удалить" - удаляет объект. Нажатие кнопки "Отменить" закрывает модальное окно, объект не удаляется.
Рис. 7. Модальное окно подтверждения удаления на странице "Схема"
1.5.6. Инструмент редактирования
Открывается нажатием на кнопку редактирования (), при наведение курсором на которую отображается информация с названием инструмента - . После нажатия на эту кнопку:
- Для схем с редактором "Код" открывается деталь "Общее", в которой можно изменить код схемы;
- Для схем с редактором "Диаграмма" открывается графический конструктор.
1.6. Пагинация
2. Возможности
2.1. Create a new flow by writing code
Цель | Создать новую схему посредством написания кода |
---|---|
Предусловия | |
Сценарий: |
|
Результат | Отображается оповещение "Successfully updated". Данные сохранены. |
2.2. Create a new flow using a graphical editor
Цель | Создать новую схему посредством графического редактора |
---|---|
Предусловия | |
Сценарий: |
|
Результат | Открывается страница "Схема". Схема сохранена, запись о ней отображается в реестре записей. |
2.3. Удаление схемы
Цель | Удалить схему |
---|---|
Предусловия |
|
Сценарий: |
|
Результат | Открывается страница "Схема". Выбранная схема удалена. |
2.4. Удаление нескольких схем
Цель | Удалить несколько схем |
---|---|
Предусловия |
|
Сценарий: |
|
Результат | Открывается страница "Схема". Выбранные схемы удалены. |
2.5. Редактирование схемы
Цель | Редактировать схему |
---|---|
Предусловия |
|
Сценарий: |
|
Результат | Отображается оповещение "Successfully updated". Данные сохранены. |
3. Дополнительные материалы
3.1. Обучающее видео
3.1.1. Как настраивать маршрутизацию исходящих вызовов
Как настраивать маршрутизацию исходящих вызовов на примере схемы звонков между пользователями:
- No labels
Add Comment