{% extends "base.html" %} {% block title %}{{ image.title }}{% endblock %} {% block content %}

{{ image.title }}

{% load thumbnail %} {% thumbnail image.image "300" as im %} {% endthumbnail %} {% with total_likes=image.users_like.count users_like=image.users_like.all %}
{{ total_likes }} polubień
{{ image.description|linebreaks }}
{% for user in image.users_like.all %}

{{ user.first_name }}

{% empty %} Jeszcze nikt nie polubił obrazu. {% endfor %}
{% endwith %} {% endblock %} {% block domready %} $('a.like').click(function(e){ e.preventDefault(); $.post('{% url "images:like" %}', { id: $(this).data('id'), action: $(this).data('action') }, function(data){ if (data['status'] == 'ok') { var previous_action = $('a.like').data('action'); // Zmiana wartości atrybutu data-action. $('a.like').data('action', previous_action == 'like' ? 'unlike' : 'like'); // Zmiana tekstu wyświetlanego przez łącze. $('a.like').text(previous_action == 'lubię' ? 'Nie lubię' : 'Lubię'); // Uaktualnienie całkowitej liczby polubienia danego obrazu. var previous_likes = parseInt($('span.count .total'). text()); $('span.count .total').text(previous_action == 'like' ? previous_likes + 1 : previous_likes - 1); } } ); }); {% endblock %}