Triplehx3/contentdb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign sign in screen

Browse Source
This commit is contained in:
rubenwardy
2021-02-03 00:56:43 +00:00
parent b5f47b1b73
commit 21cf5b57c1
5 changed files with 76 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
app/templates/users/login.html
View File

@@ -1,64 +1,39 @@
{% extends "base.html" %}
{% block title %}
Sign in
Sign in
{% endblock %}
{% block content %}
<div class="row">
<div class="col-sm-8">
<div class="card">
{% from "macros/forms.html" import render_field, render_checkbox_field, render_submit_field %}
<h2 class="card-header">{%trans%}Sign in{%endtrans%}</h2>
{% block container %}
<main class="text-center pt-5">
{% from "macros/forms.html" import render_field, render_checkbox_field, render_submit_field %}
<form class="signin" method="POST">
{{ form.hidden_tag() }}
<form action="" method="POST" class="form card-body" role="form">
{{ form.hidden_tag() }}
<h1 class="h3 mb-4 font-weight-normal">Sign in</h1>
{# Username or Email field #}
{{ render_field(form.username, tabindex=110) }}
{# Password field #}
{% set field = form.password %}
<div class="form-group {% if field.errors %}has-error{% endif %}">
<label for="{{ field.id }}" class="control-label">{{ field.label.text }}
<a href="{{ url_for('users.forgot_password') }}" tabindex='195'>
[{%trans%}Forgot my password{%endtrans%}]</a>
</label>
{{ field(class_='form-control', tabindex=120) }}
{% if field.errors %}
{% for e in field.errors %}
<p class="help-block">{{ e }}</p>
{% endfor %}
{% endif %}
</div>
{# Remember me #}
{{ render_checkbox_field(form.remember_me, tabindex=130) }}
{# Submit button #}
<p>
{{ render_submit_field(form.submit, tabindex=180) }}
</p>
</form>
</div>
<div class="card mt-4">
<h2 class="card-header">{%trans%}Sign in with Github{%endtrans%}</h2>
<div class="card-body">
<a class="btn btn-primary" href="{{ url_for('github.start') }}">GitHub</a>
{{ render_field(form.username, tabindex=110, label_visible=False, placeholder=_("Username or email")) }}
{{ render_field(form.password, tabindex=120, label_visible=False, placeholder=_("Password")) }}
<div class="row mb-3">
{{ render_checkbox_field(form.remember_me, tabindex=130, class_="col-sm") }}
<a class="col-sm" href="{{ url_for('users.forgot_password') }}">
{{ _("Forgot my password") }}
</a>
</div>
</div>
</div>
{{ render_submit_field(form.submit, tabindex=140, class_="btn btn-lg btn-primary btn-block") }}
<aside class="col-sm-4">
<div class="card">
<h2 class="card-header">{%trans%}New here?{%endtrans%}</h2>
<div class="card-body">
<p>Create an account using your forum account or email.</p>
<hr class="my-5" />
<a href="{{ url_for('users.claim') }}" class="btn btn-primary">{%trans%}Claim your account{%endtrans%}</a>
</div>
</div>
</aside>
</div>
<p>
<a class="btn btn-secondary mr-3" href="{{ url_for('github.start') }}">
<i class="fab fa-github mr-1"></i>
{{ _("GitHub") }}
</a>
<a class="btn btn-secondary" href="{{ url_for('users.claim') }}">
<i class="fas fa-user-plus mr-1"></i>
{{ _("Register") }}
</a>
</p>
</form>
</main>
{% endblock %}