add warning message for social login options.

This commit is contained in:
Son NK 2019-12-22 08:26:20 +00:00
parent 7e1c403b84
commit 8d6988da16
2 changed files with 95 additions and 66 deletions

View file

@ -30,7 +30,8 @@
</div> </div>
{% endif %} {% endif %}
<form class="card" method="post"> <div class="card">
<form method="post">
{{ form.csrf_token }} {{ form.csrf_token }}
<div class="card-body p-6"> <div class="card-body p-6">
<div class="form-group"> <div class="form-group">
@ -65,15 +66,17 @@
</div> </div>
</form> </form>
<div class="text-center text-muted"> <div class="text-center text-muted mb-6">
Don't have an account yet? <a href="{{ url_for('auth.register') }}">Sign up</a> Don't have an account yet? <a href="{{ url_for('auth.register') }}">Sign up</a>
</div> </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,7 +93,18 @@
<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>

View file

@ -18,7 +18,8 @@
<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 method="post">
{{ form.csrf_token }} {{ form.csrf_token }}
<div class="card-body p-6"> <div class="card-body p-6">
<div class="form-group"> <div class="form-group">
@ -54,15 +55,18 @@
</div> </div>
</form> </form>
<div class="text-center text-muted"> <div class="text-center text-muted mb-6">
Already have account? <a href="{{ url_for('auth.login') }}">Sign in</a> Already have account? <a href="{{ url_for('auth.login') }}">Sign in</a>
</div> </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>