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:
parent
c70c5574cd
commit
22e19033ff
5 changed files with 42 additions and 7 deletions
|
|
@ -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&autopause=0&player_id=0&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 %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue