69 lines
3.8 KiB
Smarty
69 lines
3.8 KiB
Smarty
<div class="container mt-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6 col-lg-4">
|
|
<form method="post" action="{$ABS_PATH}index.php?module=login&action=authorize">
|
|
<div class="card shadow">
|
|
<div class="card-body p-4">
|
|
<h3 class="card-title text-center mb-4">{#LOGIN_AUTORIZATION#}</h3>
|
|
|
|
{if $login == false && isset($smarty.request.user_login)}
|
|
<div class="alert alert-danger alert-dismissible fade show animate__animated animate__shakeX" role="alert">
|
|
<i class="bi bi-exclamation-triangle me-2"></i> {#LOGIN_TEXT_FALSE_INFO#}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
{/if}
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label small fw-bold text-muted">{#LOGIN_YOUR_LOGIN#}</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text"><i class="bi bi-person text-muted"></i></span>
|
|
{* Фикс Warning: используем default:'' *}
|
|
<input type="text" name="user_login" class="form-control"
|
|
value="{$smarty.request.user_login|default:''|escape|stripslashes}" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label small fw-bold text-muted">{#LOGIN_PASSWORD#}</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text"><i class="bi bi-lock text-muted"></i></span>
|
|
<input type="password" name="user_pass" id="p_pass" class="form-control" required>
|
|
<button class="btn btn-outline-secondary toggle-password" type="button"><i class="bi bi-eye"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-check mb-4">
|
|
<input class="form-check-input" type="checkbox" name="keep_in" id="keep_in_main" value="1">
|
|
<label class="form-check-label small" for="keep_in_main">{#LOGIN_SAVE_COOKIE#}</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary w-100 py-2 mb-3 fw-bold">{#LOGIN_BUTTON_LOGIN#}</button>
|
|
|
|
<div class="text-center small border-top pt-3">
|
|
<a href="{$ABS_PATH}index.php?module=login&action=reminder" class="text-decoration-none me-3">{#LOGIN_PASSWORD_REMIND#}</a>
|
|
{if $active == 1}
|
|
<a href="{$ABS_PATH}index.php?module=login&action=register" class="text-decoration-none fw-bold">{#LOGIN_NEW_REGISTER#}</a>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
document.querySelectorAll('.toggle-password').forEach(btn => {ldelim}
|
|
btn.addEventListener('click', function() {ldelim}
|
|
const input = document.getElementById('p_pass');
|
|
const icon = this.querySelector('i');
|
|
if (input.type === 'password') {ldelim}
|
|
input.type = 'text';
|
|
icon.classList.replace('bi-eye', 'bi-eye-slash');
|
|
{rdelim} else {ldelim}
|
|
input.type = 'password';
|
|
icon.classList.replace('bi-eye-slash', 'bi-eye');
|
|
{rdelim}
|
|
{rdelim});
|
|
{rdelim});
|
|
</script> |