Prevent double click errors when editing compositions

src/Umbraco.Web.UI.Client/src/common/directives/components/umbgroupsbuilder.directive.js

@@ -17,6 +17,7 @@
       scope.sortableOptionsGroup = {};
       scope.sortableOptionsProperty = {};
       scope.sortingButtonKey = "general_reorder";
+      scope.compositionsButtonState = "init";
 
       function activate() {
 
@@ -337,6 +338,7 @@
         })), function(f) {
             return f !== null && f !== undefined;
         });
+        scope.compositionsButtonState = "busy";
         $q.all([
             //get available composite types
             availableContentTypeResource(scope.model.id, [], propAliasesExisting).then(function (result) {
@@ -356,6 +358,7 @@
         ]).then(function() {
             //resolves when both other promises are done, now show it
             editorService.open(scope.compositionsDialogModel);
+            scope.compositionsButtonState = "init";
         });
 
       };

src/Umbraco.Web.UI.Client/src/views/components/umb-groups-builder.html

@@ -14,7 +14,8 @@
                 icon="icon-merge"
                 action="openCompositionsDialog()"
                 size="xs"
-                add-ellipsis="true">
+                add-ellipsis="true"
+                state="compositionsButtonState">
             </umb-button>
 
             <umb-button