101 lines
3.1 KiB
HTML
101 lines
3.1 KiB
HTML
{% extends "templates/web.html" %}
|
|
{% block navbar %}{% endblock %}
|
|
|
|
{% macro email_login_body() -%}
|
|
<div class="input-group">
|
|
<label class="input-label" for="login_email">{{ login_label or _("Email") }}</label>
|
|
<div class="email-field">
|
|
<input type="text" id="login_email" class="input-field"
|
|
placeholder="{% if login_name_placeholder %}{{ login_name_placeholder }}{% else %}{{ _('jane@example.com') }}{% endif %}"
|
|
required autofocus autocomplete="username">
|
|
|
|
<svg class="field-icon email-icon" width="16" height="16" viewBox="0 0 16 16" fill="none"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<use class="es-lock" href="#es-line-email"></use>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<label class="input-label" for="login_password">{{ _("Password") }}</label>
|
|
<div class="password-field">
|
|
<input type="password" id="login_password" class="input-field" placeholder="•••••"
|
|
autocomplete="current-password" required>
|
|
|
|
<svg class="field-icon password-icon" width="16" height="16" viewBox="0 0 16 16" fill="none"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<use class="es-lock" href="#es-line-lock"></use>
|
|
</svg>
|
|
<span toggle="#login_password" class="toggle-password">{{ _('Show') }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
{% if not disable_user_pass_login %}
|
|
<div class="form-actions">
|
|
<a href="#forgot" class="link-btn">{{ _("Forgot Password?") }}</a>
|
|
</div>
|
|
{% endif %}
|
|
{% endmacro %}
|
|
|
|
{% block head_include %}
|
|
<link rel="stylesheet" href="/assets/nexus/css/login.css">
|
|
{% endblock %}
|
|
|
|
{% block page_content %}
|
|
<div class="main-container">
|
|
<noscript>
|
|
<div class="text-center my-5">
|
|
<h4>{{ _("Javascript is disabled on your browser") }}</h4>
|
|
<p class="text-muted">
|
|
{{ _("You need to enable JavaScript for your app to work.") }}<br>{{ _("To enable it follow the
|
|
instructions in the following link: {0}").format("<a
|
|
href='https://enable-javascript.com/'>enable-javascript.com</a></p>") }}
|
|
</div>
|
|
</noscript>
|
|
|
|
<!-- Left Side: Form -->
|
|
<div class="left-panel">
|
|
<div class="brand">
|
|
<a href="#" class="brand-link">
|
|
<div class="brand-icon">
|
|
<!-- Your Custom Icon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="m7 7 10 10" />
|
|
<path d="M17 7v10H7" />
|
|
</svg>
|
|
</div>
|
|
Nexus
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Centered Form Area -->
|
|
<div class="form-container">
|
|
<div class="form-header">
|
|
<h1>Welcome back</h1>
|
|
<p>Please enter your credentials to access your account.</p>
|
|
</div>
|
|
|
|
<form class="form-signin form-login" role="form">
|
|
{{ email_login_body() }}
|
|
<button class="btn-primary btn-login" type="submit">
|
|
{{ _("Login") }}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right Side: Image -->
|
|
<div class="right-panel">
|
|
<div class="frame-panel">
|
|
<img src="/assets/nexus/images/bg.png" alt="Abstract Placeholder" class="image-placeholder">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block script %}
|
|
<script>{% include "templates/includes/login/login.js" %}</script>
|
|
{% endblock %}
|
|
|
|
{% block sidebar %}{% endblock %} |