Модуль: Профиль пользователя. ТЗ

Задачи

Мои вопросы:
Кнопка сохранить и отмена? – в Топ модуль
Где будут настройки уведомления. – в разделе Настройки

Данные пользователя:
1. ID. Хэш id. Дополнительное поле UID. 10 символов.
2. Фото. Используем библу Pillow. Размеры блока 182*182px.
Размер? Фортмат? Вес? Будем ли сжимать?
Архитектура хранения файлов: subdomain.domain.ru – /users/folderuser-id/avatar/file-name.jpg
(Имя файла остаётся как и при загрузке, не меняем.)
Будем ли мы приводить изображения к единому формату? – пока нет

Как сжимать вес изображения и до какого размера или не более сколько kb? – Pillow
Как сжимать размер изображения по краям – Pillow
Почекать NGINX, он тоже сжимает изображения.
При обновлении аватарки, старая удаляется и сохраняется, то есть аватарка загружается без нажатия на кнопку “Сохранить”. Пример как в АМО.

Форматы файлов, примеры:
– Амо: Допустимые форматы файлов: png/gif/jpg/jpeg
– Битрикс: Загружает любые форматы и конвертирует в png


3. Имя. Ограничение по символам – 50. В это поле можно будет вводить ФИО полностью.
4. Email. Валидация как email, на совпадение в бд.
5. Телефон. Маска +7 (999) 999-99-99. Валидация, по кол-ву символов.
6. Пароль. Валидация, не менее 8 символов, латиница, буквы верхнего и нижнего регистра.
7. Повторите пароль. Появляется, если в поле “6. Пароль” введён хотя бы один символ.
8. Кнопка Сохранить. Не активна, пока нет изменений, либо изменения изменены
9. Кнопка Отменить. Убирает изменения, если таковые были внесены.
Кнопки сохранить и отменить изначально в opacity, если происходит действие то они обе реагируют и opacity пропадает. Создать класс css.

10. Действие: Покинуть страницу без сохранения действия. – Всплывающее окно: Вы не сохранили изменения. Уверены, что хотите закрыть? Закрыть | Отменить

Схемы элементов управления

Схема кнопки Сохранить

Схема действия -Покинуть страницу без сохранения

Разработка

Топ модуль свой для каждого блока crm
Блок с фотографией вне формы
Аватар и подложка как бэкграунд
Всплывающее окно, где,как? – в проекте в папке
Класс для opacity кнопок сохранить и отмена

Сроки

Начало 15.12 , конец 18.12

Новые изменения. Доработки. Не учтённое

+ Внимание! Все поля формы обязательны, кроме номера телефона!

+Интерактивная сверка пароля, в режиме реального времени

+ Обработка на совпадение емэйл в БД, сообщение: “Пользователь с таким Email уже существует” . Выводить под полем

+ Стилизовать всплывающее окно подтверждения
—–
Где будет Cсылка на профиль в мобильной версии, варианты:
+(здесь) по пути: Eщё -> Настройки -> Профиль
– Ещё -> во всплывающем меню сверху, будет фото юзера и ссылка на профиль, а снизу другие пункты меню списком(типо как у АМО).

На карандаш. То, что можно улучшить или добавить в дальнейшем

  1. Лучше оптимизировать обработку по сжатию веса и размера картинки при загрузке на сервер.
  2. Телефон, правильный формат номера, т.е. заполнены все цифры
  3. Добавить в информацию о пользователе:
    – Роль-Должность
    – Отдел(или подразделение)