Mercurial > libervia-templates
diff sat_templates/templates/bulma/login/login.html @ 230:0e69b5843c2f
theme: bulma theme first draft:
This theme uses the Bulma CSS framework, Brython to handle the menu on touch devices, and
Sass to customize Bulma. CSS default fallbacks are disabled as Bulma uses its own naming
conventions, and default fallbacks would lead to hard to debug conflicts.
`common.js` has been slightly improved to handle custom classed in `tab_select`
The theme is not complete yet, but it is functional.
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 19 May 2020 00:02:34 +0200 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sat_templates/templates/bulma/login/login.html Tue May 19 00:02:34 2020 +0200 @@ -0,0 +1,65 @@ +{% if not embedded %}{% extends 'base/base.html' %}{% endif %} +{% import 'input/form.html' as form with context %} +{% import 'input/field.html' as field with context %} + +{% block title %}{{C.APP_NAME}} login{% endblock %} + +{% block body %} +{{ icon_defs('group') }} +<section class="section"> + <div class="columns is-vcentered is-centered"> + <div class="column is-narrow is-hidden-touch"> + <img src="{{media_path}}libervia/register_left.png"> + </div> + <div class="column is-narrow"> + {% block login_right_top %}{% endblock %} + {% if login_error is defined %} + {# error messages displayed in case of failing attempt to login #} + <article class="message is-danger"> + <div class="message-body"> + {% block login_error_message %} + {% if login_error == S_C.PROFILE_AUTH_ERROR %} + {%- trans %}Your login and/or password is incorrect. Please try again.{% endtrans -%} + {% elif login_error == S_C.XMPP_AUTH_ERROR %} + {%- trans %}Your XMPP account failed to connect. Did you enter the good password? If you have changed your XMPP password since your last connection on Libervia, please use another SàT frontend to update your profile.{% endtrans -%} + {% elif login_error == S_C.NO_REPLY %} + {%- trans %}Did not received a reply (the timeout expired or the connection is broken).{% endtrans -%} + {% else %} + {%- trans %}An unknown error occurred, please contact your service administrator.{% endtrans -%} + {% endif %} + {% endblock login_error_message %} + </div> + </article> + {% endif %} + + <div id="login_form"> + {% block login_form %} + {% call form.form() %} + {{ field.meta('type', 'login') }} + {{ field.text("login", _("Login"), + required=true, + value=login, + icon_left="person", + )}} + {{ field.password("password", _("Password"), + required=not empty_password_allowed, + icon_left="key") }} + {{ field.submit(_("Log in")) }} + {% endcall %} + {% endblock login_form %} + </div> + </div> + </div> +</section> +{% if register_url is defined %} + <section class="section"> + <article class="message is-info"> + <div class="message-body has-text-centered has-text-weight-bold"> + <p> + <a href="{{register_url}}">{% trans %}No account yet? Create a new one!{% endtrans %}</a> + </p> + </div> + </article> + </section> +{% endif %} +{% endblock body %}