[Example] Add custom toolbar action to form view

assets/admin/app.js

@@ -1 +1,5 @@
 // Add project specific javascript code and import of additional bundles here:
+import {formToolbarActionRegistry} from 'sulu-admin-bundle/views';
+import GenerateNameToolbarAction from "./formToolbarActions/GenerateNameToolbarAction";
+
+formToolbarActionRegistry.add('app.generate_name', GenerateNameToolbarAction);

assets/admin/formToolbarActions/GenerateNameToolbarAction.js

@@ -0,0 +1,29 @@
+import {translate} from 'sulu-admin-bundle/utils';
+import {AbstractFormToolbarAction} from 'sulu-admin-bundle/views';
+
+const FIRSTNAMES = ['James', 'Mary', 'John', 'Patricia', 'Robert', 'Jennifer', 'Michael', 'Linda']
+const LASTNAMES = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Miller', 'Davis', 'Garcia']
+
+export default class GenerateNameToolbarAction extends AbstractFormToolbarAction {
+    getToolbarItemConfig() {
+        const {allow_overwrite: allowOverwrite = false} = this.options;
+        const formData = this.resourceFormStore.data;
+        const nameAlreadySet = !!formData.firstName || !!formData.lastName;
+
+        return {
+            type: 'button',
+            label: translate('app.generate_name'),
+            icon: 'su-magic',
+            disabled: !allowOverwrite && nameAlreadySet,
+            onClick: this.handleClick,
+        };
+    }
+
+    handleClick = () => {
+        const randomFirstName = FIRSTNAMES[Math.floor(Math.random() * FIRSTNAMES.length)];
+        this.resourceFormStore.change('firstName', randomFirstName);
+
+        const randomLastName = LASTNAMES[Math.floor(Math.random() * LASTNAMES.length)];
+        this.resourceFormStore.change('lastName', randomLastName);
+    };
+}

src/Admin/AppAdmin.php

@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Admin;
+
+use Sulu\Bundle\AdminBundle\Admin\Admin;
+use Sulu\Bundle\AdminBundle\Admin\View\FormViewBuilderInterface;
+use Sulu\Bundle\AdminBundle\Admin\View\ToolbarAction;
+use Sulu\Bundle\AdminBundle\Admin\View\ViewCollection;
+use Sulu\Bundle\ContactBundle\Admin\ContactAdmin;
+
+class AppAdmin extends Admin
+{
+    public function configureViews(ViewCollection $viewCollection): void
+    {
+        if ($viewCollection->has('sulu_contact.contact_add_form.details')) {
+            /** @var FormViewBuilderInterface $contactAddFormViewBuilder */
+            $contactAddFormViewBuilder = $viewCollection->get('sulu_contact.contact_add_form.details');
+            $contactAddFormViewBuilder->addToolbarActions([
+                new ToolbarAction('app.generate_name', ['allow_overwrite' => true]),
+            ]);
+        }
+    }
+
+    public static function getPriority(): int
+    {
+        return ContactAdmin::getPriority() - 1;
+    }
+}

translations/admin.de.json

@@ -10,5 +10,6 @@
     "app.album_selection_label": "{count} {count, plural, =1 {Album} other {Alben}} ausgewählt",
     "app.select_albums": "Alben auswählen",
     "app.no_album_selected": "Kein Album ausgewählt",
-    "app.select_album": "Album auswählen"
+    "app.select_album": "Album auswählen",
+    "app.generate_name": "Namen ausgeben"
 }

translations/admin.en.json

@@ -10,5 +10,6 @@
     "app.album_selection_label": "{count} {count, plural, =1 {album} other {albums}} selected",
     "app.select_albums": "Select albums",
     "app.no_album_selected": "No album selected",
-    "app.select_album": "Select album"
+    "app.select_album": "Select album",
+    "app.generate_name": "Generate name"
 }