Merge pull request #259 from modoboa/feature/select_all_button

Added button to select/unselect all messages

Author: tonioo

modoboa_webmail/static/modoboa_webmail/js/webmail.js

@@ -162,6 +162,7 @@ Webmail.prototype = {
         });
         $document.on('click', '.addcontact', $.proxy(this.addContact, this));
         $document.on('click', '.sort-order', $.proxy(this.sortMessages, this));
+        $document.on('change', '#selectAll', $.proxy(this.toggleSelection, this));
     },
 
     /**
@@ -1507,5 +1508,14 @@ Webmail.prototype = {
         }
         this.navobject.setparam('sort_order', newOrder);
         this.navobject.update(true);
+    },
+
+    /**
+     * Toggle selection state of all emails.
+     */
+    toggleSelection: function(evt) {
+        evt.preventDefault();
+        const value = evt.target.checked;
+        this.htmltable.toggleSelectAll(value);
     }
 };

modoboa_webmail/templates/modoboa_webmail/main_action_bar.html

@@ -3,9 +3,16 @@
 {% load i18n %}
 
 {% block before_menubar %}
-<div class="col-xs-5">
-  {% include "common/email_searchbar.html" with extraopts=extraopts %}
-</div>
+  <div class="col-xs-5" style="display: flex">
+    <input
+        class="hidden-xs"
+        type="checkbox" id="selectAll" name="selectAll" style="margin-right: 10px"
+        title="{% translate "Toggle selection" %}"
+    />
+    <div style="flex: 1">
+      {% include "common/email_searchbar.html" with extraopts=extraopts %}
+    </div>
+  </div>
 {% endblock %}
 
 {% block menubar_classes %}col-xs-7{% endblock %}