LoginUp — это надстройка к дополнению Login. С помощью данного дополнения у вас появятся следующие возможности:
— Добавление фото при регистрации
— Обновление фото на странице пользователя
— Возможность удаления фото на странице пользователя
— Ajax выполнение регистрации/обновления/запроса пароля/сброса пароля/входа через AjaxForm
— Кастомизированная админка для удобства
— Исправление багов стандартного поведения (при подтверждении регистрации)

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

Для того, чтобы добавить фото пользователя, вам необходимо:
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

Ajax выполнение регистрации/обновления/запроса пароля/сброса пароля/входа через AjaxForm

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

1. lup_pre_photo — для возвращения ошибок (фото)
2. lup_post_photo — для добавления и проверки фото на стороне бэкенда (фото)

— LUP_UpdateProfile
Хуки:

1. lup_pre_photo — для возвращения ошибок (фото)
2. lup_post_photo — для добавления и проверки фото на стороне бэкенда (фото)
3. lup_pre_username — для возможности изменить логин

— LUP_ChangePassword
— LUP_ForgotPassword

Сниппеты, которые вызываются без AjaxForm:
— LUP_ConfirmRegister (для подтверждения регистрации необходимо вызвать именно его, иначе подтверждение не сработает)
В стандартном компоненте Login подтверждение регистрации работает не совсем корректно. К примеру, если пользователь зарегистрируется под логином, введя только лишь цифры, то этот логин невозможно будет подтвердить. Именно это исправлено, начиная с версии 1.0.6. Тем, кто обновляется с 1.0.5, необходимо заменить сниппет ConfirmRegister на LUP_ConfirmRegister.

Они автоматически возвращают JSON ответ, который вы на стороне AjaxForm, можете менять логику.
Для легкой обработки форм, добавлены «определители», а именно "namespace" (loginup) и "type" (login, logout, change, forgot, register, update). Изменение логики фронтенда возможно:

1. С помощью параметра &frontend_js
2. С помощью события af_complete. Например:
   

   $(document).on('af_complete', function (event, response) {
       var type = response.type;
   
       if (type == 'login' && response.success === true) {
           document.location.reload();
       }
   });

Примеры подключения сниппетов: https://litosh-web.ru/blog/modx/loginup-ajax-lichnyij-kabinet

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

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


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