56 lines
No EOL
2.7 KiB
HTML
56 lines
No EOL
2.7 KiB
HTML
{% extends 'layout.html' %}
|
||
{% block content %}
|
||
<section class="profile-section">
|
||
{% include "../partials/_profile_nav.html" %}
|
||
|
||
<div class="profile-content">
|
||
<div class="profile-grid">
|
||
<div class="profile-card" id="about">
|
||
<h3>À propos</h3>
|
||
<ul class="profile-about-list">
|
||
<li><strong>Pseudo</strong> : {{ user.username }}</li>
|
||
<li><strong>Nom complet</strong> : {{ user.profile.first_name }} {{ user.profile.last_name }}</li>
|
||
<li><strong>Email</strong> : {{ user.email }}</li>
|
||
<li><strong>Inscription</strong> : {{ user.date_joined|date:"j F Y" }}</li>
|
||
</ul>
|
||
{% if user.profile.biography %}
|
||
<p class="profile-bio-body">{{ user.profile.biography }}</p>
|
||
{% else %}
|
||
<p class="profile-bio-body muted">Ajoutez une bio pour présenter votre parcours.</p>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<div class="profile-card">
|
||
<h3>Mes cours</h3>
|
||
{% with progress_list=latest_progress %}
|
||
{% if progress_list %}
|
||
<ul class="profile-courses">
|
||
{% for p in progress_list %}
|
||
{% with course=p.course %}
|
||
<li>
|
||
<a href="{% url 'courses:show' course_id=course.id course_name=course.slug %}">
|
||
<img src="/{{ course.thumbnail }}" alt="{{ course.name }}" class="course-thumb-mini">
|
||
<span>{{ course.name }}</span>
|
||
</a>
|
||
<div class="muted small">Progression: {{ p.percent_completed }}%</div>
|
||
</li>
|
||
{% endwith %}
|
||
{% endfor %}
|
||
</ul>
|
||
<div class="text-right">
|
||
<a class="btn btn-secondary btn-sm" href="{% url 'user_courses' %}">Voir tous mes cours</a>
|
||
</div>
|
||
{% else %}
|
||
<p class="muted">Aucun cours suivi pour le moment.</p>
|
||
{% endif %}
|
||
{% endwith %}
|
||
</div>
|
||
|
||
<div class="profile-card">
|
||
<h3>Activité</h3>
|
||
<p class="muted">Le fil d’activité arrive bientôt.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{% endblock %} |