LoginUp

Надстройка к дополнению Login, добавляет дополнительные возможности.
Автор дополнения
LITOSH
Пакетов
7
Закачек
47
Автор дополнения
Пакетов
7
Закачек
47
Обычно отвечает в течение 2 часов
Версия 1.0.4-pl
Дата выпуска 14.04.2022
Загрузки 13
Просмотры 1 218
Внимание, этот компонент требует версию 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
Хуки:
  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

Они автоматически возвращают 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

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


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


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

1.0.4 (14.04.22)

  • Добавлены "namespace" и "type" для ответа от сервера

1.0.3 (10.02.22)

  • Добавлен новый пре-хук lup_pre_username

1.0.2 (06.07.21)

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

1.0.1 (27.06.21)

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

1.0.0 (27.06.21)

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

Последние обсуждения в сообществе MODX.pro