Migrate user group copy to FormBuilderDialogInteraction

Author: BurntimeX

ts/WoltLabSuite/Core/Acp/Component/User/Group/Copy.ts

@@ -20,7 +20,7 @@ async function handleFormBuilderDialogAction(
   interactionEffect: InteractionEffect = InteractionEffect.ReloadItem,
   detail: Payload,
 ): Promise<void> {
-  const { ok } = await dialogFactory().usingFormBuilder().fromEndpoint(endpoint);
+  const { ok, result } = await dialogFactory().usingFormBuilder().fromEndpoint<Payload>(endpoint);
 
   if (!ok) {
     return;
@@ -32,6 +32,7 @@ async function handleFormBuilderDialogAction(
         bubbles: true,
         detail: {
           ...detail,
+          ...result,
           _reloadPage: String(interactionEffect === InteractionEffect.ReloadPage),
         },
       }),
@@ -41,6 +42,7 @@ async function handleFormBuilderDialogAction(
       new CustomEvent<Payload>("interaction:invalidate-all", {
         detail: {
           ...detail,
+          ...result,
         },
       }),
     );
@@ -50,6 +52,7 @@ async function handleFormBuilderDialogAction(
         bubbles: true,
         detail: {
           ...detail,
+          ...result,
         },
       }),
     );

ts/WoltLabSuite/Core/Component/Interaction/FormBuilderDialog.ts

@@ -1,12 +1,6 @@
 {include file='header' pageTitle='wcf.acp.group.'|concat:$action}
 
 <script data-relocate="true">
-	{if $action == 'edit' && $group->canCopy()}
-		require(['WoltLabSuite/Core/Acp/Component/User/Group/Copy'], ({ init }) => {
-			init();
-		});
-	{/if}
-
 	$(function() {
 		{if $action === 'add' && $isBlankForm}
 			elBySelAll('.jsBbcodeSelectOptionHtml input[type="checkbox"]', undefined, function (checkbox) {
@@ -43,12 +37,20 @@
 					</li>
 				{/if}
 
-				{if $group->canCopy()}
-					<li><button type="button" class="jsButtonUserGroupCopy button" data-endpoint="{link controller="UserGroupCopy" id=$groupID}{/link}">{icon name='copy'} <span>{lang}wcf.acp.group.button.copy{/lang}</span></button></li>
-				{/if}
-
 				<li>
 					{unsafe:$interactionContextMenu->render()}
+					<script data-relocate="true">
+						{
+							const container = document.getElementById('{unsafe:$interactionContextMenu->getContainerID()|encodeJS}');
+							container.addEventListener('interaction:invalidate-all', (event) => {
+								if (event.detail.interaction === 'copy') {
+									setTimeout(() => {
+										window.location.href = event.detail.redirectURL;
+									}, 2000);
+								}
+							});
+						}
+					</script>
 				</li>
 			{/if}
 

wcfsetup/install/files/acp/templates/userGroupAdd.tpl

@@ -89,7 +89,7 @@ private function getForm(): Psr15DialogForm
     {
         $form = new Psr15DialogForm(
             UserGroupCopyAction::class,
-            WCF::getLanguage()->get('wcf.acp.dashboard.configure')
+            WCF::getLanguage()->get('wcf.acp.group.copy')
         );
         $form->appendChildren([
             FormContainer::create('section')

wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Component/User/Group/Copy.js

@@ -2,11 +2,15 @@
 
 namespace wcf\system\interaction\admin;
 
+use wcf\acp\action\UserGroupCopyAction;
 use wcf\data\user\group\UserGroup;
 use wcf\event\interaction\admin\UserGroupInteractionCollecting;
 use wcf\system\event\EventHandler;
 use wcf\system\interaction\AbstractInteractionProvider;
 use wcf\system\interaction\DeleteInteraction;
+use wcf\system\interaction\FormBuilderDialogInteraction;
+use wcf\system\interaction\InteractionEffect;
+use wcf\system\request\LinkHandler;
 
 /**
  * Interaction provider for user groups.
@@ -21,7 +25,16 @@ final class UserGroupInteractions extends AbstractInteractionProvider
     public function __construct()
     {
         $this->addInteractions([
-            new DeleteInteraction("core/users/groups/%s", static fn(UserGroup $group) => $group->isDeletable())
+            new DeleteInteraction("core/users/groups/%s", static fn(UserGroup $group) => $group->isDeletable()),
+            new FormBuilderDialogInteraction(
+                'copy',
+                LinkHandler::getInstance()->getControllerLink(UserGroupCopyAction::class, ['id' => '%s']),
+                'wcf.acp.group.button.copy',
+                static function (UserGroup $group): bool {
+                    return $group->canCopy();
+                },
+                InteractionEffect::ReloadList
+            )
         ]);
 
         EventHandler::getInstance()->fire(

wcfsetup/install/files/js/WoltLabSuite/Core/Component/Interaction/FormBuilderDialog.js

@@ -876,7 +876,8 @@ Sie erreichen das Fehlerprotokoll unter: {link controller='ExceptionLogView' isE
 		<item name="wcf.acp.group.option.user.profile.aboutMeMaxLength"><![CDATA[Maximallänge „Über mich“]]></item>
 		<item name="wcf.acp.group.option.user.profile.canReportContent"><![CDATA[Kann Inhalte melden]]></item>
 		<item name="wcf.acp.group.option.admin.captcha.canManageCaptchaQuestion"><![CDATA[Kann Captcha-Fragen verwalten]]></item>
-		<item name="wcf.acp.group.button.copy"><![CDATA[Benutzergruppe kopieren]]></item>
+		<item name="wcf.acp.group.copy"><![CDATA[Benutzergruppe kopieren]]></item>
+		<item name="wcf.acp.group.button.copy"><![CDATA[Kopieren]]></item>
 		<item name="wcf.acp.group.copy.copyACLOptions"><![CDATA[Objekt-Berechtigungen kopieren]]></item>
 		<item name="wcf.acp.group.copy.copyACLOptions.description"><![CDATA[Berechtigungen, die für bestimmte Objekte wie Labelgruppen gesetzt wurden, werden auch für die neue Benutzergruppe übernommen.]]></item>
 		<item name="wcf.acp.group.copy.copyMembers"><![CDATA[Mitglieder kopieren]]></item>

wcfsetup/install/files/lib/acp/action/UserGroupCopyAction.class.php

@@ -852,7 +852,8 @@ You can access the error log at: {link controller='ExceptionLogView' isEmail=tru
 		<item name="wcf.acp.group.option.user.profile.aboutMeMaxLength"><![CDATA[Maximum About Me Length]]></item>
 		<item name="wcf.acp.group.option.user.profile.canReportContent"><![CDATA[Can report content]]></item>
 		<item name="wcf.acp.group.option.admin.captcha.canManageCaptchaQuestion"><![CDATA[Can manage captcha questions]]></item>
-		<item name="wcf.acp.group.button.copy"><![CDATA[Copy User Group]]></item>
+		<item name="wcf.acp.group.copy"><![CDATA[Copy User Group]]></item>
+		<item name="wcf.acp.group.button.copy"><![CDATA[Copy]]></item>
 		<item name="wcf.acp.group.copy.copyACLOptions"><![CDATA[Copy Object Permissions]]></item>
 		<item name="wcf.acp.group.copy.copyACLOptions.description"><![CDATA[The permissions set for certain objects like label groups will also be set for the new user group.]]></item>
 		<item name="wcf.acp.group.copy.copyMembers"><![CDATA[Copy Members]]></item>