user follower system in django

Question

I am creating a follower system and an unfollow system using django. I have implemented every code and there seems to be no error except from the fact that instead of the initial button to be follow it is actually unfollow and if I click on unfollow nothing happens. below is my code

details.html

{% extends 'base.html' %}
{% load staticfiles %}
{% load thumbnail %}
{% block title %}{{ user.get_full_name }}{% endblock %}
{% block content %}
<h1>{{ user.get_full_name }}</h1> <div class="profile-info">
{% thumbnail user.profile.photo "180x180" crop="100%" as im %} <img src="{{ im.url }}" class="user-detail">
{% endthumbnail %} </div>
{% with total_followers=user.followers.count %} <span class="count">
<span class="total">{{ total_followers }}</span>
follower{{ total_followers|pluralize }} </span>
<a href="#" data-id="{{ user.id }}" data-action="{% if request.user in user.followers.all %}un{% endif %}follow" class="follow button">
 {% if request.user not in user.followers.all %}
 Follow
 {% else %}
 Unfollow
  {% endif %}
</a>
<div  id="post-list" class="image-container">
{% include "axle.html" with objects=user.posts_created.all %}
</div>
{% endwith %}
{% endblock %}

  {% block domready %}
  $('a.follow').click(function(e){
    e.preventDefault();
    $.post('{% url "user_follow" %}',
    {
      id: $(this).data('id'), action: $(this).data('action')
    }, function(data){
          if (data['status'] == 'ok') {
            var previous_action = $('a.follow').data('action');
            // toggle data-action $('a.follow').data('action',
            previous_action == 'follow' ? 'unfollow' : 'follow'); // toggle link text
    $('a.follow').text(
         previous_action == 'follow' ? 'Unfollow' : 'Follow');
    // update total followers
    var previous_followers = parseInt(
    $('span.count .total').text());
    $('span.count .total').text(previous_action == 'follow' ? previous_followers + 1 : previous_followers - 1);
    } }
    ); });
  {% endblock %}

views.py

def user_detail(request, username):
    user = get_object_or_404(User, username=username,is_active=True)
    context = {
        'section': 'people',
        'user': user
    }
    template = 'user/detail.html'
    return render(request, template, context)

model

class Contact(models.Model):
    """docstring for Contact."""
    user_from = models.ForeignKey(User, related_name='rel_from_set')
    user_to = models.ForeignKey(User, related_name='rel_to_set')
    created = models.DateTimeField(auto_now_add=True, db_index=True)

    class Meta:
        ordering = ('-created',)

    def __str__(self):
        return    '{} follows {}'.format(self.user_from, self.user_to)

models.ManyToManyField('self', through=Contact,related_name='followers', symmetrical=False)

maybe the Monkey patch of the ManyToManyField?

Answer 1

You condition is wrong. You are checking if current logged in (session) user in user (which was filtered as a query by username) followers list.

Instead It used be if searched or query user is in the followers of the current logged in user followers list.

Then it should work and it should show you Follow instead of UnFollow.

Or search this way, get list user_from Contact table where from is current logged in user and user_to is querying user in you detail view.

Or In your details view. Search the queried user in logged in user follower list. Put the flag in it. Use that flag in the template to toggle either Follow or UnFollow.

follow_flag = False
query_set = request.user.followers_set.filter(username=user.username)
if query_set.exists():
    follow_flag = True

use that flag in your template.