Impersonate from user menu dropdown #6524

Author: elias-playfinder

assets/js/app.js

@@ -32,6 +32,7 @@ class App {
         this.#createModalWindowsForDeleteActions();
         this.#createPopovers();
         this.#createTooltips();
+        this.#createImpersonateModal();
 
         document.addEventListener('ea.collection.item-added', () => this.#createAutoCompleteFields());
     }
@@ -449,4 +450,12 @@ class App {
             });
         });
     }
+
+    #createImpersonateModal(){
+        const impersonateButton = document.querySelector('#modal-impersonate-link');
+        const impersonateModal = document.querySelector(impersonateButton.getAttribute('data-bs-target'));
+        document.querySelector('#impersonate-modal-apply-button').addEventListener('click', () => {
+            impersonateModal.querySelector('form').submit();
+        });
+    }
 }

public/app.d52c6a33.css

@@ -5,7 +5,7 @@
         "/app.d52c6a33.css"
       ],
       "js": [
-        "/app.3048ce28.js"
+        "/app.fb2fb73c.js"
       ]
     },
     "form": {

public/app.3048ce28.js renamed to public/app.fb2fb73c.js

@@ -1,6 +1,6 @@
 {
   "app.css": "app.d52c6a33.css",
-  "app.js": "app.3048ce28.js",
+  "app.js": "app.fb2fb73c.js",
   "form.js": "form.ec4ce275.js",
   "page-layout.js": "page-layout.3347892e.js",
   "page-color-scheme.js": "page-color-scheme.30cb23c2.js",

public/app.3048ce28.js.LICENSE.txt renamed to public/app.fb2fb73c.js.LICENSE.txt

@@ -0,0 +1,27 @@
+<?php
+
+namespace EasyCorp\Bundle\EasyAdminBundle\Config\Menu;
+
+use EasyCorp\Bundle\EasyAdminBundle\Contracts\Menu\MenuItemInterface;
+use EasyCorp\Bundle\EasyAdminBundle\Dto\MenuItemDto;
+use Symfony\Contracts\Translation\TranslatableInterface;
+
+/**
+ * @see EasyCorp\Bundle\EasyAdminBundle\Config\MenuItem::linkToAccessImpersonation()
+ *
+ * @author Elías Fernández <[email protected]>
+ */
+final class AccessImpersonationMenuItem implements MenuItemInterface
+{
+    use MenuItemTrait;
+
+    public function __construct(TranslatableInterface|string $label, ?string $icon)
+    {
+        $this->dto = new MenuItemDto();
+
+        $this->dto->setType(MenuItemDto::TYPE_ACCESS_IMPERSONATION);
+        $this->dto->setLabel($label);
+        $this->dto->setIcon($icon);
+        $this->dto->setLinkUrl('test');
+    }
+}

public/entrypoints.json

@@ -2,6 +2,7 @@
 
 namespace EasyCorp\Bundle\EasyAdminBundle\Config;
 
+use EasyCorp\Bundle\EasyAdminBundle\Config\Menu\AccessImpersonationMenuItem;
 use EasyCorp\Bundle\EasyAdminBundle\Config\Menu\CrudMenuItem;
 use EasyCorp\Bundle\EasyAdminBundle\Config\Menu\DashboardMenuItem;
 use EasyCorp\Bundle\EasyAdminBundle\Config\Menu\ExitImpersonationMenuItem;
@@ -45,6 +46,14 @@ public static function linkToExitImpersonation(TranslatableInterface|string $lab
         return new ExitImpersonationMenuItem($label, $icon);
     }
 
+    /**
+     * @param string|null $icon The full CSS classes of the FontAwesome icon to render (see https://fontawesome.com/v6/search?m=free)
+     */
+    public static function linkToAccessImpersonation(TranslatableInterface|string $label, ?string $icon = null): AccessImpersonationMenuItem
+    {
+        return new AccessImpersonationMenuItem($label, $icon);
+    }
+
     /**
      * @param string|null $icon The full CSS classes of the FontAwesome icon to render (see https://fontawesome.com/v6/search?m=free)
      */

public/manifest.json

@@ -69,6 +69,9 @@ public function configureUserMenu(UserInterface $user): UserMenu
         if ($this->isGranted(Permission::EA_EXIT_IMPERSONATION)) {
             $userMenuItems[] = MenuItem::linkToExitImpersonation(t('user.exit_impersonation', domain: 'EasyAdminBundle'), 'fa-user-lock');
         }
+        if (!$this->isGranted(Permission::EA_EXIT_IMPERSONATION) && $this->isGranted(Permission::EA_CAN_SWITCH_USER)) {
+            $userMenuItems[] = MenuItem::linkToAccessImpersonation(t('user.impersonate_user', domain: 'EasyAdminBundle'), 'fa-user-lock');
+        }
 
         $userName = method_exists($user, '__toString') ? (string) $user : $user->getUserIdentifier();
 

src/Config/Menu/AccessImpersonationMenuItem.php

@@ -14,6 +14,7 @@ final class MenuItemDto
     public const TYPE_URL = 'url';
     public const TYPE_SECTION = 'section';
     public const TYPE_EXIT_IMPERSONATION = 'exit_impersonation';
+    public const TYPE_ACCESS_IMPERSONATION = 'access_impersonation';
     public const TYPE_DASHBOARD = 'dashboard';
     public const TYPE_LOGOUT = 'logout';
     public const TYPE_SUBMENU = 'submenu';

src/Config/MenuItem.php

@@ -5,7 +5,7 @@
         "/app.d52c6a33.css"
       ],
       "js": [
-        "/app.3048ce28.js"
+        "/app.fb2fb73c.js"
       ]
     },
     "form": {

src/Controller/AbstractDashboardController.php

@@ -1,6 +1,6 @@
 {
   "app.css": "app.d52c6a33.css",
-  "app.js": "app.3048ce28.js",
+  "app.js": "app.fb2fb73c.js",
   "form.js": "form.ec4ce275.js",
   "page-layout.js": "page-layout.3347892e.js",
   "page-color-scheme.js": "page-color-scheme.30cb23c2.js",

src/Dto/MenuItemDto.php

@@ -12,6 +12,7 @@ final class Permission
     public const EA_VIEW_MENU_ITEM = 'EA_VIEW_MENU_ITEM';
     public const EA_VIEW_FIELD = 'EA_VIEW_FIELD';
     public const EA_EXIT_IMPERSONATION = 'EA_EXIT_IMPERSONATION';
+    public const EA_CAN_SWITCH_USER = 'EA_CAN_SWITCH_USER';
 
     public static function exists(?string $permissionName): bool
     {

src/Resources/public/app.d52c6a33.css

@@ -0,0 +1,29 @@
+<div id="modal-impersonate" class="modal fade" tabindex="-1">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-body p-4">
+                <form method="get">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="field-text form-group">
+                                <label for="_switch_user" class="form-control-label required">{{ 'impersonate.username'|trans(domain = 'EasyAdminBundle') }}</label>
+                                <div class="form-widget">
+                                    <input type="text" name="_switch_user" id="impersonate_user_name" required="required" class="form-control" value="">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" data-bs-dismiss="modal" class="btn btn-sm btn-secondary" id="impersonate-modal-clear-button" formtarget="_self">
+                    <i class="fa fa-close"></i> {{ 'action.close'|trans(domain = 'EasyAdminBundle') }}
+                </button>
+
+                <button type="button" data-bs-dismiss="modal" class="btn btn-sm btn-primary" id="impersonate-modal-apply-button" formtarget="_self">
+                    <i class="fa fa-check"></i> {{ 'user.impersonate_user'|trans(domain = 'EasyAdminBundle') }}
+                </button>
+            </div>
+        </div>
+    </div>
+</div>

src/Resources/public/app.3048ce28.js renamed to src/Resources/public/app.fb2fb73c.js

@@ -104,6 +104,9 @@
                                 {% elseif not item.isMenuSection %}
                                     <a href="{{ item.linkUrl }}" class="dropdown-item user-action {{ item.cssClass }}"
                                        target="{{ item.linkTarget }}" rel="{{ item.linkRel }}"
+                                       {% if item.type == "access_impersonation" %}
+                                           data-bs-toggle="modal" data-bs-target="#modal-impersonate" id="modal-impersonate-link"
+                                       {% endif %}
                                        referrerpolicy="origin-when-cross-origin">
                                         {% if item.icon is not empty %}<i class="fa fa-fw {{ item.icon }}"></i>{% endif %}
                                         {{ item.label|trans }}
@@ -361,6 +364,9 @@
 
                                 <section id="main" class="content-body">
                                     {% block main %}{% endblock %}
+                                    {% if impersonator_permission == 'IS_IMPERSONATOR' %}
+                                        {{ include('@EasyAdmin/includes/_impersonate_modal.html.twig') }}
+                                    {% endif %}
                                 </section>
 
                                 {% block content_footer_wrapper %}

src/Resources/public/app.3048ce28.js.LICENSE.txt renamed to src/Resources/public/app.fb2fb73c.js.LICENSE.txt

@@ -109,6 +109,7 @@
         'anonymous' => 'Anonymous User',
         'sign_out' => 'Sign out',
         'exit_impersonation' => 'Exit impersonation',
+        'impersonate_user' => 'Impersonate user',
     ],
 
     'settings' => [
@@ -141,4 +142,8 @@
         'no-more-results' => 'No more results',
         'loading-more-results' => 'Loading more results…',
     ],
+
+    'impersonate' => [
+        'username' => 'Username to impersonate',
+    ],
 ];

src/Resources/public/entrypoints.json

@@ -108,7 +108,8 @@
         'unnamed' => 'Usuario sin nombre',
         'anonymous' => 'Usuario anónimo',
         'sign_out' => 'Cerrar sesión',
-        'exit_impersonation' => 'Terminar impersonación',
+        'exit_impersonation' => 'Terminar suplantación',
+        'impersonate_user' => 'Suplantar usuario',
     ],
 
     'settings' => [
@@ -141,4 +142,8 @@
         'no-more-results' => 'No hay más resultados',
         'loading-more-results' => 'Cargando más resultados…',
     ],
+
+    'impersonate' => [
+        'username' => 'Nombre de usuario a suplantar',
+    ],
 ];