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

{{ image.title }}

{% load thumbnail %} {% with total_likes=image.users_like.count users_like=image.users_like.all %}
{{ total_likes }} like{{ total_likes|pluralize }} {{ total_views }} view{{ total_views|pluralize }}
{{ image.description|linebreaks }}
{% for user in users_like %}

{{ user.first_name }}

{% empty %} Nobody likes this image yet. {% 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'); // toggle data-action $('a.like').data('action', previous_action == 'like' ? 'unlike' : 'like'); // toggle link text $('a.like').text(previous_action == 'like' ? 'Unlike' : 'Like'); // update total likes var previous_likes = parseInt($('span.count .total').text()); $('span.count .total').text(previous_action == 'like' ? previous_likes + 1 : previous_likes - 1); } } ); }); {% endblock %}