VCST-2186: context menu won't disappear after deletion (#756)

fix: Resolve the issue of the context menu not disappearing after deletion for product assets. (#756) feat: Added confirmation dialog before deleting operation for product assets. (#756) feat: Added confirmation dialog before deleting operation for product images. (#756)
VirtoCommerce · Nov 15, 2024 · 57f3d88 · 57f3d88
1 parent 7235a85
commit 57f3d88
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 14 deletions.
diff --git a/src/VirtoCommerce.CatalogModule.Web/Scripts/blades/images.js b/src/VirtoCommerce.CatalogModule.Web/Scripts/blades/images.js
@@ -53,7 +53,17 @@ angular.module('virtoCommerce.catalogModule')
                 $scope.removeItem = function(image) {
                     var idx = blade.currentEntities.indexOf(image);
                     if (idx >= 0) {
-                        blade.currentEntities.splice(idx, 1);
+                        var dialog = {
+                            id: "confirmDeleteItem",
+                            title: "platform.dialogs.folders-delete.title",
+                            message: "platform.dialogs.folders-delete.message",
+                            callback: function (remove) {
+                                if (remove) {
+                                    blade.currentEntities.splice(idx, 1);
+                                }
+                            }
+                        }
+                        dialogService.showConfirmationDialog(dialog);
                     }
                 };
 
@@ -77,13 +87,22 @@ angular.module('virtoCommerce.catalogModule')
                         selectedImages = $scope.gridApi.selection.getSelectedRows();
                     }
 
-                    angular.forEach(selectedImages,
-                        function(image) {
-                            var idx = blade.currentEntities.indexOf(image);
-                            if (idx >= 0) {
-                                blade.currentEntities.splice(idx, 1);
+                    var dialog = {
+                        id: "confirmDeleteItem",
+                        title: "platform.dialogs.folders-delete.title",
+                        message: "platform.dialogs.folders-delete.message",
+                        callback: function (remove) {
+                            if (remove) {
+                                angular.forEach(selectedImages, function (image) {
+                                    var idx = blade.currentEntities.indexOf(image);
+                                    if (idx >= 0) {
+                                        blade.currentEntities.splice(idx, 1);
+                                    }
+                                });
                             }
-                        });
+                        }
+                    }
+                    dialogService.showConfirmationDialog(dialog);
                 };
 
                 $scope.edit = function(entity) {

diff --git a/src/VirtoCommerce.CatalogModule.Web/Scripts/blades/item-asset-list.js b/src/VirtoCommerce.CatalogModule.Web/Scripts/blades/item-asset-list.js
@@ -1,5 +1,6 @@
 angular.module('virtoCommerce.catalogModule')
-    .controller('virtoCommerce.catalogModule.itemAssetController', ['$scope', '$translate', 'platformWebApp.bladeNavigationService', '$filter', 'platformWebApp.uiGridHelper', '$timeout', 'platformWebApp.settings', function ($scope, $translate, bladeNavigationService, $filter, uiGridHelper, $timeout, settings) {
+    .controller('virtoCommerce.catalogModule.itemAssetController', ['$scope', '$translate', 'platformWebApp.bladeNavigationService', '$filter', 'platformWebApp.uiGridHelper', '$timeout', 'platformWebApp.settings', 'platformWebApp.dialogService',
+        function ($scope, $translate, bladeNavigationService, $filter, uiGridHelper, $timeout, settings, dialogService) {
         var blade = $scope.blade;
         blade.headIcon = 'fa fa-chain';
 
@@ -165,7 +166,17 @@ angular.module('virtoCommerce.catalogModule')
         $scope.removeItem = function (image) {
             var idx = blade.currentEntities.indexOf(image);
             if (idx >= 0) {
-                blade.currentEntities.splice(idx, 1);
+                var dialog = {
+                    id: "confirmDeleteItem",
+                    title: "platform.dialogs.folders-delete.title",
+                    message: "platform.dialogs.folders-delete.message",
+                    callback: function (remove) {
+                        if (remove) {
+                            blade.currentEntities.splice(idx, 1);
+                        }
+                    }
+                }
+                dialogService.showConfirmationDialog(dialog);
             }
         };
 
@@ -179,12 +190,22 @@ angular.module('virtoCommerce.catalogModule')
                 selectedImages = $scope.gridApi.selection.getSelectedRows();
             }
 
-            angular.forEach(selectedImages, function (image) {
-                var idx = blade.currentEntities.indexOf(image);
-                if (idx >= 0) {
-                    blade.currentEntities.splice(idx, 1);
+            var dialog = {
+                id: "confirmDeleteItem",
+                title: "platform.dialogs.folders-delete.title",
+                message: "platform.dialogs.folders-delete.message",
+                callback: function (remove) {
+                    if (remove) {
+                        angular.forEach(selectedImages, function (image) {
+                            var idx = blade.currentEntities.indexOf(image);
+                            if (idx >= 0) {
+                                blade.currentEntities.splice(idx, 1);
+                            }
+                        });
+                    }
                 }
-            });
+            }
+            dialogService.showConfirmationDialog(dialog);
         };
 
         initialize(blade.item);