LilSchool/apps/content/templates/content/contest_work.html

{% extends "templates/lilcity/index.html" %}
{% load rupluralize from plural %}
{% load static %}
{% block title %}Конкурс Lil.School{% endblock title %}
{% block description %}Работа {{ contest_work.child_full_name }}, {{ contest_work.age | rupluralize:"год,года,лет" }}{% endblock description%}
{% block ogdescription %}Работа {{ contest_work.child_full_name }}, {{ contest_work.age | rupluralize:"год,года,лет" }}{% endblock ogdescription %}
{% block ogimage %}http://{{request.META.HTTP_HOST}}{{ contest_work.image.image.url }}{% endblock ogimage %}
{% block head %}
<meta property="og:image:height" content="{{ contest_work.image.image.height }}">
<meta property="og:image:width" content="{{ contest_work.image.image.width }}">
{% endblock head %}

{% block content %}
<div class="section" style="padding-bottom: 25px;">
  <div class="section__center center center_sm">
    <div class="go">
      <a class="go__item" href="{% url 'contest' contest_work.contest.slug %}">
        <div class="go__arrow">
          <svg class="icon icon-arrow-left">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-left"></use>
          </svg>
        </div>
        <div class="go__title">Вернуться к&nbsp;галерее</div>
      </a>
    </div>
  </div>
  <div class="contest-work section__center center center_sm">
    <div class="contest-work__img-wrap">
      <img class="contest-work__img" src="{{ contest_work.image.image.url }}">
    </div>
    <div class="contest-work__info">
      <div class="contest-work__bio">
        <div>{{ contest_work.child_full_name }}</div>
        <div class="contest-work__age">{{ contest_work.age | rupluralize:"год,года,лет" }}</div>
      </div>
      <div class="contest-work__likes">
        <likes obj-type="contest_work" obj-id="{{ contest_work.id }}"
               {% if user_liked %}:user-liked="true"{% endif %} likes="{{ likes_count }}"></likes>
      </div>
    </div>
  </div>
</div>

<div class="section" style="padding: 0;">
  <div class="section__center center center_sm">
    <div class="go">
      {% if prev_contest_work %}
      <a class="go__item" href="{% url 'contest_work' prev_contest_work.id %}">
        <div class="go__arrow">
          <svg class="icon icon-arrow-left">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-left"></use>
          </svg>
        </div>
        <div class="go__title">Предыдущая работа</div>
      </a>
      {% else %}
      <div class="go__item"></div>
      {% endif %}
      {% if next_contest_work %}
      <a class="go__item" href="{% url 'contest_work' next_contest_work.id %}">
        <div class="go__title">Следующая работа</div>
        <div class="go__arrow">
          <svg class="icon icon-arrow-right">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-right"></use>
          </svg>
        </div>
      </a>
      {% else %}
      <div class="go__item"></div>
      {% endif %}
    </div>
  </div>
</div>

<div class="section">
  <div class="section__center center center_sm">
    {% include 'templates/blocks/share.html' with share_object_name='работой' %}
  </div>
</div>

<div class="section section_gray">
  <div class="section__center center center_sm">
    <div class="title">Оставьте комментарий:</div>
    <div class="questions">
      {% if request.user.is_authenticated %}
      <form class="questions__form" method="post" action="{% url 'contest_work_comment' contest_work_id=contest_work.id %}">
        <input type="hidden" name="reply_id">
        <div class="questions__ava ava">
          <img
            class="ava__pic"
          {% if request.user.photo %}
            src="{{ request.user.photo.url }}"
            {% else %}
            src="{% static 'img/user_default.jpg' %}"
          {% endif %}
          >
        </div>
        <div class="questions__wrap">
          <div class="questions__reply-info">В ответ на
            <a href="" class="questions__reply-anchor">этот комментарий</a>.
            <a href="#" class="questions__reply-cancel grey-link">Отменить</a>
          </div>
          <div class="questions__field">
            <textarea class="questions__textarea"></textarea>
          </div>
          <button class="questions__btn btn btn_light">ОТПРАВИТЬ</button>
        </div>
      </form>
      {% else %}
      <div>Только зарегистрированные пользователи могут оставлять комментарии.</div>
      {% endif %}
      <div class="questions__list">
        {% include "templates/blocks/comments.html" with object=contest_work %}
      </div>
    </div>
  </div>
</div>
{% endblock content %}