Display number of selected items on button

misago/static/misago/js/misago-posts.js

@@ -120,10 +120,23 @@ $(function() {
   function PostsMassActions() {
 
     var $form = $('#posts-actions');
+    var $btn = $form.find('.mass-controller');
+
+    var btn_label = $btn.html();
 
     // handle moderation form
     var select_items_message = $('#posts-actions').data('select-items-message');
 
+    function update_btn_label() {
+      var selected_items = $('.post-check.active').length;
+
+      if (selected_items > 0) {
+        $btn.html(btn_label + "(" + selected_items + ")");
+      } else {
+        $btn.html(btn_label);
+      }
+    }
+
     $('.post-check').each(function() {
 
       var $check = $(this);
@@ -140,10 +153,13 @@ $(function() {
         } else {
           $checkbox.prop("checked", false);
         }
+
+        update_btn_label();
         return false;
       });
 
     });
+    update_btn_label();
 
     $form.find('li button').click(function() {
       if ($(this).data('confirmation')) {

misago/static/misago/js/misago-threads-lists.js

@@ -3,9 +3,22 @@ function threadsMassActions() {
   var $form = $('#threads-actions');
   var $master = $('.master-checkbox');
   var $threads = $('.table-panel .list-group-item');
+  var $btn = $form.find('.mass-controller');
+
+  var btn_label = $btn.html();
 
   var select_items_message = $form.data('select-items-message');
 
+  function update_btn_label() {
+    var selected_items = $threads.filter('.active').length;
+
+    if (selected_items > 0) {
+      $btn.html(btn_label + "(" + selected_items + ")");
+    } else {
+      $btn.html(btn_label);
+    }
+  }
+
   $form.find('li button').click(function() {
     if ($(this).data('confirmation')) {
       var confirmation = confirm($(this).data('confirmation'));
@@ -27,6 +40,8 @@ function threadsMassActions() {
       $threads.find('.thread-check input').prop("checked", true);
       $master.addClass('active');
     }
+
+    update_btn_label();
   });
 
   $threads.each(function() {
@@ -54,9 +69,12 @@ function threadsMassActions() {
         $row.removeClass('active');
         $master.removeClass('active');
       }
+
+      update_btn_label();
       return false;
     });
   });
+  update_btn_label();
 
   $form.submit(function() {
     if ($threads.filter('.active').length == 0) {