Необходимо разработать четыре экрана в соответствии с уже существующим стилем в Figma по следующему заданию:
Процесс добавления нового пользователя
⭐️1. Инициирование процесса
Только пользователь с ролью администратора имеет доступ к функции добавления нового пользователя.
Администратор переходит в раздел "Управление пользователями" в административном интерфейсе.
⭐️2. Экран 1: Список пользователей
Цель: Предоставить администратору доступ ко всем пользователям системы и возможность добавить нового пользователя.
Элементы интерфейса:
Таблица пользователей с колонками:
Имя.
Роль.
Статус (активен/заблокирован).
Дата последнего входа.
Кнопка "Добавить нового пользователя".
Поле поиска для быстрого нахождения пользователя.
Фильтры по ролям и статусу.
Кнопка действий (например, "Редактировать", "Удалить").
⭐️3. Экран 2: Форма добавления нового пользователя
Цель: Предоставить администратору возможность ввести данные для создания нового пользователя.
Элементы интерфейса:
Поля ввода:
Полное имя (текстовое поле).
Логин (текстовое поле).
Роль (выпадающий список с доступными ролями: диспетчер, водитель, бригадир-складовщик, работник базы).
Временный пароль (автоматически генерируется, с возможностью ручного ввода).
Контактная информация (телефон).
Кнопка "Сохранить".
Кнопка "Отмена" для возврата на экран списка пользователей.
Информация о требованиях к паролю (например, длина, символы).
⭐️4. Сохранение данных
Система проверяет введенные данные на корректность:
Уникальность логина.
Соответствие формата пароля установленным требованиям.
При успешной проверке данные сохраняются в базе данных.
⭐️5. Экран 3: Подтверждение добавления нового пользователя
Цель: Уведомить администратора о том, что новый пользователь успешно добавлен.
Элементы интерфейса:
Сообщение: "Пользователь успешно добавлен."
Кнопка: "OK".
При нажатии кнопки "OK", система возвращает администратора на экран "Список пользователей".
Примечание:
Если администратор захочет добавить ещё одного пользователя, он должен повторно нажать кнопку "Добавить нового пользователя" в списке пользователей и начать процесс заново.
⭐️6. Экран 4: Управление ошибками
Цель: Обработать возможные ошибки при добавлении пользователя (например, ввод дублирующего логина).
Элементы интерфейса:
Сообщение об ошибке (например, "Логин уже используется. Попробуйте другой").
Кнопка "Вернуться к форме".
Автоматическая подсветка полей с ошибками (например, красная рамка).
⭐️7. Уведомление нового пользователя
После добавления пользователя администратор сообщает пользователю данные для входа (логин и временный пароль) через мессенджер.
Предоставим проект исходных данных в Figma