Edited readme, improved frontend

This commit is contained in:
Spitap
2022-08-20 20:52:10 +02:00
parent 43e33c1a12
commit dda23b35cb
2 changed files with 29 additions and 17 deletions

View File

@@ -8,12 +8,20 @@
border-radius: 3px;
padding: 15px;
}
.tokenrow{
margin-top: 10px;
margin-left: 5px;
}
.row{
margin: 0px;
margin: 3px;
}
.crossed{
text-decoration: line-through;
}
.return{
margin: 1px;
}
</style>
<script src="{% static 'mfa/js/qrious.min.js' %}" type="text/javascript"></script>
<script type="text/javascript">
@@ -28,11 +36,11 @@
for (let i = 0; i < data.keys.length; i++) {
if (data.enable[i] == 0)
{
htmlkey +="<pre class='crossed'>" +data.keys[i] + "</pre>" + "<br>"
htmlkey +="<pre class='crossed'>" +data.keys[i] + "</pre>"
}
else
{
htmlkey +="<pre>" +data.keys[i] + "</pre>" + "<br>"
htmlkey +="<pre>" +data.keys[i] + "</pre>"
}
};
document.getElementById('tokens').innerHTML = htmlkey
@@ -41,7 +49,7 @@
};
function confirmRegenerateTokens() {
$("#modal-title").html("Are you sure you want to regenerate your recovery tokens?")
$("#modal-body").html("<button onclick='regenerateTokens()' class='btn btn-success'>Regenerate</button")
$("#modal-body").html("<button onclick='regenerateTokens()' class='btn btn-success'>Regenerate</button>")
$("#popUpModal").modal('show')
}
function regenerateTokens() {
@@ -61,27 +69,30 @@
<br/>
<div class="container d-flex justify-content-center">
<div class="col-md-6 col-md-offset-3" id="two-factor-steps">
<div class="row" align="center">
<div class="row">
<h4>Token List</h4>
</div>
<div id="tokens">
</div>
<div class="row" align="center">
<button onclick="confirmRegenerateTokens()" class="btn btn-default btn-secondary" role="button">Regenarate tokens</button>
<div class="tokenrow" id="tokens">
</div>
<div class="row">
<div align="center" class="alert alert-success" style="display: none" id="return">
<div class="col-md-6" style="padding-left: 0px">
<a href="{{redirect_html}}"> {{reg_success_msg}}</a>
<button onclick="confirmRegenerateTokens()" class="btn btn-success">Regenarate tokens</button>
</div>
<div class="col-md-6" align="right" style="padding-right: 30px">
<a href="{{redirect_html}}" class="btn btn-default btn-secondary" role="button"> {{reg_success_msg}}</a>
</div>
</div>
</div>
</div>
{% include "modal.html" %}