Правки по лайкам

apps/course/templates/course/_items.html

@@ -1,35 +1,29 @@
 {% load static %}
 {% load data_liked from data_liked %}
 
-<div 
-  class="courses__item" 
-  data-course data-course-id={{ course.id }} 
-  data-likes-count={{ course.likes.count }}
-  {% data_liked user course as liked %}
-  {% if liked %}
-  data-liked=1
-  {% else %}
-  data-liked=0
-  {% endif %}
-  {% if course.is_deferred_start %}data-future-course data-future-course-time={{ course.deferred_start_at.timestamp }}{% endif %}
-  >
+<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 %}">
-    <img class="courses__pic" src="{{ course.cover.url }}" />
+    <img class="courses__pic" src="{{ course.cover.url }}"/>
     <div class="courses__view">Подробнее</div>
     {% if course.is_featured %}
-    <div class="courses__label courses__label_fav"></div>
+      <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 %}
+  {% endif %}
   </a>
   <div class="courses__details">
-    <a class="courses__theme theme {{ theme_color }}" href="{% url 'courses' %}?category={{ course.category.title }}">{{ course.category | upper }}</a>
+    <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>
+      <div class="courses__price">{{ course.price|floatformat:"-2" }}$</div>
     {% endif %}
   </div>
   <a class="courses__title" href="{% url 'course' course.id %}">{{ course.title }}</a>
@@ -37,21 +31,30 @@
   </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 %}
+      {% 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">
       <div class="user__name">{{ course.author.get_full_name }}</div>
       <div class="user__meta">
         <div class="user__date">{{ course.created_at_humanize }}</div>
-        <a class="user__likes likes" data-course-likes data-course-likes-count="{{ course.likes.count }}" data-course-id="{{ course.id }}" href="#">
+        {% data_liked user course as liked %}
+        <a class="user__likes likes{% if liked %} active{% 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">