1.Описание

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

Состоит из:

1. Поле поиска (Рис1(1));
2. Инструмент импорта CSV-файла (Рис.1 (2));
3. Инструмент обновления списка реестра (Рис.1 (3));
4. Инструмент добавления (Рис.1(4));
5. Реестр записей (Рис.1(5));
6. Пагинация (Рис.1 (6)).

Рис. 1. Страница детали "Номера"

1.1.Поле поиска

Состоит из поля ввода и кнопки закрытия (), которая отображается, когда в поле ввода установлен курсор. Поиск производится по колонке "Номер". Для поиска по части номера используйте символ "*". 

1.2. Инструмент импорта CSV-файла

Для загрузки номеров телефона из файла CSV используется кнопка импорт файла CSV - . При наведении курсора на эту кнопку отображается надпись "Загрузить". При нажатии на кнопку () открывается окно выбора файла.

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

Рис. 2. Выбор файла для импорта

Открывается модальное окно "Импортировать CSV" (Рис.3).

1.2.1. Модальное окно Импортировать CSV

Предназначено для настройки импорта данных.

Рис. 3. Модальное окно "Импортировать CSV"

В поле "Разделитель" введите тот знак препинания, который используется в файле, который импортируется.

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

Рис. 4. Настройка импорта файла CSV

Колонки файла CSV (Рис. 5) должны совпадать с колонками при импорте файла. После настройки всех необходимых полей кнопка "Сохранить" становится активной. После нажатия на кнопку "Сохранить" модальное окно закрывается, в реестре записей добавляются записи из CSV-файла.

Рис. 5. Файл CSV

1.3. Инструмент обновления реестра записей

Обновление реестра записей выполняется нажатием на кнопку обновления -  (Рис.1 (3)).

1.4. Инструмент добавления

Для добавления нового номера телефона абонента необходимо нажать кнопку добавления - . После нажатия кнопки добавления открывается модальное окно "Новый номер" (Рис. 6), которое состоит из полей "Номер" и "Описание" и кнопок "Добавить" и "Закрыть".

Рис. 6. Модальное окно "Новый номер"

1.5. Реестр записей

Реестр представляет собой список записей существующих объектов этого раздела. Каждая запись состоит из набора полей:

1. Чекбокс;
2. Колонка "Номер";
3. Колонка "Описание";
4. Инструмент редактирования записи;
5. Инструмент удаления записи.

1.5.1. Чекбокс

Используется для выбора нескольких записей объектов. После выбора одной, или нескольких, записей появляется дополнительная кнопка удаления (Рис.7). При наведении курсора на этот инструмент появляется  информация о количестве выбранных для удаления записей.

Рис. 7. Удаление нескольких записей

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

Здесь отображается номер телефона абонента.

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

Здесь отображается описание - информация, которая была внесена в поле "Описание" при создании записи.

1.5.4. Инструмент редактирования записи

После нажатия кнопки редактирования () открывается модальное окно "Новый номер" (Рис.6) в котором можно изменить номер и описание выбранной записи.

1.5.5.Инструмент удаления записи

Используется для удаления с подтверждением через модальное окно (Рис. 8). При наведении на кнопку удаления () отображается информация с названием инструмента - .  После нажатия кнопки удаления появляется модальное окно с подтверждением. Нажатие кнопки "Удалить" -  удаляет объект и запись о нем. Нажатие кнопки "Отменить" закрывает модальное окно, объект не удаляется. 

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

1.6. Пагинация

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

2. Возможности

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

2.2. Удаление номера телефона абонента из списка

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

2.4. Добавление номеров телефона посредством импорта CSV-файла