Урок 23. Создание удобной формы входа с помощью Login
Создадим сегодня вход на сайт с помощью сниппета Login. Для таких целей я обычно использую Loginza, но для моей задачи понадобился именно Login.
Требования к уроку:
- установленный Login
- установленный Bootstrap шаблон
В этом уроке я буду использовать Twitter Bootstrap modal JS для всплывающего окна входа, чтобы пользователь не переключался на страницу входа, а потом переходил назад.
Итак пропишем в нашем шаблоне пути к необходимым библиотекам.
Если вы установили шаблон Bootstrap, то там уже всё прописано в чанке Head. Модальное окно будет вызывать кнопка "Вход", создадим код кнопки и код модального окна, в которое вставим вызов сниппета Login:
Кнопка вход запускает модальное окно - контейнер с id="myModal". Более детально можете рассмотреть настройку модального окна в документации по modal.js внизу поста ссылка.
Далее нам хотелось бы, чтобы для вошедшего пользователя модальное окно не всплывало, а была просто кнопка "Выход" и при клике на неё пользователь выходил. Из документации Login получаем код кнопки:
При входе пользователь получает user.id с определённым значением, для анонимного пользователя (Anonymouse) данное значение user.id=0. Воспользуемся этим и переделаем код нашей кнопки, используя условные фильтры вывода:
Источники и документация, что я пользовался при создании урока и просто читаю последнее время вместо художественной литературы:
postcoder
08.11.2012 16:00В статье не отображаются примеры кода.
Viktor Minator
08.11.2012 17:20бывают сбои, у меня сейчас отображаются...
Владимир Тельнов
30.01.2013 21:37У этого способа есть недостаток, который не позволяет использовать данное решение на практике.
Модальное окно закрывается сразу после нажатия на кнопку Вход.
Допустим пользователь ошибся в наборе логина, окно все равно закроется и в закрытом окне будет сообщение:"Учётная запись не найдена. Проверьте имя пользователя и введите пароль заново для новой попытки." Но пользователь этого не увидит и не поймет, что происходит.
onsilk.ru
11.10.2013 14:39Что мешает перенести вывод информации о не верно веденном пароле из окна на страницу?