added UIkit markup for login winix function

This commit is contained in:
Tomasz Sowa 2021-01-21 17:13:27 +01:00
parent a16e82bf54
commit d29b33532d
3 changed files with 96 additions and 36 deletions

View File

@ -1,47 +1,92 @@
<div class="winix">
<h1>{login_header}</h1>
[if user_logged]
<p>{logged_as_long}: [user_name]<br>
<a href="[doc_base_url][if dir_can_read_exec][dir][if any item_is item_can_read][item_url]/[end][else]/[end]logout">{logout}</a></p>
<div class="uk-width-large uk-padding-small">
<h1>{login_header}</h1>
<p class="uk-margin-top">
{login_currently_logged_as} <strong>[user_name]</strong>
</p>
<div class="uk-margin-top">
<a href="[doc_base_url][if dir_can_read_exec][dir][if any item_is item_can_read][item_url]/[end][else]/[end]logout" class="uk-button uk-button-primary uk-border-pill uk-width-small">{login_logout_button}</a>
</div>
</div>
[else]
[if not ipban_is_login_allowed_from_this_ip]
<p>{login_cannot_login_from_this_ip}<br>
{login_cannot_login_available} [ipban_current_ip_expires_time]</p>
<div class="uk-width-1-1 uk-padding-small uk-alert-danger">
<p>{login_cannot_login_from_this_ip}<br>
{login_cannot_login_available} [ipban_current_ip_expires_time]</p>
</div>
[else]
<form method="post" action="[login_path]login">
<div class="winix_input_b">
<input type="text" name="login">
</div>
<div class="uk-width-medium uk-padding-small">
<!-- login -->
<form class="toggle-class" action="[login_path]login" method="POST">
<fieldset class="uk-fieldset">
<div class="uk-margin-small">
<div class="uk-inline uk-width-1-1">
<span class="uk-form-icon uk-form-icon-flip" data-uk-icon="icon: user"></span>
<input class="uk-input uk-border-pill" required placeholder="{login_username}" type="text" name="login">
</div>
</div>
<div class="uk-margin-small">
<div class="uk-inline uk-width-1-1">
<span class="uk-form-icon uk-form-icon-flip" data-uk-icon="icon: lock"></span>
<input class="uk-input uk-border-pill" required placeholder="{login_password}" type="password" name="password">
</div>
</div>
<div class="winix_input_b">
<input type="password" name="password">
</div>
[if login_should_use_captcha]
<div class="uk-margin-small">
<div class="uk-inline uk-width-1-1">
<span class="uk-form-icon uk-form-icon-flip" data-uk-icon="icon: lifesaver"></span>
<input class="uk-input uk-border-pill" required placeholder="{rebus_how_is_it} [rebus_question]?" type="text" name="rebus">
</div>
</div>
[end]
<div class="winix_input_b">
<input id="winix_login_rememberme_id" type="checkbox" name="rememberme">
<label for="winix_login_rememberme_id">{remember_me}</label>
</div>
<div class="uk-margin-small">
<label><input class="uk-checkbox" type="checkbox" name="rememberme"> {login_remember_me}</label>
</div>
<div class="uk-margin-bottom">
<button type="submit" class="uk-button uk-button-primary uk-border-pill uk-width-1-1">{login_button}</button>
</div>
[if login_should_use_captcha]
<div class="winix_input_a">
<label for="winix_rebus_id">{rebus_how_is_it} [rebus_question]?</label>
<input id="winix_rebus_id" type="text" name="rebus">
[if winix_function_param_is "postredirect"]
<input type="hidden" name="postredirect" value="[winix_function_param_value "postredirect"]">
[end]
</fieldset>
</form>
<!-- /login -->
<!-- recover password -->
<form class="toggle-class" action="#[# not implemented yet]" hidden>
<div class="uk-margin-small">
<div class="uk-inline uk-width-1-1">
<span class="uk-form-icon uk-form-icon-flip" data-uk-icon="icon: mail"></span>
<input class="uk-input uk-border-pill" placeholder="{login_forgot_password_email}" required type="text">
</div>
</div>
<div class="uk-margin-bottom">
<button type="submit" class="uk-button uk-button-primary uk-border-pill uk-width-1-1">{login_forgot_password_button}</button>
</div>
</form>
<!-- /recover password -->
<!-- action buttons -->
<div>
<div class="uk-text-center">
<a class="uk-link-reset uk-text-small toggle-class" data-uk-toggle="target: .toggle-class ;animation: uk-animation-fade">{login_forgot_password_question}</a>
<a class="uk-link-reset uk-text-small toggle-class" data-uk-toggle="target: .toggle-class ;animation: uk-animation-fade" hidden><span data-uk-icon="arrow-left"></span> {login_back_to_login_form}</a>
</div>
</div>
[end]
<input type="submit" value="{button_login}">
[if winix_function_param_is "postredirect"]
<input type="hidden" name="postredirect" value="[winix_function_param_value "postredirect"]">
[end]
</form>
<!-- action buttons -->
</div>
[end]

View File

@ -5,7 +5,6 @@ language = en
charset = UTF-8
logged_as = logged as
logged_as_long = You are logged as
display_guest_name = guest
unknown = unknown
@ -40,7 +39,6 @@ email_sent_to = An email has been sent to:
logout = logout
remember_me = Remember me
home_page = Home page
@ -340,7 +338,16 @@ login_cannot_login_from_this_ip = We are sorry but you cannot login from this IP
#We are sorry but there were too many incorrect login attempts from your IP address.
login_cannot_login_available = The login process will be available since:
login_currently_logged_as = You are logged as:
login_username = Username
login_password = Password
login_remember_me = Remember me
login_button = Log in
login_forgot_password_question = Forgot your password?
login_back_to_login_form = Back to Login
login_forgot_password_email = E-mail
login_forgot_password_button = Change password
login_logout_button = Logout
uptime_header = Uptime
uptime_current_time = current time

View File

@ -6,7 +6,6 @@ language = pl
charset = UTF-8
logged_as = zalogowany jako
logged_as_long = Aktualnie jesteś zalogowany jako
display_guest_name = gość
unknown = nie znany
@ -45,7 +44,6 @@ email_sent_to = Wiadomość została wysłana do:
logout = wyloguj
remember_me = Zapamiętaj mnie
home_page = Strona główna
@ -361,6 +359,16 @@ login_cannot_login_from_this_ip = Przepraszamy ale nie możesz się zalogować z
#Przepraszamy ale z twojego adresu IP było zbyt wiele prób nieprawidłowego logowania.
login_cannot_login_available = Ponowne logowanie będzie możliwe dopiero od:
login_currently_logged_as = Aktualnie jesteś zalogowany jako:
login_username = Użytkownik
login_password = Hasło
login_remember_me = Zapamiętaj mnie
login_button = Zaloguj
login_forgot_password_question = Zapomniałeś hasła?
login_back_to_login_form = Powrót do logowania
login_forgot_password_email = E-mail
login_forgot_password_button = Zmień hasło
login_logout_button = Wyloguj
uptime_header = Czas pracy systemu
uptime_current_time = aktualna godzina