Add "Followers" tab to the user profile view

project/accounts/templates/accounts/user_followers.html

@@ -0,0 +1,40 @@
+{% extends "base.html" %}
+{% load static %}
+{% load i18n %}
+
+{% block extra_css %}
+<link type="text/css" rel="stylesheet/less" href="{% static 'less/utils.less' %}"/>
+{% endblock extra_css %}
+
+{% block content %}
+  <div class="followers-total">
+    <div>
+      {% blocktranslate %}
+        {{ profile.followers.count }} Followers
+      {% endblocktranslate %}
+    </div>
+  </div>
+  {% for followers in profile.followers.all %}
+    <div class="col s12 m6">
+      <div class="user-chip chip white">
+        <div class="user-chip-contents">
+          <a href="/profile/{{ followers.user.username }}/">
+            <img src="{{ followers.profile_image_url }}" alt="{{ followers.user.username }}">
+            @{{ followers.user.username }}
+          </a>
+        </div>
+      </div>
+    </div>
+  {% empty %}
+    <div class="section no-state">
+      <div class="container">
+        <div class="section">
+          <div class="center title-lato grey-text">
+            {% translate "No followers" %}
+          </div>
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+
+{% endblock content %}

project/accounts/urls.py

@@ -8,6 +8,7 @@
     ProfileUnfollow,
     RegisterView,
     SettingsView,
+    UserFollowers,
     ProfileFollowing,
     UserProfileView,
     UserCivis,
@@ -34,6 +35,11 @@
     path(
         "profile/<str:username>/follow", ProfileFollow.as_view(), name="profile-follow"
     ),
+    path(
+        "profile/<str:username>/followers",
+        UserFollowers.as_view(),
+        name="user-followers",
+    ),
     path(
         "profile/<str:username>/unfollow",
         ProfileUnfollow.as_view(),

project/accounts/views.py

@@ -188,6 +188,22 @@ def get(self, request, username=None):
         )
 
 
+
+class UserFollowers(LoginRequiredMixin, View):
+    """A view that shows the followers for authorized users"""
+
+    def get(self, request, username=None):
+        profile = get_object_or_404(Profile, user__username=username)
+
+        return TemplateResponse(
+            request,
+            "user_followers.html",
+            {
+                "profile": profile,
+            },
+        )
+
+
 class ProfileFollowing(LoginRequiredMixin, View):
     """
     A view that shows list of profiles
@@ -199,13 +215,16 @@ def get(self, request, username=None):
 
         return TemplateResponse(
             request,
+
             "profile_following.html",
+
             {
                 "profile": profile,
             },
         )
 
 
+
 class UserCivis(LoginRequiredMixin, View):
     """
     A view that shows list of civis
@@ -224,6 +243,7 @@ def get(self, request, username=None):
         )
 
 
+
 @login_required
 def expunge_user(request):
     """