Ajout des fonctionnalités de gestion de progression des cours : vue dédiée pour le toggle des leçons, mise à jour des templates pour afficher la progression, intégration des routes Ajax, styles associés, et ajustements des vues et modèles pour gérer les données utilisateur.
This commit is contained in:
parent
609745a723
commit
ac8ef6894d
8 changed files with 261 additions and 9 deletions
|
|
@ -4,3 +4,22 @@
|
|||
Un cours proposé par <a href="{% url 'another_profile' course.author.id %}">{{ course.author }}</a>
|
||||
</p>
|
||||
<p>{{ course.content }}</p>
|
||||
<strong>Progression pour ce cours</strong>
|
||||
{% if user_progress.percent_completed == 100 %}
|
||||
<div class="course-completed">
|
||||
<div class="container">
|
||||
<div class="icon"><i class="fa-solid fa-check"></i></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="title">Félicitation</div>
|
||||
<div class="content">Tu as terminé(e) ce cours ! Tu peux réellement être fier(e) de toi !!</div>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="progress-container">
|
||||
<div class="progress-bar" style="width: 100%;">
|
||||
<div id="progress-bar-fill" class="progress-bar-fill" style="width: {{ user_progress.percent_completed }}%; height: 100%; transition: width 0.3s;"></div>
|
||||
</div>
|
||||
<div id="progress-text" class="progress-text">{{ user_progress.percent_completed }}%</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue