rearrange settings page

This commit is contained in:
deflax 2024-04-05 15:42:48 +03:00
parent 35235aa29c
commit 4bc158c28b

View file

@ -3,25 +3,25 @@
{% block title %}Edit Profile{% endblock %}
{% block page_content %}
<div class="row">
{% block sidebar %}
<div class="col-md-4">
<div class="row">
{% block sidebar %}
<div class="col-md-4">
<div class="row">
<div class="col-md-12">
{% include "/settings/acc_avatar.html" %}
</div>
<div class="col-md-12">
{% include "/settings/acc_info.html" %}
</div>
<div class="col-md-12">
{% include "/settings/acc_avatar.html" %}
</div>
<div class="col-md-12">
{% include "/settings/acc_info.html" %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
<div class="col-md-8">
<div class="panel panel-default">
<div class="panel-heading">Profile Info</div>
<div class="panel-body">
<form method="POST" action="{{ url_for('settings.profile') }}">
<div class="col-md-8">
<div class="panel panel-default">
<div class="panel-heading">Profile Info</div>
<div class="panel-body">
<form method="POST" action="{{ url_for('settings.profile') }}">
<p>
{{ form.name.label }}<br />{{ form.name(style="width: 80%;") }}<br />
{% for error in form.name.errors %}
@ -67,33 +67,27 @@
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">2-Factor Authentication</div>
<div class="panel-body">
<div class="panel panel-default">
<div class="panel-heading">2-Factor Authentication</div>
<div class="panel-body">
<p>
<p>1. Please install <a href="https://fedorahosted.org/freeotp/">FreeOTP</a> on your mobile device. <a href="https://itunes.apple.com/us/app/freeotp/id872559395">iTunes</a> | <a href="https://play.google.com/store/apps/details?id=org.fedorahosted.freeotp">Google Play</a><br />
2. Scan using the application your QR code.<br />
<input type="button" value="Show your QR code" onclick="window.open('{{ url_for('auth.qrcode') }}','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"><br />
<input type="button" value="Show your QR code" onclick="window.open('{{ url_for('auth.qrcode') }}','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"><br />
3. After the code is properly loaded in the FreeOTP app, you may activate the 2FA login with the following checkbox:</p>
{{ form.twofactor }} {{ form.twofactor.label }}<br />
</p>
</div>
</div>
</div>
</div>
<p>
{{ form.csrf_token() }}
{{ form.submit }}
</p>
</div>
</div>
</div>
{% endblock %}