Add proper title to Abp-permission-manager.component #9581

npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.html

@@ -55,6 +55,7 @@
     };
     let init = initTemplate
   "
+  [title]="providerKey"
   (abpInit)="init(abpPermissionManagement)"
 >
 </abp-permission-management>

npm/ng-packs/packages/identity/src/lib/components/users/users.component.html

@@ -95,6 +95,7 @@
     };
     let init = initTemplate
   "
+  [title]="userName"
   (abpInit)="init(abpPermissionManagement)"
 >
 </abp-permission-management>

npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts

@@ -64,6 +64,7 @@ export class UsersComponent implements OnInit {
   onVisiblePermissionChange = event => {
     this.visiblePermissions = event;
   };
+  userName: string;
 
   get roleGroups(): FormGroup[] {
     return ((this.form.get('roleNames') as FormArray)?.controls as FormGroup[]) || [];
@@ -176,8 +177,9 @@ export class UsersComponent implements OnInit {
     this.list.hookToQuery(query => this.service.getList(query)).subscribe(res => (this.data = res));
   }
 
-  openPermissionsModal(providerKey: string) {
+  openPermissionsModal(providerKey: string, userName:string) {
     this.providerKey = providerKey;
+    this.userName = userName;
     setTimeout(() => {
       this.visiblePermissions = true;
     }, 0);

npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-actions.ts

@@ -15,7 +15,7 @@ export const DEFAULT_USERS_ENTITY_ACTIONS = EntityAction.createMany<IdentityUser
     text: 'AbpIdentity::Permissions',
     action: data => {
       const component = data.getInjected(UsersComponent);
-      component.openPermissionsModal(data.record.id);
+      component.openPermissionsModal(data.record.id, data.record.userName);
     },
     permission: 'AbpIdentity.Users.ManagePermissions',
   },

npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html

@@ -2,8 +2,8 @@
   <ng-container *ngIf="data.entityDisplayName">
     <ng-template #abpHeader>
       <h4>
-        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} -
-        {{ data.entityDisplayName }}
+        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }}
+        <ng-template [ngIf]="title"> - </ng-template> {{ title }}
       </h4>
     </ng-template>
     <ng-template #abpBody>

npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts

@@ -64,6 +64,9 @@ export class PermissionManagementComponent
     return this._visible;
   }
 
+  @Input()
+  title = '';
+
   set visible(value: boolean) {
     if (value === this._visible) return;