Схеми

1. Опис

Сторінка для створення схем, які можна використовувати для будь-яких сценаріїв обслуговування. Сценарії обслуговування: вхідні дзвінки, IVR, вихідні, службові сценарії та ін.

Складається з:

  1. Інструменту створення (Рис. 1(1));
  2. Блок фільтрів (Рис. 1(2));
  3. Поля пошуку (Рис. 1(3));
  4. Інструменту імпорту JSON-файлу (Рис. 1(4));
  5. Інструмент оновлення реєстру записів  (Рис. 1(5));

  6. Реєстру записів (Рис. 1(6));
  7. Пагінації (Рис. 1(7)).

Рис. 1. Сторінка "Схеми"

1.1.Інструмент створення

Для створення нового об'єкта служить кнопка "Додати" (Рис. 1(1)), після натискання на яку відкривається модальне вікно "Створити нову схему" (Рис. 2), в якому є такі варіанти створення схем:

  1. Діаграма;
  2. Код.

І типи схем:

  • Голосова;
  • Текстова;
  • Форми;
  • Службова.

Вибір типу схем впливає на доступність компонентів при створенні схеми за допомогою діаграми.

 Рис. 2. Модальне вікно "Створити нову схему"

1.1.1. Діаграма

Створення нової схеми із використанням Webitel Flow Diagram.

1.1.2. Код

Створення нової схеми з використанням JSON-схеми в редакторі коду. При виборі "Код" після натискання кнопки "Створити" відкривається сторінка деталі "Загальне".

1.2. Блок фільтрації

Призначений для фільтрації даних, які відображаються у реєстрі записів.

Складається з таких частин:

  1. Інструменти фільтрації (Рис. 3(1));
  2. Інструмент скидання фільтра (Рис. 3(2));
  3. Інструмент розширення фільтрів (Рис. 3(3)).

Рис. 3. Блок фільтрації

1.21. Інструменти фільтрації

Фільтрування можливе за тегами — поле "Теги" і типами — чекбокси.

1.2.2. Інструмент скидання фільтра

Подано у вигляді кнопки , при натисканні на яку скидаються всі вибрані раніше фільтри.

1..2.3. Інструмент розширення фільтрів

Подано у вигляді кнопки , при натисканні на яку розкриваються всі поля для фільтрації.

Внимание!

Кількість полів, що відображаються, може змінюватися в залежності від розмірів вікна браузера. Для розкриття всіх полів використовуйте кнопку .

1.3. Поля пошуку

Пошук здійснюється по колонці "Ім'я".

Складається з поля введення та кнопки закриття (), яка відображається, коли в полі введення встановлено курсор. Для пошуку в частині слова або номера використовується символ *. Можна використовувати символ *  і для заміни будь-якої кількості символів.

1.4. Інструмент імпорту JSON-файлу

Для завантаження схеми скористайтеся кнопкою імпорту JSON-файлу (Рис. 1(4)). Під час наведення курсора на цю кнопку відображається напис "Завантажити". При натисканні на кнопку () з'явиться вікно вибору файлу.

Виберіть потрібний файл на пристрої та натисніть кнопку "Відкрити" (залежно від ОС вікно вибору файлу може відрізнятися) (Рис. 4).

Рис. 4. Вікно вибору файлу

Відкривається модальне вікно "Імпортувати JSON" (Рис. 5).

1.4.1. Модальне вікно "Імпортувати JSON"

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

  1. Чекбокс "Створити нову схему?";
  2. Поле "Ім'я";
  3. Кнопка "Додати";
  4. Кнопка "Закрити".

Рис. 5. Модальне вікно "Імпортувати JSON"

1.4.1.1. Чекбокс "Створити нову схему"

Призначений для оновлення схеми без заміни файлу через видалення.

 - при натисканні кнопки "Додати" створюється нова схема (ім'я має бути унікальним);

 - при натисканні кнопки "Додати" схема, яка вже існує з таким же ім'ям у реєстрі записів, буде оновлена та замінена на ту, яку імпортують.

1.4.1.2. Поле "Ім'я"

Призначений для введення імені схеми.

1.4.1.3. Кнопка "Додати"

Після натискання кнопки "Додати" схема додається до реєстру записів із редактором "Код".

1.4.1.4. Кнопка "Закрити"

Після натискання кнопки "Закрити" модальне вікно закривається, схема не завантажується.

1.5. Інструмент оновлення реєстру записів

Оновлення таблиці реєстру записів виконується натисканням кнопки оновлення - .

1.6. Реєстр записів

Реєстр є список записів наявних об'єктів цього розділу, кожна з яких складається з набору полів:

  1. Чекбокс;
  2. Колонка "Ім'я";
  3. Колонка "Редактор";
  4. Колонка "Тип";
  5. Колонка "Теги";
  6. Колонка "Створено";
  7. Колонка "Змінено"
  8. Інструмент для звантаження;
  9. Інструмент редагування
  10. Інструмент видалення;

Якщо на сторінці немає жодного запису, відображається додаткова кнопка «Додати», функціонал якої дублює кнопку «Додати» у п. 1.1.

1.6.1. Чекбокс

Використовується для вибору одного або кількох записів. Після вибору одного або кількох записів з’являється додатковий інструмент видалення біля поля пошуку. Інформація про кількість записів, вибраних для видалення, з’являється при наведенні на цей інструмент. Коли ви натискаєте на нього, з’являється модальне вікно підтвердження. Він містить кнопки "Так", "Ні" та кнопку закриття - . Натискання кнопки "Так" видаляє записи. Натискання кнопки «Ні» закриває модальне вікно, а записи не видаляються.
Якщо відмітити чекбокс у заголовку, то усі записи на сторінці будуть вибрані.

Рис. 6. Підтвердження видалення декількох записів

1.6.2. Колонка "Ім'я"

У цій колонці відображаються назва схеми.

1.6.3. Колонка "Редактор"

Відображає, який редактор був використаний під час створення схеми: Код чи Діаграма.

1.6.4. Колонка "Тип"

Відображається тип схеми, який було обрано під час створення.

1.6.5. Колонка "Теги"

Відображає теги, вибрані для схеми.

1.6.6. Колонка "Створено"

Відображає дату створення схеми.

1.6.7. Колонка "Змінено"

Відображає дату останнього редагування схеми.

1.6.8. Інструмент для звантаження

При натисканні на кнопку звантажується json-файл з інформацією про схему.

1.6.9. Інструмент редагування

Відкривається натисканням кнопки редагування , при наведенні курсором на яку відображається інформація з назвою інструмента. Після натискання цієї кнопки:

  • Для схем із редактором "Код" відкривається деталь "Загальне", в якій можна змінити код схеми;
  • Для схем із редактором "Діаграма" відкривається графічний конструктор.

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

Використовується для видалення об'єкта із підтвердженням через модальне вікно. Під час наведення на кнопку видалення () відображається інформація з назвою інструменту. Після натискання кнопки видалення з'являється модальне вікно з підтвердженням. Натискання кнопки "Так" видаляє об'єкт та записує про нього. Натискання кнопки "Ні" закриває модальне вікно, об'єкт не видаляється.

Рис. 7. Модальне вікно підтвердження видалення на сторінці "Схема"

1.6. Пагінація

Складається з поля "Записів на сторінці", в якому вказується кількість записів (можливо задати від 1 до 1000) на одну сторінку та кнопок вперед і назад для перемикання сторінок.

2. Можливості

2.1. Створення нової схеми за допомогою написання коду

ЦільСтворити нову схему за допомогою написання коду
Передумови
  1. Доступ до застосунку "Admin";
  2. Доступ до розділу "Схеми" в Admin;
  3. Дозвіл на створення у розділі "Схеми".

Сценарій:


  1. Натиснути кнопку "Додати". Відкривається модальне вікно "Створити нову схему".
  2. Вибрати варіант редактора "Код". Кнопка "Створити" стає активною.
  3. Вибрати варіант типу схеми.
  4. Натиснути кнопку "Створити". Відкриється сторінка "Загальне".
  5. Внести дані. Кнопка "Зберегти" стає активною.
  6. Натиснути на кнопку "Зберегти"

Результат

Дані збережені.

2.2. Створення нової схеми за допомогою графічного редактора

ЦільСтворити нову схему за допомогою графічного редактора
Передумови
  1. Доступ до застосунку "Admin";
  2. Доступ до розділу "Схеми" в Admin;
  3. Дозвіл на створення у розділі "Схеми".

Сценарій:


  1. Натиснути кнопку "Додати". Відкривається модальне вікно "Створити нову схему".
  2. Вибрати варіант редактора "Діаграма". Кнопка "Створити" стає активною.
  3. Вибрати варіант типу схеми.
  4. Натиснути кнопку "Створити". Відкривається графічний редактор.
  5. Створити схему. Кнопка "Зберегти" стає активною.
  6. Натиснути кнопку "Зберегти".
  7. Натиснути кнопку "Закрити".

Результат

Відкривається сторінка "Схема". Схема збережена, запис про неї відображається у реєстрі записів.

2.3. Видалення схеми

ЦільВидалити схему
Передумови
  1. Доступ до застосунку "Admin";
  2. Доступ до розділу "Схеми" в Admin;
  3. Дозвіл на створення у розділі "Схеми";
  4. Наявність щонайменше одної схеми.

Сценарій:


  1. Знайти схему, якого потрібно видалити.
  2. Натиснути кнопку видалення - . Відкривається модальне вікно для підтвердження видалення.
  3. Натиснути кнопку "Так".

Результат

Модальне вікно закривається. Схему видалено.

2.4. Видалення кількох схем

ЦільВидалення кількох схем
Передумови
  1. Доступ до застосунку "Admin";
  2. Доступ до розділу "Схеми" в Admin;
  3. Дозвіл на створення у розділі "Схеми";
  4. Наявність щонайменше двох схем.

Сценарій:


  1. Знайти схеми, які потрібно видалити. Вибрати їх за допомогою чек боксу.
  2. Натиснути кнопку видалення вгорі реєстру записів. Відкривається модальне вікно для підтвердження видалення.
  3. Натиснути кнопку "Так".

Результат

Модальне вікно закривається. Схеми видалено.

2.5. Редагування схеми

ЦільРедагувати схему
Передумови
  1. Доступ до застосунку "Admin";
  2. Доступ до розділу "Схеми" в Admin;
  3. Дозвіл на створення у розділі "Схеми";
  4. Наявність щонайменше однієї схеми.

Сценарій:


  1. Знайти у реєстрі записів схему, якого потрібно редагувати.
  2. Натиснути кнопку редагування в записі цієї схеми. Відкривається сторінка деталі "Загальне", якщо схема створена за допомогою коду, або графічний редактор, якщо схема створена за допомогою графічного редактора.
  3. Ввести зміни.
  4. Натиснути кнопку "Зберегти".

Результат

Дані збережені.

3. Додаткові матеріали

3.1. Інструкції

Приклади схем:

3.2. Додаткова інформація

3.2.1. Автоматичний дзвінок клієнтові з чату