Functional settings menu plus sass stuff apparently?

This commit is contained in:
Michał Gdula 2023-09-27 11:32:39 +01:00
parent 1a59e413a9
commit 317c875cf0
22 changed files with 256 additions and 153 deletions

View file

@ -17,9 +17,7 @@
<meta name="twitter:description" content="{{ config.WEBSITE_CONF.motto }}">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap">
<link href="https://api.fontshare.com/v2/css?f[]=switzer@101,600,701,800,501,601,900,100,700,901,400,201,401,200,300,301,801,500&display=swap" rel="stylesheet">
<!-- phosphor icons -->
<script src="https://unpkg.com/@phosphor-icons/web"></script>
@ -130,6 +128,10 @@
<script type="text/javascript">
keepSquare();
{% for message in get_flashed_messages() %}
addNotification('{{ message[0] }}', {{ message[1] }});
{% endfor %}
const times = document.querySelectorAll('.time');
for (let i = 0; i < times.length; i++) {
// Remove milliseconds
@ -191,10 +193,6 @@
}
}
}
{% for message in get_flashed_messages() %}
addNotification('{{ message[0] }}', {{ message[1] }});
{% endfor %}
</script>
{% block script %}{% endblock %}

View file

@ -29,7 +29,7 @@
{% block header %}
<div class="banner">
{% if user.banner %}
<img src="{{ url_for('static', filename='icon.png') }}" alt="Profile Banner" onload="imgFade(this)" style="opacity:0;"/>
<img src="{{ url_for('api.media', path='banner/' + user.banner) }}" alt="Profile Banner" onload="imgFade(this)" style="opacity:0;"/>
{% else %}
<img src="{{ url_for('static', filename='banner.png') }}" alt="Profile Banner" onload="imgFade(this)" style="opacity:0;"/>
{% endif %}

View file

@ -22,15 +22,20 @@
<i class="ph ph-caret-down collapse-indicator"></i>
</summary>
<form method="POST" action="{{ url_for('api.account_picture', user_id=current_user.id) }}" enctype="multipart/form-data">
<form method="POST" action="{{ url_for('settings.account_picture') }}" enctype="multipart/form-data">
<h3>Profile Picture</h3>
<input type="file" name="file" tab-index="-1"/>
<input type="submit" value="Upload" class="btn-block">
<button type="submit" class="btn-block">Change Profile Picture</button>
</form>
<form method="POST" action="{{ url_for('api.account_username', user_id=current_user.id) }}" enctype="multipart/form-data">
<form method="POST" action="{{ url_for('settings.account_banner') }}" enctype="multipart/form-data">
<h3>Profile Banner</h3>
<input type="file" name="file" tab-index="-1"/>
<button type="submit" class="btn-block">Change Profile Banner</button>
</form>
<form method="POST" action="{{ url_for('settings.account_username') }}" 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"/>
<button type="submit" class="btn-block">Change Username</button>
</form>
</details>
@ -40,10 +45,27 @@
<i class="ph ph-caret-down collapse-indicator"></i>
</summary>
<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>
<form method="POST" action="{{ url_for('settings.account_email') }}" enctype="multipart/form-data">
<h3>Email</h3>
<input type="text" name="email" class="input-block" value="{{ current_user.email }}" />
<input type="password" name="current" class="input-block" placeholder="Current Password" />
<button type="submit" class="btn-block">Change Email</button>
</form>
<form method="POST" action="{{ url_for('settings.account_password') }}" enctype="multipart/form-data">
<h3>Password</h3>
<input type="password" name="current" class="input-block" placeholder="Current Password" />
<input type="password" name="password" class="input-block" placeholder="New Password" />
<input type="password" name="confirm" class="input-block" placeholder="Confirm Password" />
<button type="submit" class="btn-block">Change Password</button>
</form>
</details>
<details open>
<summary>
<i class="ph ph-info"></i><h2>Server</h2><span style="width: 100%"></span>
<i class="ph ph-caret-down collapse-indicator"></i>
</summary>
<p>Nothing here :3</p>
</details>
{% endblock %}