Merge branch 'dev' of https://github.com/abpframework/abp into dev

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

@@ -26,11 +26,16 @@
           <ul class="nav nav-pills flex-column">
             <li *ngFor="let group of groups$ | async; trackBy: trackByFn" class="nav-item">
               <a
+                *ngIf="{ assignedCount: getAssignedCount(group.name) } as data"
                 class="nav-link pointer"
                 [class.active]="selectedGroup?.name === group?.name"
                 (click)="onChangeGroup(group)"
-                >{{ group?.displayName }}</a
               >
+                <div [class.font-weight-bold]="data.assignedCount">
+                  {{ group?.displayName }}
+                  <span>({{ data.assignedCount }})</span>
+                </div>
+              </a>
             </li>
           </ul>
         </div>

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

@@ -261,6 +261,13 @@ export class PermissionManagementComponent
     this.setTabCheckboxState();
     this.setGrantCheckboxState();
   }
+
+  getAssignedCount(groupName: string) {
+    return this.permissions.reduce(
+      (acc, val) => (val.name.split('.')[0] === groupName && val.isGranted ? acc + 1 : acc),
+      0,
+    );
+  }
 }
 
 function findMargin(