src/education/templates/education/course_detail.html

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