Всплывающее окно если неавторизован
В последних шаблонах окно авторизации реализовано с помощью высплывающих окон. К примеру, для кнопки авторизации это делается с помошью следующего кода:
где класс .js-login-form-show прописан в файле template.js
Идея такая. Есть кнопка добавить топик. Если пользователь авторизован, он автоматически перемещается на страницу добавления топика, если нет, то вылезает всплывающее окно авторизации.
Делаем так:
Возникает вопрос, как для класса .button-add-popup реализовать функцию всплывающего окна?Ведь в template.js код прописан только для .js-login-form-show:
<a href="{router page='login'}" class="js-login-form-show">Войти/Зарегистрироваться</a>
где класс .js-login-form-show прописан в файле template.js
Идея такая. Есть кнопка добавить топик. Если пользователь авторизован, он автоматически перемещается на страницу добавления топика, если нет, то вылезает всплывающее окно авторизации.
Делаем так:
{if $oUserCurrent}
<li class="add"><a href="{router page='topic'}add" class="button-add"><span>Добавить рецепт</span></a></li>
{else}
<li class="add"><a href="{router page='login'}" class="button-add-popup"><span>Добавить рецепт</span></a></li>
{/if}
Возникает вопрос, как для класса .button-add-popup реализовать функцию всплывающего окна?Ведь в template.js код прописан только для .js-login-form-show:
$('.js-login-form-show').click(function(){
if (ls.blocks.switchTab('login','popup-login')) {
$('#window_login_form').jqmShow();
} else {
window.location=aRouter.login;
}
return false;
});
2 комментария
Как-то так: