1. Опис

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

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

1. Поле пошуку (Рис. 1(1));

2. Інструмент імпорту CSV-файлу (Рис. 1(2));

3. Інструмент додавання (Рис. 1(3));

4. Інструмент оновлення списку реєстру (Рис. 1(4));

5. Реєстр записів (Рис. 1(5));

6. Пагінація (Рис. 1(6)).

...

1.1. Поле пошуку

Пошук здійснюється за колонкою "Номер".

1.2 Інструмент імпорту CSV-файлу

Для завантаження номерів телефону з файлу CSV використовується кнопка імпорт файлу CSV - Image Added. При наведенні курсора на цю кнопку відображається напис "Завантажити". При натисканні на кнопку (Image Added) відкривається вікно вибору файлу.

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

...

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

1.2.1 Модальне вікно "Імпортувати CSV"

Призначене для налаштування імпорту даних.

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

1. Блок налаштування (Рис. 3(1));

2. Блок попереднього перегляду (Рис. 3(2));

3. Блок вибору (Рис. 3(3)).

...

1.2.1.1 Блок налаштування

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

Поле "Char set" служить для вибору кодування. Параметр недоступний для змін. За замовчуванням, використовується "UTF-8".

У полі "Роздільник" введіть той розділовий знак, який використовується в імпортованому файлі. За замовчуванням, використовується ,.

1.2.1.2 Блок попереднього перегляду

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

1.2.1.3 Блок вибору

У списках, що випадають, виберіть назви колонок (використані у файлі CSV). Дані з колонок мають відповідати параметру, для якого робиться вибір. Наприклад, у списку "number" вибрати "Номер" (Рис. 4).

...

Складається з полів:

• number - номер телефону, або інші контактні дані абонента, наприклад, e-mail;

• description - ім'я абонента, або інший опис, який буде доцільним;

• expireAt - дата і час, до якого цей номер буде в цьому списку, задається у форматі Unix Timestamp. Якщо залишити порожнім, то номер зі списку автоматично видаляться не буде.

Для зручності колонки файлу CSV (Рис. 5) можуть збігатися з полями для заповнення під час імпорту файлу.

...

Після налаштування обов'язкових полів кнопка "Зберегти" стає активною. Обов'язкові поля позначаються "*". Після натискання на кнопку "Зберегти" модальне вікно закривається, у реєстрі записів додаються записи з CSV-файлу.

1.3 Інструмент додавання

Для додавання нового номера телефону абонента необхідно натиснути кнопку додавання - Image Added. Після натискання кнопки додавання відкривається модальне вікно "Новий номер" (Рис. 6).

...

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

1. Поле "Номер";

2. Перемикач "Тимчасовий;

3. Поле "Опис";

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

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

1.3.1. Поле "Номер"

Тут вводиться номер телефону, або інші контактні дані абонента, наприклад, e-mail;.

1.3.2. Перемикач "Тимчасовий"

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

Image Added - номер не видаляється автоматично;

Image Added - номер видалиться зі списку в зазначені в полі "Термін дії" (Рис. 7) дату і час.

...

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

1.3.3 Поле "Опис"

Тут вводиться ім'я абонента або інший опис, який буде доцільним.

1.3.4 Кнопка "Додати"

Натискання на кнопку "Додати" додає вказаний номер.

1.3.5 Кнопка "Закрити"

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

1.4. Інструмент оновлення списку реєстру

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

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

1. Чекбокс;

2. Колонка "Номер";

3. Колонка "Опис";

4. Колонка "Термін дії";

5. Інструмент редагування запису;

6. Інструмент видалення запису.

1.5.1. Чекбокс

Рис. 8. Підтвердження видалення

1.5.2 Колонка "Номер"

Тут відображаються номери телефонів абонентів.

1.5.3 Колонка "Опис"

Тут відображається опис — інформація, яку було внесено в поле "Опис" під час створення запису.

1.5.4 Колонка "Термін дії"

Тут відображається дата, до якої цей номер буде перебувати в списку. Якщо поле порожнє — номер не видаляється.

1.5.5 Інструмент редагування запису

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

1.5.6 Інструмент видалення запису

Рис. 9. Модальне вікно підтвердження видалення

1.6. Пагінація

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

2.1 Додавання нового номера телефону абонента до списку

2.2. Видалення номера телефону абонента зі списку

2.3. Редагування номера телефону абонента зі списку

2.4. Додавання номерів телефону за допомогою імпорту CSV-файлу