Run thread update when connecting to websocket to get missed posts if the

browser was closed

boards/static/js/thread_update.js

@@ -29,6 +29,7 b" var wsUser = '';"
 var loading = false;
 var lastUpdateTime = null;
 var unreadPosts = 0;
+var documentOriginalTitle = '';
 
 // Thread ID does not change, can be stored one time
 var threadId = $('div.thread').children('.post').first().attr('id');
@@ -65,6 +66,8 b' function connectWebsocket() {'
             }
         });
 
+        // For the case we closed the browser and missed some updates
+        getThreadDiff();
         $('#autoupdate').text('[+]');
     });
 
@@ -73,6 +76,51 b' function connectWebsocket() {'
     return true;
 }
 
+/**
+ * Get diff of the posts from the current thread timestamp.
+ * This is required if the browser was closed and some post updates were
+ * missed.
+ */
+function getThreadDiff() {
+    var lastPost = threadPosts.last();
+    var threadId = threadPosts.first().attr('id');
+
+    var diffUrl = '/api/diff_thread/' + threadId + '/' + lastUpdateTime + '/';
+
+    lastUpdateTime = $('.metapanel').attr('data-last-update');
+
+    $.getJSON(diffUrl)
+        .success(function(data) {
+            var bottom = isPageBottom();
+            var addedPosts = data.added;
+
+            for (var i = 0; i < addedPosts.length; i++) {
+                var postText = addedPosts[i];
+                var post = $(postText);
+
+                updatePost(post, true)
+
+                lastPost = post;
+            }
+
+            var updatedPosts = data.updated;
+
+            for (var i = 0; i < updatedPosts.length; i++) {
+                var postText = updatedPosts[i];
+                var post = $(postText);
+
+                updatePost(post, false)
+            }
+
+            // TODO Process removed posts if any
+
+            lastUpdateTime = data.last_update;
+        })
+}
+
+/**
+ * Add or update the post on thml page.
+ */
 function updatePost(postHtml, isAdded) {
     // This needs to be set on start because the page is scrolled after posts
     // are added or updated
@@ -110,6 +158,9 b' function updatePost(postHtml, isAdded) {'
     updateMetadataPanel(lastUpdate)
 }
 
+/**
+ * Initiate a blinking animation on a node to show it was updated.
+ */
 function blink(node) {
     var blinkCount = 2;
 
@@ -138,6 +189,10 b' function getImageCount() {'
     return $('.thread').find('img').length
 }
 
+/**
+ * Update post count, images count and last update time in the metadata
+ * panel.
+ */
 function updateMetadataPanel(lastUpdate) {
     var replyCountField = $('#reply-count');
     var imageCountField = $('#image-count');
@@ -178,7 +233,6 b' function updateBumplimitProgress(postDel'
     }
 }
 
-var documentOriginalTitle = '';
 /**
  * Show 'new posts' text in the title if the document is not visible to a user
  */

boards/views/thread.py

@@ -2,7 +2,6 b' from django.core.urlresolvers import rev'
 from django.db import transaction
 from django.http import Http404
 from django.shortcuts import get_object_or_404, render, redirect
-from django.views.decorators.cache import never_cache, cache_control
 from django.views.generic.edit import FormMixin
 
 from boards import utils, settings
@@ -39,7 +38,6 b" MODE_NORMAL = 'normal'"
 
 class ThreadView(BaseBoardView, PostMixin, FormMixin):
 
-    @cache_control(no_cache=True)
     def get(self, request, post_id, mode=MODE_NORMAL, form=None):
         try:
             opening_post = Post.objects.filter(id=post_id).only('thread_new')[0]