josh/django-mfa2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update mfa/templates/TrustedDevices/start.html

Browse Source
This commit is contained in:
josh
2024-02-02 15:51:42 +00:00
parent a9ac8e7709
commit e1d2bfa330
1 changed files with 34 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
mfa/templates/TrustedDevices/start.html
View File

@@ -78,21 +78,22 @@
</script> </script>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<br/> <div class="col-lg-8 col-md-8 col-12 mx-auto">
<br/> <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'%}');">
<div class="container"> <span class="mask bg-gradient-primary opacity-6"></span>
<div class="col-md-6 col-md-offset-3" id="two-factor-steps"> </div>
<div class="row" align="center"> <div class="card mx-3 mx-md-4 mt-n6 h-100 z-index-0 fadeIn3 fadeInBottom " >
<h4>Add Trusted Device</h4> <div class="card-header pb-0 p-3">
</div> <h6 class="mb-0">
Add Trusted Device
<div class="row" > </h6>
{% if not_allowed %} </div>
<div class="alert alert-danger">You can't add any more devices, you need to remove previously trusted devices first.</div> <div class="card-body">
{% else %} {% if not_allowed %}
<p style="color: green">Allow access from mobile phone and tables.</p><br/> <div class="alert alert-danger">You can't add any more devices, you need to remove previously trusted devices first.</div>
<br/> {% else %}
</div> <p style="color: green">Allow access from mobile phone and tables.</p><br/>
<br/>
<div class="row"> <div class="row">
<h5>Steps:</h5> <h5>Steps:</h5>
</div> </div>
@@ -101,41 +102,32 @@
<div class="col-md-6"> <div class="col-md-6">
<h5>Using Camera</h5> <h5>Using Camera</h5>
<ol> <ol>
<li>Using your mobile/table, open Chrome/Firefox.</li> <li>Using your mobile/table, open Chrome/Firefox.</li>
<li>Scan the following barcode <br/> <li>Scan the following barcode <br/>
<img id="qr"/> <br/> <img id="qr"/> <br/>
</li> </li>
<li>Confirm the consent and submit form.</li> <li>Confirm the consent and submit form.</li>
</ol> </ol>
</div> </div>
<div class="col-md-6">
<h5>Manual</h5>
<div class="col-md-6"> <ol>
<h5>Manual</h5> <li>Using your mobile/table, open Chrome/Firefox.</li>
<ol> <li>Go to <b>{{ url }}</b>&nbsp;&nbsp;</li>
<li>Using your mobile/table, open Chrome/Firefox.</li> <li>Enter your username & following 6 digits<br/>
<li>Go to <b>{{ url }}</b>&nbsp;&nbsp;</li> <span style="font-size: 16px;font-weight: bold; margin-left: 50px">{{ key|slice:":3" }} - {{ key|slice:"3:" }}</span>
<li>Enter your username & following 6 digits<br/> </li>
<span style="font-size: 16px;font-weight: bold; margin-left: 50px">{{ key|slice:":3" }} - {{ key|slice:"3:" }}</span> <li>Confirm the consent and submit form.</li>
</li>
<li>Confirm the consent and submit form.</li>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-8 offset-2"> This window will ask to confirm the device.
This window will ask to confirm the device.
</div>
</div> </div>
{% endif %} {% endif %}
</div>
</div> </div>
</div>
<br/>
<br/>
<br/>
<br/>
{% include "modal.html" %} {% include "modal.html" %}
{% include 'mfa_check.html' %} {% include 'mfa_check.html' %}
{% endblock %} {% endblock %}