mi
74 lines
3.3 KiB
Plaintext
74 lines
3.3 KiB
Plaintext
<#import "template.ftl" as layout>
|
|
<@layout.registrationLayout displayMessage=false; section>
|
|
<#if section = "header">${msg("phoneTitle")}
|
|
<#elseif section = "form">
|
|
<link rel="stylesheet" href="${url.resourcesPath}/css/han-login.css?v=6"/>
|
|
<div class="han-auth-screen han-phone-screen">
|
|
<div class="han-auth-main">
|
|
<div class="han-wordmark" aria-label="HAN">
|
|
<span class="han-wordmark-text">HAN</span>
|
|
<span class="han-wordmark-dot"></span>
|
|
</div>
|
|
<p class="han-brand-subtitle">${msg("authBrandSubtitle")}</p>
|
|
|
|
<div class="han-auth-heading">
|
|
<h1>${msg("phoneWelcome")}</h1>
|
|
<p>${msg("phoneIntro")}</p>
|
|
</div>
|
|
|
|
<form id="kc-phone-form" action="${url.loginAction}" method="post">
|
|
<input type="hidden" name="han_device_id" class="han-device-id" value="${hanDeviceId!""}"/>
|
|
<input type="hidden" name="han_fingerprint" class="han-fingerprint" value="${hanFingerprint!""}"/>
|
|
<input type="hidden" name="han_platform" value="${hanPlatform!"web"}"/>
|
|
<input type="hidden" name="han_os_name" class="han-os-name" value="${hanOsName!""}"/>
|
|
<input type="hidden" name="han_os_version" class="han-os-version" value="${hanOsVersion!""}"/>
|
|
<input type="hidden" name="han_app_version" class="han-app-version" value="${hanAppVersion!""}"/>
|
|
<div class="han-field">
|
|
<label for="phone">${msg("phoneLabel")}</label>
|
|
<input id="phone" name="phone" type="tel" inputmode="numeric" autocomplete="tel"
|
|
placeholder="+7 (___) ___ __ __" required autofocus
|
|
aria-invalid="<#if message?has_content>true<#else>false</#if>"/>
|
|
<p class="han-field-hint">${msg("phoneCountry")}</p>
|
|
</div>
|
|
|
|
<#if captchaEnabled!false>
|
|
<input id="han-captcha-token" name="smart-token" type="hidden" value=""/>
|
|
<div id="han-captcha-container" class="han-captcha"
|
|
data-sitekey="${captchaClientKey!""}"
|
|
data-form-id="kc-phone-form"
|
|
data-submit-id="han-phone-submit"></div>
|
|
<div id="han-captcha-client-error" class="han-error" role="alert" hidden>
|
|
<span class="han-error-icon">!</span>
|
|
<span>${msg("captchaUnavailable")}</span>
|
|
</div>
|
|
</#if>
|
|
|
|
<#if message?has_content>
|
|
<div class="han-error" role="alert">
|
|
<span class="han-error-icon">!</span>
|
|
<span>${kcSanitize(message.summary)?no_esc}</span>
|
|
</div>
|
|
</#if>
|
|
|
|
<button id="han-phone-submit" class="han-primary-button" type="submit" disabled>
|
|
<span>${msg("sendOtp")}</span>
|
|
<span class="han-button-arrow" aria-hidden="true">→</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<p class="han-legal">
|
|
${msg("phoneLegalPrefix")}
|
|
<span>${msg("termsOfUse")}</span>
|
|
${msg("phoneLegalAnd")}
|
|
<span>${msg("privacyPolicy")}</span>
|
|
</p>
|
|
</div>
|
|
<script src="${url.resourcesPath}/js/han-login.js?v=5"></script>
|
|
<#if captchaEnabled!false>
|
|
<script src="https://smartcaptcha.cloud.yandex.ru/captcha.js?render=onload&onload=hanCaptchaOnload"
|
|
async defer></script>
|
|
</#if>
|
|
</#if>
|
|
</@layout.registrationLayout>
|