mirror of
https://github.com/simple-login/app.git
synced 2024-11-16 17:08:30 +01:00
add warning message for social login options.
This commit is contained in:
Son NK
parent
7e1c403b84
commit
8d6988da16
2 changed files with 95 additions and 66 deletions
|
|
@ -30,50 +30,53 @@
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<form class="card" method="post">
|
<div class="card">
|
||||||
{{ form.csrf_token }}
|
<form method="post">
|
||||||
<div class="card-body p-6">
|
{{ form.csrf_token }}
|
||||||
<div class="form-group">
|
<div class="card-body p-6">
|
||||||
<label class="form-label">Email address</label>
|
<div class="form-group">
|
||||||
{{ form.email(class="form-control", type="email") }}
|
<label class="form-label">Email address</label>
|
||||||
{{ render_field_errors(form.email) }}
|
{{ form.email(class="form-control", type="email") }}
|
||||||
</div>
|
{{ render_field_errors(form.email) }}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">
|
<label class="form-label">
|
||||||
Password
|
Password
|
||||||
<a href="{{ url_for('auth.forgot_password') }}" class="float-right small">
|
<a href="{{ url_for('auth.forgot_password') }}" class="float-right small">
|
||||||
I forgot my password
|
I forgot my password
|
||||||
</a>
|
</a>
|
||||||
</label>
|
</label>
|
||||||
{{ form.password(class="form-control", type="password") }}
|
{{ form.password(class="form-control", type="password") }}
|
||||||
{{ render_field_errors(form.password) }}
|
{{ render_field_errors(form.password) }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- TODO: add remember me
|
<!-- TODO: add remember me
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
<input type="checkbox" class="custom-control-input"/>
|
<input type="checkbox" class="custom-control-input"/>
|
||||||
<span class="custom-control-label">Remember me</span>
|
<span class="custom-control-label">Remember me</span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="form-footer">
|
<div class="form-footer">
|
||||||
<button type="submit" class="btn btn-primary btn-block">Log in</button>
|
<button type="submit" class="btn btn-primary btn-block">Log in</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="text-center text-muted mb-6">
|
||||||
|
Don't have an account yet? <a href="{{ url_for('auth.register') }}">Sign up</a>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="text-center text-muted">
|
|
||||||
Don't have an account yet? <a href="{{ url_for('auth.register') }}">Sign up</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body p-6">
|
<div class="card-body p-6">
|
||||||
<div class="card-title text-center">OR</div>
|
<div class="card-title text-center">Or with social login
|
||||||
|
</div>
|
||||||
|
|
||||||
<a href="{{ url_for('auth.github_login', next=next_url) }}"
|
<a href="{{ url_for('auth.github_login', next=next_url) }}"
|
||||||
class="btn btn-block btn-social btn-github">
|
class="btn btn-block btn-social btn-github">
|
||||||
|
|
@ -90,8 +93,19 @@
|
||||||
<i class="fa fa-facebook"></i> Sign in with Facebook
|
<i class="fa fa-facebook"></i> Sign in with Facebook
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="text-center p-3" style="font-size: 12px; font-weight: light; margin: auto">
|
||||||
|
|
||||||
|
We don't use the Facebook/Google SDK to avoid their trackers. <br>
|
||||||
|
|
||||||
|
However when using a social login button, please keep in mind that this social network will <b>know</b> that
|
||||||
|
you are using SimpleLogin.
|
||||||
|
|
||||||
|
<span class="badge badge-warning">Warning</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -18,51 +18,55 @@
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<form class="card" method="post">
|
<div class="card">
|
||||||
{{ form.csrf_token }}
|
<form method="post">
|
||||||
<div class="card-body p-6">
|
{{ form.csrf_token }}
|
||||||
<div class="form-group">
|
<div class="card-body p-6">
|
||||||
<label class="form-label">How should we call you?</label>
|
<div class="form-group">
|
||||||
{{ form.name(class="form-control") }}
|
<label class="form-label">How should we call you?</label>
|
||||||
{{ render_field_errors(form.name) }}
|
{{ form.name(class="form-control") }}
|
||||||
</div>
|
{{ render_field_errors(form.name) }}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Email address</label>
|
<label class="form-label">Email address</label>
|
||||||
{{ form.email(class="form-control", type="email") }}
|
{{ form.email(class="form-control", type="email") }}
|
||||||
{{ render_field_errors(form.email) }}
|
{{ render_field_errors(form.email) }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Password</label>
|
<label class="form-label">Password</label>
|
||||||
{{ form.password(class="form-control", type="password") }}
|
{{ form.password(class="form-control", type="password") }}
|
||||||
{{ render_field_errors(form.password) }}
|
{{ render_field_errors(form.password) }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- TODO: add terms
|
<!-- TODO: add terms
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
<input type="checkbox" class="custom-control-input"/>
|
<input type="checkbox" class="custom-control-input"/>
|
||||||
<span class="custom-control-label">Agree the <a href="terms.html">terms and policy</a></span>
|
<span class="custom-control-label">Agree the <a href="terms.html">terms and policy</a></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="form-footer">
|
<div class="form-footer">
|
||||||
<button type="submit" class="btn btn-primary btn-block">Create your SimpleLogin account</button>
|
<button type="submit" class="btn btn-primary btn-block">Create your SimpleLogin account</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="text-center text-muted mb-6">
|
||||||
|
Already have account? <a href="{{ url_for('auth.login') }}">Sign in</a>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="text-center text-muted">
|
|
||||||
Already have account? <a href="{{ url_for('auth.login') }}">Sign in</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body p-6">
|
<div class="card-body p-6">
|
||||||
<div class="card-title text-center">OR</div>
|
<div class="card-title text-center">Or with social login</div>
|
||||||
|
|
||||||
<a href="{{ url_for('auth.github_login', next=next_url) }}"
|
<a href="{{ url_for('auth.github_login', next=next_url) }}"
|
||||||
class="btn btn-block btn-social btn-github">
|
class="btn btn-block btn-social btn-github">
|
||||||
|
|
@ -80,6 +84,17 @@
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="text-center p-3" style="font-size: 12px; font-weight: light; margin: auto">
|
||||||
|
|
||||||
|
We don't use the Facebook/Google SDK to avoid their trackers. <br>
|
||||||
|
|
||||||
|
However when using a social login button, please keep in mind that this social network will <b>know</b> that
|
||||||
|
you are using SimpleLogin.
|
||||||
|
|
||||||
|
<span class="badge badge-warning">Warning</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue