99 - Long user watch list causes page loading issues (#6514)

* 99 - Long user watch list causes page loading issues
* Added pagination to view and template

* Ensure ordering is also by id

kitsune/users/jinja2/users/edit_watches.html

@@ -30,6 +30,7 @@ <h1 class="sumo-page-heading">{{ title }}</h1>
       <button class="sumo-button primary-button button-lg" type="submit">{{ _('Update') }}</button>
     </div>
   </form>
+  {{ watch_list|paginator }}
 {% else %}
   <p>{{ _('You are not currently watching anything.') }}</p>
 {% endif %}

kitsune/users/views.py

@@ -290,7 +290,7 @@ def edit_contribution_area(request):
 @require_http_methods(["GET", "POST"])
 def edit_watch_list(request):
     """Edit watch list"""
-    watches = Watch.objects.filter(user=request.user).order_by("content_type")
+    watches = Watch.objects.filter(user=request.user).order_by("content_type", "id")
 
     watch_list = []
     for item in watches:
@@ -302,6 +302,8 @@ def edit_watch_list(request):
             else:
                 watch_list.append(item)
 
+    watch_list = paginate(request, watch_list)
+
     if request.method == "POST":
         for item in watch_list:
             item.is_active = "watch_%s" % item.id in request.POST