ENGCOM-2711: [Forwardport] Improvements in UI component MassActions #17446

Author: Stanislav Idolov

app/code/Magento/Ui/view/base/web/js/grid/columns/multiselect.js

@@ -229,6 +229,15 @@ define([
             return this;
         },
 
+        /**
+        * Selects or deselects all records on the current page.
+        *
+        * @returns {Multiselect} Chainable.
+        */
+        togglePage: function () {
+            return this.isPageSelected() ? this.deselectPage() : this.selectPage();
+        },
+
         /**
          * Clears the array of not selected records.
          *

app/code/Magento/Ui/view/base/web/js/grid/massactions.js

@@ -175,11 +175,14 @@ define([
          *      invoked if action is confirmed.
          */
         _confirm: function (action, callback) {
-            var confirmData = action.confirm;
+            var confirmData = action.confirm,
+                data = this.getSelections(),
+                total = data.total ? data.total : 0,
+                confirmMessage = confirmData.message + ' (' + total + ' record' + (total > 1 ? 's' : '') + ')';
 
             confirm({
                 title: confirmData.title,
-                content: confirmData.message,
+                content: confirmMessage,
                 actions: {
                     confirm: callback
                 }

app/code/Magento/Ui/view/base/web/templates/grid/columns/multiselect.html

@@ -11,7 +11,7 @@
             data-bind="
                 checked: allSelected(),
                 attr: {id: ++ko.uid},
-                event: { change: toggleSelectAll },
+                event: { change: togglePage },
                 css: { '_indeterminate': indetermine },
                 enable: totalRecords">
         <label attr="for: ko.uid"/>