Updating bumplimit progress on thread update

boards/static/js/thread_update.js

@@ -56,7 +56,6 b' function updateThread() {'
             var bottom = isPageBottom();
 
             var addedPosts = data.added;
-
             for (var i = 0; i < addedPosts.length; i++) {
                 var postText = addedPosts[i];
 
@@ -95,6 +94,8 b' function updateThread() {'
 
             $('#reply-count').text(getReplyCount());
             $('#image-count').text(getImageCount());
+
+            updateBumplimitProgress(data.added.length + data.updated.length);
         })
         .error(function(data) {
             // TODO Show error message that server is unavailable?
@@ -125,3 +126,22 b' function getReplyCount() {'
 function getImageCount() {
     return $('.thread').find('img').length
 }
+
+function updateBumplimitProgress(postDelta) {
+    var progressBar = $('#bumplimit_progress');
+    if (progressBar) {
+        var postsToLimitElement = $('#left_to_limit');
+
+        var oldPostsToLimit = parseInt(postsToLimitElement.text());
+        var postCount = getReplyCount();
+        var bumplimit = postCount - postDelta + oldPostsToLimit;
+
+        var newPostsToLimit = bumplimit - postCount;
+        if (newPostsToLimit < 0) {
+            progressBar.remove();
+        } else {
+            postsToLimitElement.text(newPostsToLimit);
+            progressBar.width((100 - postCount / bumplimit * 100.0) + '%');
+        }
+    }
+}
  No newline at end of file

boards/templates/boards/post.html

@@ -1,6 +1,7 b''
 {% load i18n %}
 {% load board %}
 
+{% spaceless %}
 {% if can_bump %}
     <div class="post" id="{{ post.id }}">
 {% else %}
@@ -66,3 +67,4 b''
     </div>
 {% endif %}
 </div>
+{% endspaceless %}
  No newline at end of file

boards/templates/boards/thread.html

@@ -10,6 +10,7 b''
 {% endblock %}
 
 {% block content %}
+    {% spaceless %}
     {% get_current_language as LANGUAGE_CODE %}
 
     <script src="{% static 'js/thread_update.js' %}"></script>
@@ -18,10 +19,10 b''
     {% cache 600 thread_view thread.id thread.last_edit_time moderator LANGUAGE_CODE %}
         {% if bumpable %}
             <div class="bar-bg">
-                <div class="bar-value" style="width:{{ bumplimit_progress }}%">
+                <div class="bar-value" style="width:{{ bumplimit_progress }}%" id="bumplimit_progress">
                 </div>
                 <div class="bar-text">
-                    {{ posts_left }} {% trans 'posts to bumplimit' %}
+                    <span id="left_to_limit">{{ posts_left }}</span> {% trans 'posts to bumplimit' %}
                 </div>
             </div>
         {% endif %}
@@ -143,6 +144,7 b''
         </div>
     </form>
 
+    {% endspaceless %}
 {% endblock %}
 
 {% block metapanel %}