[Improvement]: Cancel batch processing in object grid (pimcore#13839)

* Cancel batch processing in object grid * Rebase 11.x
michalananapps · Jan 16, 2023 · 14549a8 · 14549a8
1 parent 1cba8d3
commit 14549a8
Showing 1 changed file with 26 additions and 4 deletions.
diff --git a/bundles/AdminBundle/public/js/pimcore/element/helpers/gridColumnConfig.js b/bundles/AdminBundle/public/js/pimcore/element/helpers/gridColumnConfig.js
@@ -628,15 +628,37 @@ pimcore.element.helpers.gridColumnConfig = {
 
             this.batchProgressBar = new Ext.ProgressBar({
                 text: t('initializing'),
-                style: "margin: 10px;",
+                style: "margin-top: 0px;",
                 width: 500
             });
 
+            this.cancelBtn = Ext.create('Ext.Button', {
+                scale: 'small',
+                text: t('cancel'),
+                tooltip: t('cancel'),
+                icon : '/bundles/pimcoreadmin/img/flat-color-icons/cancel.svg',
+                style: 'margin-left:5px;height:30px',
+                handler: () => {
+                    // Stop the batch processing
+                    this.batchJobCurrent = Infinity;
+                }
+            });
+
+            this.progressPanel = Ext.create('Ext.panel.Panel', {
+                layout: {
+                    type: 'hbox',
+                },
+                items: [
+                    this.batchProgressBar,
+                    this.cancelBtn
+                ],
+            });
+
             this.batchProgressWin = new Ext.Window({
                 title: t('batch_operation'),
-                items: [this.batchProgressBar],
+                items: [this.progressPanel],
                 layout: 'fit',
-                width: 400,
+                width: 650,
                 bodyStyle: "padding: 10px;",
                 closable: false,
                 plain: true,
@@ -893,4 +915,4 @@ pimcore.element.helpers.gridColumnConfig = {
         return params;
 
     }
-};
+};