From f8409be50673615f015f63efbe9e1b6962a40328 Mon Sep 17 00:00:00 2001
From: Kenn Jacobsen <post@kennjacobsen.dk>
Date: Wed, 14 Aug 2019 08:50:25 +0200
Subject: [PATCH] Use an Umbraco confirm dialog when deleting groups

(cherry picked from commit f1f9e1742ebf529e18e9f87c22581195c95a4760)
---
 .../users/views/groups/groups.controller.js   | 34 ++++++++++++-------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/users/views/groups/groups.controller.js b/src/Umbraco.Web.UI.Client/src/views/users/views/groups/groups.controller.js
index 9c476103a5..1e51d4585e 100644
--- a/src/Umbraco.Web.UI.Client/src/views/users/views/groups/groups.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/users/views/groups/groups.controller.js
@@ -2,7 +2,7 @@
     "use strict";
 
     function UserGroupsController($scope, $timeout, $location, $filter, userService, userGroupsResource, 
-        formHelper, localizationService, listViewHelper) {
+        formHelper, localizationService, listViewHelper, overlayService) {
 
         var vm = this;
 
@@ -95,18 +95,26 @@
 
             if(vm.selection.length > 0) {
 
-                localizationService.localize("defaultdialogs_confirmdelete")
-                    .then(function(value) {
-
-                        var confirmResponse = confirm(value);
-
-                        if (confirmResponse === true) {
-                            userGroupsResource.deleteUserGroups(_.pluck(vm.selection, "id")).then(function (data) {
-                                clearSelection();
-                                onInit();
-                            }, angular.noop);
-                        }
-
+                localizationService.localizeMany(["general_delete", "defaultdialogs_confirmdelete", "general_cancel", "contentTypeEditor_yesDelete"])
+                    .then(function (data) {
+                        const overlay = {
+                            title: data[0],
+                            content: data[1] + "?",
+                            closeButtonLabel: data[2],
+                            submitButtonLabel: data[3],
+                            submitButtonStyle: "danger",
+                            close: function () {
+                                overlayService.close();
+                            },
+                            submit: function () {
+                                userGroupsResource.deleteUserGroups(_.pluck(vm.selection, "id")).then(function (data) {
+                                    clearSelection();
+                                    onInit();
+                                }, angular.noop);
+                                overlayService.close();
+                            }
+                        };
+                        overlayService.open(overlay);
                     });
 
             }