Fonction "list" de la vue des cours rennommée en "list_courses" pour éviter des erreurs de nommage. Ajout de boutons de navigation (suivant et précédent) pour les vidéos.

This commit is contained in:
mrtoine 2025-12-12 10:56:46 +01:00
parent c70c5574cd
commit 22e19033ff
5 changed files with 42 additions and 7 deletions

View file

@ -21,6 +21,26 @@
{% if lesson.video_id %}
{% if not lesson.is_premium %}
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/{{ lesson.video_id }}?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="1"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<div class="videoNav" style="display:flex; justify-content:space-between; gap:12px; margin:12px 0 20px 0;">
<div>
{% if prev_lesson %}
<a class="btn btn-secondary" href="{% url 'courses:lesson_detail' course.slug prev_lesson.module.slug prev_lesson.slug %}">
← Vidéo précédente
</a>
{% else %}
<span class="btn btn-secondary" aria-disabled="true" style="opacity:.5; pointer-events:none;">← Vidéo précédente</span>
{% endif %}
</div>
<div>
{% if next_lesson %}
<a class="btn btn-primary" href="{% url 'courses:lesson_detail' course.slug next_lesson.module.slug next_lesson.slug %}">
Vidéo suivante →
</a>
{% else %}
<span class="btn btn-primary" aria-disabled="true" style="opacity:.5; pointer-events:none;">Vidéo suivante →</span>
{% endif %}
</div>
</div>
{% else %}
{% if not user.profile.is_premium %}
<div class="alert premium-lock" role="note" aria-live="polite">
@ -47,7 +67,6 @@
{% endif %}
{% endif %}
{{ lesson.content|safe }}
</article>
<h3 id="comments">Commentaires</h3>
<div class="lessonComments">
{% if comments %}
@ -229,8 +248,9 @@
});
})();
</script>
</div>
</div>
</div> <!-- /.lessonComments -->
</div> <!-- /.lesson -->
</div> <!-- /.lessonInline -->
{% endif %}
</li>
{% endfor %}