You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
3.1 KiB
78 lines
3.1 KiB
{% load static %}
|
|
{% load data_liked from data_liked %}
|
|
|
|
<div
|
|
class="courses__item"
|
|
data-course data-course-id={{ course.id }}
|
|
{% if course.is_deferred_start %}data-future-course data-future-course-time={{ course.deferred_start_at.timestamp }}{% endif %}
|
|
>
|
|
<a class="courses__preview" href="{% url 'course' course.id %}?next={{ request.get_full_path }}">
|
|
{% if course.cover %}
|
|
<img class="courses__pic" src="{{ course.cover.url }}"/>
|
|
{% else %}
|
|
<img class="courses__pic" src="{% static 'img/no_cover.png' %}"/>
|
|
{% endif %}
|
|
<div class="courses__view">Подробнее</div>
|
|
{% if course.is_featured %}
|
|
<div class="courses__label courses__label_fav"></div>
|
|
{% endif %} {% if course.is_deferred_start %}
|
|
<div class="courses__soon">
|
|
<div class="courses__left">Курс начнется:</div>
|
|
<div class="courses__time">{{ course.deferred_start_at_humanize }}</div>
|
|
</div>
|
|
<div class="courses__label courses__label_clock"></div>
|
|
{% endif %}
|
|
</a>
|
|
<div class="courses__details">
|
|
<a class="courses__theme theme {{ theme_color }}"
|
|
href="{% url 'courses' %}?category={{ course.category.title }}">{{ course.category | upper }}</a>
|
|
{% if not course.is_free %}
|
|
<div class="courses__price">{{ course.price|floatformat:"-2" }}₽</div>
|
|
{% endif %}
|
|
</div>
|
|
<a class="courses__title" href="{% url 'course' course.id %}?next={{ request.get_full_path }}">{{ course.title }}</a>
|
|
<div class="courses__content">{{ course.short_description }}
|
|
</div>
|
|
<div class="courses__user user">
|
|
<a href="{% url 'user' course.author.id %}">
|
|
{% if course.author.photo %}
|
|
<div class="user__ava ava">
|
|
<img class="ava__pic" src="{{ course.author.photo.url }}"/>
|
|
</div>
|
|
{% else %}
|
|
<div class="user__ava ava">
|
|
<img class="ava__pic" src="{% static 'img/user.jpg' %}"/>
|
|
</div>
|
|
{% endif %}
|
|
</a>
|
|
<div class="user__info">
|
|
<a href="{% url 'user' course.author.id %}" class="link--black">
|
|
<div class="user__name">{{ course.author.get_full_name }}</div>
|
|
</a>
|
|
<div class="user__meta">
|
|
<div class="user__date">{{ course.created_at_humanize }}</div>
|
|
{% data_liked user course as liked %}
|
|
<a class="user__likes likes{% if liked %} active{% endif %}"
|
|
{% if not user.is_authenticated %}data-popup=".js-popup-auth"{% endif %}
|
|
data-course-likes
|
|
{% if liked %}
|
|
data-liked=1
|
|
{% else %}
|
|
data-liked=0
|
|
{% endif %}
|
|
data-course-likes-count="{{ course.likes.count }}"
|
|
data-course-id="{{ course.id }}" href="#">
|
|
<div class="likes__counter">{{ course.likes.count }}</div>
|
|
<div class="likes__icon">
|
|
<svg class="icon icon-like">
|
|
<use xlink:href="{% static 'img/sprite.svg' %}#icon-like"></use>
|
|
</svg>
|
|
<svg class="icon icon-like-fill">
|
|
<use xlink:href="{% static 'img/sprite.svg' %}#icon-like-fill"></use>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |