mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-02-13 17:00:05 +00:00
Use info-tab as settings container
This commit is contained in:
parent
0e2fee8260
commit
e8cde31458
onlylegs
|
@ -26,8 +26,6 @@
|
||||||
left: -27rem
|
left: -27rem
|
||||||
|
|
||||||
.info-tab
|
.info-tab
|
||||||
width: 100%
|
|
||||||
|
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
|
|
||||||
|
|
|
@ -14,27 +14,50 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="settings-content" id="profileSettings">
|
<div class="info-tab" id="profileSettings" style="margin: 0.5rem 0.5rem 0 0.5rem">
|
||||||
<h2>Profile Settings</h2>
|
<div class="info-header">
|
||||||
<form method="POST" action="{{ url_for('account_api.account_picture', user_id=current_user.id) }}" enctype="multipart/form-data">
|
<i class="ph ph-info"></i>
|
||||||
<h3>Profile Picture</h3>
|
<h2>Profile Settings</h2>
|
||||||
<input type="file" name="file" tab-index="-1"/>
|
<button class="collapse-indicator"><i class="ph ph-caret-down"></i></button>
|
||||||
<input type="submit" value="Upload" class="btn-block">
|
</div>
|
||||||
</form>
|
<div class="info-table">
|
||||||
|
<form method="POST" action="{{ url_for('account_api.account_picture', user_id=current_user.id) }}" enctype="multipart/form-data">
|
||||||
<form method="POST" action="{{ url_for('account_api.account_username', user_id=current_user.id) }}" enctype="multipart/form-data">
|
<h3>Profile Picture</h3>
|
||||||
<h3>Username</h3>
|
<input type="file" name="file" tab-index="-1"/>
|
||||||
<input type="text" name="name" class="input-block" value="{{ current_user.username }}" />
|
<input type="submit" value="Upload" class="btn-block">
|
||||||
<input type="submit" value="Upload" class="btn-block"/>
|
</form>
|
||||||
</form>
|
<form method="POST" action="{{ url_for('account_api.account_username', user_id=current_user.id) }}" enctype="multipart/form-data">
|
||||||
|
<h3>Username</h3>
|
||||||
|
<input type="text" name="name" class="input-block" value="{{ current_user.username }}" />
|
||||||
|
<input type="submit" value="Upload" class="btn-block"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="settings-content" id="profileSettings">
|
<div class="info-tab" id="profileSettings" style="margin: 0.5rem 0.5rem 0 0.5rem">
|
||||||
<h2>Account Settings</h2>
|
<div class="info-header">
|
||||||
<form method="POST" action="" enctype="multipart/form-data">
|
<i class="ph ph-info"></i>
|
||||||
<h3>Email</h3>
|
<h2>Account Settings</h2>
|
||||||
<input type="text" name="email" class="input-block" value="{{ current_user.email }}" />
|
<button class="collapse-indicator"><i class="ph ph-caret-down"></i></button>
|
||||||
<input type="submit" value="Upload" class="btn-block"/>
|
</div>
|
||||||
</form>
|
<div class="info-table">
|
||||||
|
<form method="POST" action="" enctype="multipart/form-data">
|
||||||
|
<h3>Email</h3>
|
||||||
|
<input type="text" name="email" class="input-block" value="{{ current_user.email }}" />
|
||||||
|
<input type="submit" value="Upload" class="btn-block"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block script %}
|
||||||
|
<script type="text/javascript">
|
||||||
|
let infoTab = document.querySelectorAll('.info-tab');
|
||||||
|
|
||||||
|
for (let i = 0; i < infoTab.length; i++) {
|
||||||
|
infoTab[i].querySelector('.collapse-indicator').addEventListener('click', function() {
|
||||||
|
infoTab[i].classList.toggle('collapsed');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in a new issue