...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Рис. 1. Webitel Flow Diagram
1.1. Верхняя панель
В этой панели отображается название
...
...
...
...
...
...
Рис. 2. Верхняя панель Webitel Flow Diagram
1.1.1. Переключатель тем
Доступны темная и светлая тема сайта.
Для изменения темы используется переключатель
, который находится в верхней части страницы.
1.1.2. Инструмент редактирования
Предназначен для изменения
...
...
, при нажатии на
...
...
...
Рис. 3. Модальное окно
...
Flow settings
1.1.3. Инструменты отмены действий
Состоит из двух кнопок:
- возвращает на одно действие назад;
- возвращает одно действие вперед, в случае если пользователь нажимал кнопку . В противном случае, эта кнопка неактивна.
| Info |
|---|
Количество доступных для отмены действий - 100. |
1.1.4. Кнопка "To start"
Нажатие кнопки "Go to start" возвращает схему в положение, когда компонент "Start" находится посредине пространства для построения схемы.
1.1.
...
...
...
...
...
...
...
Рис. 4. Кнопка "Save"
В случаях, когда во время работы в конструкторе исчезло соединения с сервером, после нажатия на кнопку "Save" открывается модальное окно "Save failed" (Рис.5).
Рис. 5. Модальное окно "Save failed"
Кнопка "Retry" - повторная попытка сохранить изменения.
Кнопка "Export to json" - скачивание JSON-файла несохраненной схемы.
Кнопка " Close" - закрытия модального окна.
1.1.
...
...
...
...
1.3. Поле для построения схемы
...
" предназначена для закрытия схемы. В случае, когда есть несохраненные изменения - кнопка "Save" активна, при нажатии на кнопку "Close" открывается модальное окно "Warning" (Рис.6).
Рис. 6. Модальное окно "Warning"
Модальное окно "Warning" состоит из информационного уведомления и кнопок:
- Save - сохраняет изменения и закрывает редактор. Открывается страница "Схемы";
- Don't save - не сохраняет изменения и закрывает редактор. Открывается страница "Схемы";
- Cancel - отмена. Модальное окно закрывается. Можно продолжать работу в редакторе.
1.2. Блок компонентов
В этом блоке отображается перечень компонентов, из которых можно создавать схемы, и поле поиска.
Список отображаемых компонентов зависит от типа схемы выбранного при её создании. При нажатии на кнопку 
вверху блока сворачивает список компонентов; кнопка 
разворачивает список компонентов.
Существуют такие компоненты:
| Child pages (Children Display) |
|---|
| Info |
|---|
Компонент "Start" может быть только один и при создании новой схемы находится в пространстве для построения схемы. Является стартом схемы. |
У каждого компонента есть своя панель настроек, которая открывается в правой части страницы при нажатии на компонент, который находится в пространстве для построения схемы. Больше информации можно посмотреть на странице конкретного компонента.
1.3. Пространство для построения схемы
Является основным рабочим пространством.
С помощью нажатия правой кнопки мыши на блок компонента можно клонировать или удалить выбранный блок.
С помощью колесика мышки можно менять масштаб построенной схемы.
В правом нижнем углу находится мини-карта схемы для удобства пользования. Также доступна возможность изменять масштаб схемы. По умолчанию и после нажатия на Go to start – масштаб равен 50%.
2. Возможности
2.1. Добавление компонент в схему
Цель | Добавить компонент в схему |
|---|---|
| Предусловия |
|
Сценарий |
|
Результат | Компонент добавлен в схему. |
3. Дополнительные материалы
3.1. Обучающее видео
3.1.1. Создание схемы маршрутизации
В данном видео вы узнаете, как создать первую схему маршрутизации и познакомитесь с 10 базовыми компонентами, а именно:
| Widget Connector | ||
|---|---|---|
|
3.2. Инструкции
3.2.1. Примеры схем
| Child pages (Children Display) | ||
|---|---|---|
|
| Table of Contents |
|---|