LoginUp

Надстройка к дополнению Login, добавляет дополнительные возможности.
Автор дополнения
LITOSH
Пакетов
4
Закачек
13
Автор дополнения
Пакетов
4
Закачек
13
Обычно отвечает в течение 2 часов
Версия 1.0.2-pl
Дата выпуска 06.07.2021
Загрузки 4
Просмотры 553
Внимание, этот компонент требует версию MODX не ниже 2.5 !
LoginUp — это надстройка к дополнению Login. С помощью данного дополнения у вас появятся следующие возможности:
— Добавление фото при регистрации
— Обновление фото на странице пользователя
— Возможность удаления фото на странице пользователя
— Поддержка AjaxForm, для ajax выполнения регистрации/обновления/запроса пароля/сброса пароля/входа
— Кастомизированная админка для удобства

Добавление фото при регистрации/на странице пользователя


Для того, чтобы добавить фото пользователя, вам необходимо:
1) Проинициализировать сниппет LUP на странице и добавить лексиконы (через запятую) дополнения Login, которые вам необходимы.
[[!LUP?
&lexicones=`login:default`
]]

2) Форма отправки должна содержать тег enctype=«multipart/form-data». Это необходимо для отправки файлов.

3) Добавить в форму поле для добавления фотографии
<input type="file" name="photo">

4) Добавить в Login следующие параметры &PreHooks и &PostHooks:
LUP_pre_photo для возвращения ошибок
LUP_post_photo для добавления и проверки фото на стороне бэкенда

Возможность удаления фото на странице пользователя


Чтобы добавить возможность удаления фотографии пользователем, вам необходимо:
1) Проинициализировать основной сниппет LUP, как было показано выше
2) Добавить кнопку удаления:
<button class="lup_photo_remove_btn">Удалить фотографию</button>
Либо вы можете заменить стандартный селектор для удаления самостоятельно, прописав это в инициализации основного сниппета через параметр &selector

Примечание: Если вам вдруг не понравится стандартная логика работы удаления на фронте, то вы можете переписать на свой лад и прописать параметр во &frontend_js в сниппете LUP

Поддержка AjaxForm, для ajax выполнения регистрации/обновления/запроса пароля/сброса пароля/входа


Для работы через AjaxForm подготовлены следующие сниппеты:
LUP_Login
LUP_Register
LUP_UpdateProfile
LUP_ChangePassword
LUP_ForgotPassword

Они автоматически возвращают JSON ответ, который вы на стороне AjaxForm, с помощью параметра &frontend_js, можете менять логику работы фронтенда.

Пример подключения сниппета:
[[!AjaxForm?
  &snippet=`LUP_Register` // (обязательно!) добавляем сниппет из списка
  &form=`lgnRegisterFormTpl` //(обязательно!) указываем чанк формы
  &activationResourceId=`3` // (обязательно!) ссылка на ресурс (номер), со сниппетом (ConfirmRegister) для подтверждения регистрации 
  &preHooks=`LUP_pre_photo` //добавляем фото хук для возвращения ошибок
  &postHooks=`LUP_post_photo` //добавляем фото хук для добавления и проверки фото на стороне бэкенда
  /////////////
  //Добавляем также другие параметры  сниппета Register (сниппета Login) по желанию.
  //Ведь это(LUP_Register) - прототип. К примеру:
  ////////////
  &activation=`1`
  &usergroups=`Users`
  &activationEmailSubject=`Подтверждение регистрации`
  &validate=`nospam:blank,
  username:required:minLength=^8^,
  password:required:minLength=^8^,
  password_confirm:password_confirm=^password^,
  fullname:required,
  email:required:email`
]]

Вот весь список параметров для Register:
https://docs.modx.com/current/en/extras/login/login.register

Внимание! Несколько форм на одной странице могут мешать друг другу и некорректно отрабатывать. Но это решаемо и делается это путем улавливания идентификатора формы на стороне фронтенда через &frontend_js (AjaxForm) и расписывания каждой форме (ее идентификатора) свою логику.

Примечание: Если что-то не работает. Проверьте, работает ли это без AjaxForm


Кастомизированная админка для удобства


— Добавлено фото пользователя на странице пользователя


— При выводе списка пользователей, также добавлено фото к каждому пользователю.

1.0.2 (06.07.21)

  • Исправлены некоторые моменты

1.0.1 (27.06.21)

  • Добавлена защита от modstore.pro

1.0.0 (27.06.21)

  • Начальная версия