nopaque/app/templates/profile/profile_page.html.j2

79 lines
3.3 KiB
Plaintext
Raw Normal View History

2022-11-29 15:46:33 +00:00
{% extends "base.html.j2" %}
{% import "materialize/wtf.html.j2" as wtf %}
{% block page_content %}
<div class="container">
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<div class="row">
<div class="col s1"></div>
2022-12-05 08:40:02 +00:00
<div class="col s4">
{% if user.avatar %}
<img src="{{ url_for('profile.avatar_download', avatar_id=user.avatar.id) }}" alt="user-image" class="circle responsive-img">
2022-11-30 13:36:42 +00:00
{% else %}
2022-12-05 08:40:02 +00:00
<img src="{{ url_for('static', filename='images/user_avatar.png') }}" alt="user-image" class="circle responsive-img">
2022-11-30 13:36:42 +00:00
{% endif %}
2022-11-29 15:46:33 +00:00
</div>
<div class="col s7">
2022-12-05 08:40:02 +00:00
<h3>{{ user.username }}</h3>
<div class="chip">Last seen: {{ user.last_seen.strftime('%Y-%m-%d %H:%M') }}</div>
{% if user.location %}
<p><span class="material-icons" style="margin-right:20px; margin-top:20px;">location_on</span><i>{{ user.location }}</i></p>
2022-11-30 13:36:42 +00:00
{% endif %}
2022-11-29 15:46:33 +00:00
<p></p>
<br>
2022-12-05 08:40:02 +00:00
{% if user.about_me%}
2022-11-30 13:36:42 +00:00
<div class="card">
<div class="card-content">
<span class="card-title">About me</span>
2022-12-05 08:40:02 +00:00
<p>{{ user.about_me }}</p>
2022-11-30 13:36:42 +00:00
</div>
</div>
{% endif %}
2022-11-29 15:46:33 +00:00
</div>
</div>
<div class="row">
<div class="col s1"></div>
<div class="col s6">
2022-11-30 13:36:42 +00:00
<table>
2022-12-05 08:40:02 +00:00
{% if user.full_name %}
2022-11-30 13:36:42 +00:00
<tr>
<td><span class="material-icons">person</span></td>
2022-12-05 08:40:02 +00:00
<td>{{ user.full_name }} </td>
2022-11-30 13:36:42 +00:00
</tr>
{% endif %}
2022-12-05 08:40:02 +00:00
{% if user.email %}
2022-11-30 13:36:42 +00:00
<tr>
<td><span class="material-icons">email</span></td>
2022-12-05 08:40:02 +00:00
<td>{{ user.email }}</td>
2022-11-30 13:36:42 +00:00
</tr>
{% endif %}
2022-12-05 08:40:02 +00:00
{% if user.website %}
2022-11-30 13:36:42 +00:00
<tr>
<td><span class="material-icons">laptop</span></td>
2022-12-05 08:40:02 +00:00
<td><a href="{{ user.website }}">{{ user.website }}</a></td>
2022-11-30 13:36:42 +00:00
</tr>
{% endif %}
2022-12-05 08:40:02 +00:00
{% if user.organization %}
2022-11-30 13:36:42 +00:00
<tr>
<td><span class="material-icons">business</span></td>
2022-12-05 08:40:02 +00:00
<td>{{ user.organization }}</td>
2022-11-30 13:36:42 +00:00
</tr>
{% endif %}
</table>
<br>
2022-12-05 08:40:02 +00:00
<p><i>Member since: {{ user.member_since.strftime('%Y-%m-%d') }}</i></p>
2022-11-30 13:36:42 +00:00
<p></p>
<br>
2022-12-05 08:40:02 +00:00
<a class="waves-effect waves-light btn-small" href="{{ url_for('profile.edit_profile') }}">Edit profile</a>
2022-11-29 15:46:33 +00:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock page_content %}