ElixirVault/www/system-brs-core/sys/sysUsersLogin/tmpl/login.twig

76 lines
3.9 KiB
Twig

<div class="content sysUserLogin{% if SESSION_EXPIRED_LOGIN %} session_exp_login{% endif %}">
<div class="content-inside">
<div id="form" style="visibility: hidden;">
{% if BROWSER_FAIL %}
<div id="browser-error" class="remove-to-fadein">
<div>
<div class="block">
<p>
{{BROWSER_FAIL.error}}&nbsp;
{% if BROWSER_FAIL.browsers and BROWSER_FAIL.browsers|length > 0 %}
{{ dt.gM("System login will fail!") }}
<br/>{{ dt.gM("Supported browsers:") }}&nbsp;
{% for k,v in BROWSER_FAIL.browsers %}{% if v['s_check'] is empty %}{% if not loop.first %}, {% endif %}<b>{% if v['link'] %}<a href="{{v['link']}}" target="_blank">{{k}}</a>{% else %}{{k}}{% if v['show_v'] %}&nbsp;{{v['v']}}{% endif %}{% endif %}</b>{% endif %}{% endfor %}
{% else %}
<br> <b>{{ dt.gM("System login will fail!") }}</b>
{% endif %}
</p>
</div>
</div>
</div>
{% else %}
<form id="frm_input">
<span class="v">v{{VERS}}</span>
<h1 style="font-size: 45px;text-transform: uppercase;">{{ BRAND_NAME }}</h1>
<h3>{{ dt.gM("BRSystems IT Solutions") }}</h3><br/>
<input id="action" type="hidden" value="login">
<div class="form-group">
<div class="input-icon validate">
<input id="user_login" data-validator="user_login" class="fe" type="text" placeholder="{{ dt.gM("Username") }}">
{% if SESSION_EXPIRED_LOGIN %}<input id="user_flogin" data-validator="user_flogin" type="hidden" value="1">{% endif %}
</div>
</div>
<div class="form-group">
<div class="input-icon validate">
<input id="user_password" data-validator="user_password" class="le" type="password" placeholder="{{ dt.gM("Password") }}">
</div>
</div>
<button type="submit" class="btn ">{{ dt.gM("Sign in") }}</button>
<div id="ju-loading-screen" class="style-fix custom-embed-loader" style="display:none;">
<div class="sk-double-bounce">
<div class="sk-child sk-double-bounce1"></div>
<div class="sk-child sk-double-bounce2"></div>
</div>
{#<div class="sk-wave">#}
{#<div class="sk-rect sk-rect1"></div>#}
{#<div class="sk-rect sk-rect2"></div>#}
{#<div class="sk-rect sk-rect3"></div>#}
{#<div class="sk-rect sk-rect4"></div>#}
{#<div class="sk-rect sk-rect5"></div>#}
{#</div>#}
</div>
</form>
{% endif %}
</div>
</div>
</div>
<footer class="footer"></footer>
{#<div class="container">#}
{# HEADER MSG #}
{#<img src="/img/pub/assets/custom/images/signin-logo.png" alt="{{ dt.gM("Sign in from") }} logo" class="img-fluid">#}
{#<p class="font-20 semi-font fables-main-text-color mt-4 mb-4 mb-lg-5">{{ dt.gM("Sign in from") }}</p>#}
{# ERROR MSG #}
{#<div class="status_error" style="display: none">{{ dt.gM("The username or password is incorrect!") }}</div>#}
{#<div class="status_ok" style="display: none">{{ dt.gM("Congratulations, you have successfully logged in!") }}</div>#}
{# SIGN IN FORM #}
{#</div>#}