From 8b5ad0d2f7e30622239edf64da684279e1ebf01d Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Wed, 17 Jun 2020 23:26:52 +0300
Subject: [PATCH] feat: show assigned permissions near module tabs

resolves volosoft/volo#2296
---
 .../lib/components/permission-management.component.html    | 7 ++++++-
 .../src/lib/components/permission-management.component.ts  | 7 +++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html b/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html
index 43697faaf9..a34d674970 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html
+++ b/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>
diff --git a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts b/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts
index 74b6cc6dc2..b6b1dcbdd3 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts
+++ b/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(