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

1. Опис

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

Цей компонент присутній у схемах типу:

  • Текстова.

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

Menu.png
Рис. 1. Компонент "Menu"

1.1. Блок "Menu"

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

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

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

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

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

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

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

Кнопка Screenshot 2024-11-07 155145.png видаляє блок зі схеми.

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

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

  1. Поле "Text";

  2. Поле "Set";

  3. Поле "Type";

  4. Елемент "Rows of buttons";

  5. Перемикач "Break";

  6. Елемент "Limit";

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

1.2.1. Поле "Text"

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

1.2.2. Поле "Set"

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

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

1.2.3. Поле "Type"

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

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

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

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

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

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

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

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

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

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

Перемикач "No input" стає доступний за наявності, мінімум, одного рядка.

Снимок экрана 2024-06-07 154953.png - вказує, що потрібно відключити можливості введення (тексту, медіа, відео, файлів, локації, тощо), а дозволити лише відповідь за допомогою однієї з кнопок.
Тільки для порталів!

Add row.png
Рис. 2. Додавання ряду

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

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

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

  2. Поля "Type";

  3. Поля "Text";

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

Надано у вигляді image2024-1-30_16-58-4.png натискання на яку видаляє кнопку.

1.2.4.1.2 Поля "Type"

Тип кнопки.

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

  1. reply;

  2. url.

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

  1. postback;

  2. contact;

  3. email;

  4. location.

1.2.4.1.3. Поля "Text"

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

За допомогою використання компонента "Switch" можна створити гілки, якими буде проходити схема, відповідно до обраної кнопки.
Для цього в полі "Cases" компонента "Switch" необхідно вказати код кнопки, створені в компоненті "Menu", а в полі "Variable" компонента "Switch" - змінну, назву якої зазначено в полі "Set" компонента "Menu".

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

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

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

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

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

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

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

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

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