Своя кнопка «Изменить пароль» и оформление окна смены пароля

Поменять пароль в личном кабинете Тильды можно только через меню пользователя: открыть виджет, зайти в профиль, найти там кнопку. Модификация даёт короткий путь — любая ваша кнопка со ссылкой #password открывает окно смены пароля сразу.

Что настраивается

• Ссылка для вызова — та, что вы поставите кнопке или тексту.
• Оформление окна — одной галочкой включается весь набор: фон и затемнение, скругление и обводка, шрифт, заголовок, подписи полей, сами поля вместе с «глазом», обе кнопки с их состоянием при наведении и блок ошибки.

Как это работает

Окно рисуют функции самого личного кабинета: разметку формы, проверку полей, запрос на смену пароля и показ ошибок делает Тильда. Модификация только вызывает их в нужный момент и ждёт загрузки скриптов кабинета тильдовским же ожидателем — поэтому кнопка срабатывает даже если по ней кликнули раньше, чем кабинет догрузился.

Промежуточное окно профиля при этом не открывается: раньше его приходилось рисовать и прятать, чтобы добраться до кнопки смены пароля.

Что учтено

• Кнопок может быть сколько угодно и в любых блоках, включая дорисованные позже: клик ловится делегированием, и попадание по тексту или иконке внутри кнопки тоже срабатывает.
• Повторный клик не открывает второе окно, а после закрытия окно открывается заново.
• Крестик, «Отмена» и клик по фону закрывает сама Тильда — своих обработчиков для этого не нужно.
• Если посетитель не авторизован, вместо окна смены пароля откроется окно входа.

Ограничения

Модификация опирается на внутренние функции личного кабинета. Тильда постепенно переносит профиль на отдельную страницу /members/profile/, поэтому если в будущем окно перестанет открываться — напишите, будем разбираться с новой версией кабинета.