Subscribe/unsubscribe thread by ajax

boards/static/js/thread.js

@@ -133,6 +133,21 b' function showQuoteButton() {'
     }
 }
 
+function attachAjaxToForms() {
+    var forms = $('form.ajax-form');
+    forms.each(function() {
+        var form = $(this);
+        var options = {
+            success: function(response, statusText, xhr, f) {
+                afterForm(form, $.parseJSON(response));
+            },
+            url: form.attr('action') + '?ajax'
+        };
+
+        form.ajaxForm(options);
+    });
+}
+
 $(document).ready(function() {
     $('body').on('mouseup', function() {
         showQuoteButton();
@@ -140,4 +155,6 b' function showQuoteButton() {'
     $("#quote-button").click(function() {
         addQuickQuote();
     })
+
+    attachAjaxToForms();
 });

boards/templates/boards/thread_normal.html

@@ -13,18 +13,39 b''
 
     <div class="tag_info">
         <h2>
-            <form action="{% url 'thread' opening_post.id %}" method="post" class="post-button-form">
+            <form action="{% url 'thread' opening_post.id %}" method="post" class="post-button-form ajax-form">
                 {% csrf_token %}
                 {% if is_favorite %}
-                    <button id="thread-fav-button" name="method" value="unsubscribe" class="fav">★</button>
+                    <input type="hidden" name="method" value="unsubscribe" />
+                    <button id="thread-fav-button" class="fav">★</button>
                 {% else %}
-                    <button id="thread-fav-button" name="method" value="subscribe" class="not_fav">★</button>
+                    <input type="hidden" name="method" value="subscribe" />
+                    <button id="thread-fav-button" class="not_fav">★</button>
                 {% endif %}
             </form>
             {{ opening_post.get_title_or_text }}
         </h2>
     </div>
 
+    <script>
+        function afterForm(form, data) {
+            if (data.status == 'success') {
+                var button = form.children('button');
+                var newMethod;
+                if (data.fav == 'true') {
+                    button.addClass('fav');
+                    button.removeClass('not_fav');
+                    newMethod = 'unsubscribe';
+                } else {
+                    button.addClass('not_fav');
+                    button.removeClass('fav');
+                    newMethod = 'subscribe';
+                }
+                form.children('input[name=method]').attr('value', newMethod);
+            }
+        }
+    </script>
+
     {% if bumpable and thread.has_post_limit %}
         <div class="bar-bg">
             <div class="bar-value" style="width:{{ bumplimit_progress }}%" id="bumplimit_progress">

boards/views/thread/thread.py

@@ -1,5 +1,6 b''
+import json
 from django.core.exceptions import ObjectDoesNotExist
-from django.http import Http404
+from django.http import Http404, HttpResponse
 from django.shortcuts import get_object_or_404, render, redirect
 from django.urls import reverse
 from django.utils.decorators import method_decorator
@@ -74,9 +75,13 b' class ThreadView(BaseBoardView, FormMixi'
             raise Http404
 
         if PARAMETER_METHOD in request.POST:
-            self.dispatch_method(request, opening_post)
+            result = self.dispatch_method(request, opening_post)
 
-            return redirect('thread', post_id)  # FIXME Different for different modes
+            ajax = 'ajax' in request.GET
+            if ajax:
+                return HttpResponse(content=json.dumps(result))
+            else:
+                return redirect('thread', post_id)  # FIXME Different for different modes
 
         if not opening_post.get_thread().is_archived():
             form = PostForm(request.POST, request.FILES,
@@ -112,9 +117,19 b' class ThreadView(BaseBoardView, FormMixi'
         settings_manager = get_settings_manager(request)
         settings_manager.add_or_read_fav_thread(opening_post)
 
+        return {
+            'status': 'success',
+            'fav': 'true'
+        }
+
     def unsubscribe(self, request, opening_post):
         settings_manager = get_settings_manager(request)
         settings_manager.del_fav_thread(opening_post)
 
+        return {
+            'status': 'success',
+            'fav': 'false'
+        }
+
     def get_rss_url(self, opening_id):
         return reverse('thread', kwargs={'post_id': opening_id}) + 'rss/'