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

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

Состоит из:

1. Блок настройки (Рис.3 (1));
2. Блок предпросмотра (Рис.3 (2));
3. Блок выбора (Рис.3 (3)).

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

1.4.1.1. Блок настройки

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

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

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

1.4.1.2. Блок предпросмотра

В этом блоке отображаются название полей и несколько заполненных рядков строк из таблицы, что которая импортируется.

1.4.1.3. Блок выбора

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

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

Состоит из полей:

• number - номер телефона абонента , или другие контактные данные абонента, к примеру, e-mail;
• description - имя абонента , или другое описание, которое будет целесообразно;

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

Рис. 5. Файл CSV

После настройки обязательных полей кнопка "Сохранить" становится активной. Обязательные поля обозначаются "*". После нажатия на кнопку "Сохранить" модальное окно закрывается, в реестре записей добавляются записи из 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-файла