src/education/templates/education/course_detail.html

   1 {% extends 'base.html' %}
   2 {% load i18n %}
   3
   4
   5 {% block main %}
   6   <div class="l-section">
   7     <div class="l-author__header">
   8       <h1>
   9         {{ object.title }}
  10       </h1>
  11     </div>
  12   </div>
  13
  14   <div class="l-section">
  15     <div class="l-books__header">
  16       <div class="l-books__input">
  17         <i class="icon icon-filter"></i>
  18         <input type="text" placeholder="{% trans 'filtry, tytuł' %}" class="quick-filter" data-for="book-list">
  19       </div>
  20     </div>
  21   </div>
  22
  23   <div class="l-section l-section--col">
  24     <div class="l-books__grid" id="book-list">
  25       {% for item in object.item_set.all %}
  26         <article class="l-books__item">
  27           <figure class="l-books__item__img book-container book-container-{{ book.pk }}" style="height:120px" data-book="{{ book.pk }}">
  28             <a href="https://www.youtube.com/watch?v={{ item.youtube_id }}" target="_blank">
  29               <img src="https://i.ytimg.com/vi/{{ item.youtube_id }}/mqdefault.jpg" />
  30             </a>
  31           </figure>
  32           <h2><a href="https://www.youtube.com/watch?v={{ item.youtube_id }}" target="_blank">
  33             {{ item.title }}</a></h2>
  34         </article>
  35       {% endfor %}
  36     </div>
  37   </div>
  38 {% endblock %}