Компонент "Menu"

1. Опис

Компонент дає змогу генерувати меню навігації, де вибір буде збережено у змінну.

Блок (Рис. 1.(1)) використовується у полі для побудови схеми. При натисканні на блок відкривається панель налаштувань даного компонента (Рис. 1.(2)).

1.1. Блок "Menu"

Блок складається з таких елементів:

1. Назви компонента;

2. Гілка "In" - гілка, що приймає (з'єднує з іншим блоком);

3. Гілка "Out" - вихідна (з'єднує з наступним блоком) гілка.

При наведенні на поле "Out" з'являється перемикач, який дозволяє з'єднати цей компонент з компонентом, який вже має з'єднання.

Наявність іконки позначає, що перемикач увімкнено, і цей компонент можна з'єднати з компонентом, який уже має з'єднання.

Зміна положення перемикача видаляє вихідну гілку цього компонента.

Кнопка видаляє блок зі схеми.

1.2. Панель налаштувань "Menu"

Складається з таких елементів (Рис. 2):

1.2.1. Поле "Text"

Тут вказується текст, який буде відображатися разом із меню навігації.

1.2.2. Поле “Kind“

Необов’язкове поле, яке використовується для визначення типу повідомлення, що надсилається разом із меню, щоб інтерфейс міг відобразити його іншим стилем.

У полі дозволено використовувати лише:

• латинські літери;

• цифри;

• символ підкреслення.

Формат: /[a-zA-Z0-9_]/g.

Може використовуватися, наприклад, для службових або системних повідомлень (типу system).

1.2.3. Поле "Set"

Тут вказується назва змінної, в яку записується результат вибору абонента.

Поле автоматично заповнене значенням ${onClick.Menu}.

1.2.4. Поле "Type"

Вказується тип розміщення кнопок. Існують такі варіанти:

• message - кнопки відображаються в повідомленні;

• chat - кнопки відображаються під чатом;

• clear - відсутність кнопок.

1.2.5. Елемент "Rows of buttons"

Призначений для створення рядів кнопок у меню навігації.

1.2.6. Кнопка "Add row"

Під час натискання на кнопку "Add row" додатково відображаються такі параметри (Рис. 3):

1. Елемент "Button";

2. Кнопка "Add button";

3. Кнопка "Delete row".

1.2.6.1. Елемент "Button"

Призначений для створення кнопки. Складається з:

1. Інструмента видалення;

2. Поля "Type";

3. Поля "Text";

1.2.6.1.1. Інструмент видалення

Надано у вигляді натискання на яку видаляє кнопку.

1.2.6.1.2 Поля "Type"

Тип кнопки.

Для типу розміщення кнопок message доступні:

1. reply;

2. url.

Для типу розміщення кнопок chat доступні:

1. postback;

2. contact;

3. email;

4. location.

1.2.6.1.3. Поля "Text"

Назва кнопки, яка відображається в месенджері.

1.2.6.2. Кнопка "Add button"

При натисканні на цю кнопку додаватиметься елемент "Button" у ряд, до якого належить ця кнопка.

1.2.6.3. Кнопка "Delete row"

Натискання на цю кнопку видаляє ряд і всі кнопки з цього ряду.

1.2.7. Перемикач "Break"

Відповідає за закінчення виконання схеми.

- ініціює закінчення виконання схеми після цього компонента;

- перемикач у вимкненому положенні.

1.2.8. Елемент "Limit"

Призначений для визначення максимальної кількості проходжень через цей компонент.

Натискання на кнопку "Add limit" додає поле "Max" та кнопку "Delete limit".

У полі “Max” вказується кількість можливих проходжень.

Якщо через компонент проходження буде більше, ніж зазначено в полі "Max", то використовуватиметься гілка "failover", яка з'являється в блоці компонента при установці ліміту.

Натискання на кнопку "Delete limit" забирає ліміт, повертаючи кнопку "Add limit".

Рис. 4. Встановлення ліміту

1.2.9. Елемент "Add description"

Натискання на кнопку "Add description" додає поле "Description" та кнопку "Delete description".

У полі "Description" вказується опис — коментарі до компонента.

Натискання на кнопку "Delete description" прибирає опис, повертаючи кнопку "Add description".

Рис. 5. Елемент "Add description"