62 lines
3.2 KiB
HTML
62 lines
3.2 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
{% block head %}
|
|
|
|
<script src="{% static 'mfa/js/u2f-api.js' %}" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
function addToken() {
|
|
data=JSON.parse('{{ token|safe }}')
|
|
console.log(data)
|
|
u2f.register(data.appId,data.registerRequests,data.registeredKeys,function (response) {
|
|
$.ajax({
|
|
"url":"{% url 'bind_u2f' %}",method:"POST",
|
|
data:{"csrfmiddlewaretoken":"{{ csrf_token }}","response":JSON.stringify(response)},
|
|
success:function (data) {
|
|
if (data =='OK')
|
|
$("#res").html("<div class='alert alert-success'>Your device is registered successfully, <a href='{{redirect_html}}'> {{reg_success_msg}}</a></div>")
|
|
else if (data == "RECOVERY")
|
|
{
|
|
setTimeout(function (){location.href="{% url 'manage_recovery_codes' %}"},2500)
|
|
$("#res").html("<div class='alert alert-success'>Your device is registered successfully, but <a href='{% url 'manage_recovery_codes' %}'>redirecting to {{ RECOVERY_METHOD }} method</a></div>")
|
|
}
|
|
else
|
|
$("#res").html("<div class='alert alert-danger'>Registration failed, please <a href='javascript:void(0)' onclick='addToken()'>try again</a> or <a href='{% url 'mfa_home' %}'> Go to Security Home</a></div>")
|
|
},
|
|
error: function (data)
|
|
{
|
|
$("#res").html("<div class='alert alert-danger'>Registration failed, please <a href='javascript:void(0)' onclick='addToken()'>try again</a> or <a href='{% url 'mfa_home' %}'> Go to Security Home</a></div>")
|
|
}
|
|
})
|
|
},5000)
|
|
}
|
|
$(document).ready(addToken())
|
|
|
|
</script>
|
|
{% endblock %}
|
|
{% block content %}
|
|
<div class="col-lg-8 col-md-8 col-12 mx-auto">
|
|
<div class="page-header min-height-300 border-radius-xl mt-4" style="background-repeat: no-repeat; background-position: cover; background-size:contain; background-image: url('{% static 'img/keys.jpg'%}');">
|
|
<span class="mask bg-gradient-primary opacity-6"></span>
|
|
</div>
|
|
<div class="card mx-3 mx-md-4 mt-n6 h-100 z-index-0 fadeIn3 fadeInBottom " >
|
|
<div class="card-body">
|
|
<br/>
|
|
<br/>
|
|
<div class="container">
|
|
|
|
<div id="two-factor-steps">
|
|
<div id="res"></div>
|
|
<div class="row" align="center">
|
|
<h4>Adding {{ method.name}}</h4>
|
|
</div>
|
|
<div class="row" align="center">
|
|
<p style="color: green">Your secure Key should be flashing now, please press on button.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
{% include "modal.html" %}
|
|
{% endblock %} |